pds-dev-kit-web-test 2.5.498 → 2.5.500

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

@@ -1,7 +0,0 @@
-import type React from 'react';
-interface CurrentTimeIndicatorProps {
-    show: boolean;
-    leftOffset?: string;
-}
-export declare const CurrentTimeIndicator: React.FC<CurrentTimeIndicatorProps>;
-export {};

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

@@ -1,48 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CurrentTimeIndicator = void 0;
-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 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)().i18n;
-    var getCurrentTime = (0, react_1.useCallback)(function () {
-        var now = new Date();
-        var locale = (0, constants_1.getLocaleFromLang)(i18n.language);
-        var timeInTimezone = new Date(now.toLocaleString(locale));
-        return {
-            hour: timeInTimezone.getHours(),
-            minute: timeInTimezone.getMinutes(),
-            percentage: ((timeInTimezone.getHours() * 60 + timeInTimezone.getMinutes()) / (24 * 60)) * 100
-        };
-    }, [i18n.language]);
-    var _c = (0, react_1.useState)(getCurrentTime()), currentTime = _c[0], setCurrentTime = _c[1];
-    (0, react_1.useEffect)(function () {
-        var updateTime = function () {
-            setCurrentTime(getCurrentTime());
-        };
-        updateTime();
-        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 }));
-};
-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) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_sheet_border_07;
-}, function (props) { return (props.$show ? 'block' : 'none'); }, function (props) { return props.$leftOffset; }, function (props) { return props.$top; }, function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_sheet_border_07;
-});
-var templateObject_1;

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

@@ -1,17 +0,0 @@
-import type { Schedule, displayAllDayScheduleMode } from './types';
-import type { FC, MouseEvent, DragEvent } from 'react';
-interface DailyViewProps {
-    selectedDate: Date;
-    displayAllDayScheduleMode?: displayAllDayScheduleMode;
-    getSchedulesForDate: (date: Date) => Schedule[];
-    isDragOverDate: Date | null;
-    handleDateDragOver: (date: Date, e: DragEvent) => void;
-    handleDateDragLeave: () => void;
-    handleDateDrop: (date: Date, e: DragEvent) => void;
-    handleDateClick: (date: Date, e: MouseEvent) => void;
-    renderScheduleItem: (schedule: Schedule, extraProps?: any) => React.ReactNode;
-    handleScheduleDragStart: (schedule: Schedule, e: DragEvent) => void;
-    handleScheduleDragEnd: () => void;
-}
-export declare const DailyView: FC<DailyViewProps>;
-export {};

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

@@ -1,64 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DailyView = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_i18next_1 = require("react-i18next");
-var styled_components_1 = __importDefault(require("styled-components"));
-var TextLabel_1 = require("../TextLabel");
-var AllDaySchedulesSection_1 = require("./AllDaySchedulesSection");
-var CurrentTimeIndicator_1 = require("./CurrentTimeIndicator");
-var TimeBasedScheduleItem_1 = require("./TimeBasedScheduleItem");
-var timeFormatUtils_1 = require("./timeFormatUtils");
-var DailyView = function (_a) {
-    var selectedDate = _a.selectedDate, _b = _a.displayAllDayScheduleMode, displayAllDayScheduleMode = _b === void 0 ? 'use' : _b, getSchedulesForDate = _a.getSchedulesForDate, isDragOverDate = _a.isDragOverDate, handleDateDragOver = _a.handleDateDragOver, handleDateDragLeave = _a.handleDateDragLeave, handleDateDrop = _a.handleDateDrop, handleDateClick = _a.handleDateClick, renderScheduleItem = _a.renderScheduleItem, handleScheduleDragStart = _a.handleScheduleDragStart, handleScheduleDragEnd = _a.handleScheduleDragEnd;
-    var i18n = (0, react_i18next_1.useTranslation)().i18n;
-    var currentDateForDaily = [selectedDate][0];
-    var HOURS_IN_DAY = Array.from({ length: 24 }, function (_, i) { return i; });
-    var getTimeSlotDate = function (baseDate, hour) {
-        var date = new Date(baseDate);
-        date.setHours(hour, 0, 0, 0);
-        return date;
-    };
-    return ((0, jsx_runtime_1.jsxs)(S_DailyContainer, { children: [(0, jsx_runtime_1.jsx)(AllDaySchedulesSection_1.AllDaySchedulesSection, { calendarDates: [selectedDate], displayAllDayScheduleMode: displayAllDayScheduleMode, getSchedulesForDate: getSchedulesForDate, renderScheduleItem: renderScheduleItem, handleDateDragOver: handleDateDragOver, handleDateDragLeave: handleDateDragLeave, handleDateDrop: handleDateDrop }), (0, jsx_runtime_1.jsxs)(S_DailyTimeGrid, { children: [(0, jsx_runtime_1.jsx)(CurrentTimeIndicator_1.CurrentTimeIndicator, { show: true, leftOffset: "80px" }), HOURS_IN_DAY.map(function (hour) {
-                        var timeSlotDate = getTimeSlotDate(currentDateForDaily, hour);
-                        var isDragOver = (isDragOverDate === null || isDragOverDate === void 0 ? void 0 : isDragOverDate.getTime()) === timeSlotDate.getTime();
-                        return ((0, jsx_runtime_1.jsxs)(S_DailyTimeRow, { children: [(0, jsx_runtime_1.jsx)(S_DailyTimeLabel, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { styleTheme: "caption2Bold", text: (0, timeFormatUtils_1.formatHour)(hour, i18n.language), colorTheme: "sysTextTertiary" }) }), (0, jsx_runtime_1.jsx)(S_DailyTimeSlot, __assign({ "$isDragOver": isDragOver, onClick: function () { return handleDateClick(timeSlotDate, {}); }, onDragOver: function (e) { return handleDateDragOver(timeSlotDate, e); }, onDragLeave: handleDateDragLeave, onDrop: function (e) { return handleDateDrop(timeSlotDate, e); } }, { children: hour === 0 && ((0, jsx_runtime_1.jsx)(TimeBasedScheduleItem_1.TimeBasedScheduleItem, { schedules: getSchedulesForDate(currentDateForDaily), handleScheduleDragStart: handleScheduleDragStart, handleScheduleDragEnd: handleScheduleDragEnd })) }))] }, hour));
-                    })] })] }));
-};
-exports.DailyView = DailyView;
-var S_DailyContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n"], ["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n"])));
-var S_DailyTimeGrid = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  flex: 1;\n  overflow-y: auto;\n  position: relative;\n"], ["\n  flex: 1;\n  overflow-y: auto;\n  position: relative;\n"])));
-var S_DailyTimeRow = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  min-height: 60px;\n"], ["\n  display: flex;\n  min-height: 60px;\n"])));
-var S_DailyTimeLabel = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  align-items: center;\n  border-bottom: 1px solid ", ";\n  border-right: 1px solid ", ";\n  display: flex;\n  justify-content: center;\n  min-width: 80px;\n  padding: 8px;\n"], ["\n  align-items: center;\n  border-bottom: 1px solid ", ";\n  border-right: 1px solid ", ";\n  display: flex;\n  justify-content: center;\n  min-width: 80px;\n  padding: 8px;\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_divider;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_divider;
-});
-var S_DailyTimeSlot = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  background: ", ";\n  border-bottom: 1px solid ", ";\n  cursor: pointer;\n  flex: 1;\n  min-width: 0;\n  overflow: visible;\n  padding: 4px;\n  position: relative;\n\n  &:hover {\n    background: ", ";\n  }\n"], ["\n  background: ", ";\n  border-bottom: 1px solid ", ";\n  cursor: pointer;\n  flex: 1;\n  min-width: 0;\n  overflow: visible;\n  padding: 4px;\n  position: relative;\n\n  &:hover {\n    background: ", ";\n  }\n"])), function (props) { return (props.$isDragOver ? props.theme.ui_72 : 'transparent'); }, function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_divider;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.ui_72;
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

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

@@ -1,29 +0,0 @@
-import type { Schedule } from './types';
-import type React from 'react';
-interface MonthlyViewProps {
-    getDayTextByDate: (date: Date) => string;
-    startOfWeek: 'sunday' | 'monday';
-    selectedDate: Date;
-    selectedDates: Date[];
-    dragStartDate: Date | null;
-    selectedSchedules: Schedule[];
-    dragEndDate: Date | null;
-    isDragOverDate: Date | null;
-    schedules: Schedule[];
-    getSchedulesForDate: (date: Date) => Schedule[];
-    isToday: (date: Date) => boolean;
-    isPastDate: (date: Date) => boolean;
-    handleDateClick: (date: Date, e: React.MouseEvent) => void;
-    handleScheduleClick?: (schedule: Schedule, e?: React.MouseEvent) => void;
-    handleMouseUp: () => void;
-    handleDateDragOver: (date: Date, e: React.DragEvent) => void;
-    handleDateDragLeave: () => void;
-    handleDateDrop: (date: Date, e: React.DragEvent) => void;
-    renderScheduleItem: (schedule: Schedule, extraProps?: any) => React.ReactNode;
-    handleScheduleDragStart?: (schedule: Schedule, e: React.DragEvent) => void;
-    handleScheduleDragEnd?: () => void;
-    isDraggable?: boolean;
-    onSwitchToWeeklyView?: (date: Date) => void;
-}
-export declare const MonthlyView: React.FC<MonthlyViewProps>;
-export {};

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

@@ -1,313 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MonthlyView = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var react_i18next_1 = require("react-i18next");
-var dateHelper_1 = require("../../../common/utils/dateHelper");
-var styled_components_1 = __importDefault(require("styled-components"));
-var TextLabel_1 = require("../TextLabel");
-var calendarUtils_1 = require("./calendarUtils");
-var MultiWeekSchedulesLayer_1 = require("./MultiWeekSchedulesLayer");
-var MonthlyView = function (_a) {
-    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, renderScheduleItem = _a.renderScheduleItem, handleScheduleDragStart = _a.handleScheduleDragStart, handleScheduleDragEnd = _a.handleScheduleDragEnd, _b = _a.isDraggable, isDraggable = _b === void 0 ? false : _b, onSwitchToWeeklyView = _a.onSwitchToWeeklyView;
-    var t = (0, react_i18next_1.useTranslation)().t;
-    var calendarCellRef = (0, react_1.useRef)(null);
-    var _c = (0, react_1.useState)(3), maxSchedulesPerDay = _c[0], setMaxSchedulesPerDay = _c[1];
-    var days = (function () {
-        var monthDate = new Date(selectedDate.getFullYear(), selectedDate.getMonth(), 1);
-        return dateHelper_1.DateHelper.getCalendarDatesForCalendar(monthDate, startOfWeek);
-    })();
-    // 셀 높이 기반으로 최대 스케줄 개수 계산
-    var calculateMaxSchedules = (0, react_1.useCallback)(function () {
-        if (!calendarCellRef.current)
-            return;
-        var cellHeight = calendarCellRef.current.clientHeight;
-        var dateLabelHeight = 20; // 날짜 텍스트 영역
-        var cellPadding = 8; // 상하 패딩 (4px * 2)
-        var scheduleItemHeight = 20; // 스케줄 아이템 대략 높이
-        var moreTextHeight = 16; // "더보기" 텍스트 높이
-        var availableHeight = cellHeight - dateLabelHeight - cellPadding;
-        var maxSchedulesWithMore = Math.floor((availableHeight - moreTextHeight) / scheduleItemHeight);
-        // 최소 1개는 보여주되, 더보기를 고려한 개수로 설정
-        var calculatedMax = Math.max(1, maxSchedulesWithMore);
-        setMaxSchedulesPerDay(calculatedMax);
-    }, []);
-    // ResizeObserver로 크기 변경 감지
-    (0, react_1.useLayoutEffect)(function () {
-        if (!calendarCellRef.current)
-            return;
-        var resizeObserver = new ResizeObserver(function () {
-            calculateMaxSchedules();
-        });
-        resizeObserver.observe(calendarCellRef.current);
-        // 초기 계산
-        calculateMaxSchedules();
-        return function () {
-            resizeObserver.disconnect();
-        };
-    }, [calculateMaxSchedules]);
-    // 창 크기 변경 시에도 재계산
-    (0, react_1.useLayoutEffect)(function () {
-        var handleResize = function () {
-            setTimeout(calculateMaxSchedules, 0);
-        };
-        window.addEventListener('resize', handleResize);
-        return function () { return window.removeEventListener('resize', handleResize); };
-    }, [calculateMaxSchedules]);
-    // 다중 이벤트 계산
-    var getMultiWeekSchedules = (0, react_1.useMemo)(function () {
-        var multiWeekSchedules = [];
-        var allSchedules = new Map();
-        var processedScheduleIds = new Set();
-        // 캘린더에 표시되는 전체 날짜 범위 계산
-        var calendarStart = new Date(days[0]);
-        var calendarEnd = new Date(days[days.length - 1]);
-        calendarStart.setHours(0, 0, 0, 0);
-        calendarEnd.setHours(0, 0, 0, 0);
-        days.forEach(function (date) {
-            var schedulesForDate = getSchedulesForDate(date);
-            schedulesForDate.forEach(function (schedule) {
-                // 이미 처리된 이벤트는 건너뛰기
-                if (processedScheduleIds.has(schedule.id)) {
-                    return;
-                }
-                var scheduleStart = new Date(schedule.startDate);
-                var scheduleEnd = new Date(schedule.endDate);
-                scheduleStart.setHours(0, 0, 0, 0);
-                scheduleEnd.setHours(0, 0, 0, 0);
-                // All day 이벤트이거나 다중 날짜 이벤트인지 확인
-                var isAllDay = (0, calendarUtils_1.calculateIsAllDay)(new Date(schedule.startDate), new Date(schedule.endDate));
-                var isMultiDay = scheduleStart.getTime() !== scheduleEnd.getTime();
-                if (isAllDay || isMultiDay) {
-                    // 이벤트가 현재 캘린더 범위와 교차하는지 확인
-                    var isIntersecting = !(scheduleEnd.getTime() < calendarStart.getTime() ||
-                        scheduleStart.getTime() > calendarEnd.getTime());
-                    if (isIntersecting) {
-                        allSchedules.set(schedule.id, schedule);
-                        processedScheduleIds.add(schedule.id);
-                    }
-                }
-            });
-        });
-        allSchedules.forEach(function (schedule) {
-            var scheduleStart = new Date(schedule.startDate);
-            var scheduleEnd = new Date(schedule.endDate);
-            scheduleStart.setHours(0, 0, 0, 0);
-            scheduleEnd.setHours(0, 0, 0, 0);
-            // 여러 날짜에 걸친 이벤트인지 확인
-            if (scheduleStart.getTime() !== scheduleEnd.getTime()) {
-                // 캘린더 범위 내에서 표시할 실제 시작/끝 날짜 계산
-                var displayStart_1 = new Date(Math.max(scheduleStart.getTime(), calendarStart.getTime()));
-                var displayEnd_1 = new Date(Math.min(scheduleEnd.getTime(), calendarEnd.getTime()));
-                // 캘린더 그리드에서 시작과 끝 위치 찾기
-                var startIndex = days.findIndex(function (date) {
-                    var d = new Date(date);
-                    d.setHours(0, 0, 0, 0);
-                    return d.getTime() === displayStart_1.getTime();
-                });
-                var endIndex = days.findIndex(function (date) {
-                    var d = new Date(date);
-                    d.setHours(0, 0, 0, 0);
-                    return d.getTime() === displayEnd_1.getTime();
-                });
-                if (startIndex !== -1 && endIndex !== -1) {
-                    var startRow = Math.floor(startIndex / 7) + 2;
-                    var endRow = Math.floor(endIndex / 7) + 2;
-                    var _loop_1 = function (row) {
-                        var isFirstRow = row === startRow;
-                        var isLastRow = row === endRow;
-                        // 각 행에서의 시작/끝 컬럼 계산
-                        var segmentStartCol = void 0;
-                        var segmentEndCol = void 0;
-                        if (isFirstRow && isLastRow) {
-                            // 같은 행 내의 이벤트
-                            segmentStartCol = (startIndex % 7) + 1;
-                            segmentEndCol = (endIndex % 7) + 1;
-                        }
-                        else if (isFirstRow) {
-                            // 첫 번째 행: 시작 컬럼부터 주 끝까지
-                            segmentStartCol = (startIndex % 7) + 1;
-                            segmentEndCol = 7;
-                        }
-                        else if (isLastRow) {
-                            // 마지막 행: 주 시작부터 끝 컬럼까지
-                            segmentStartCol = 1;
-                            segmentEndCol = (endIndex % 7) + 1;
-                        }
-                        else {
-                            // 중간 행: 주 전체
-                            segmentStartCol = 1;
-                            segmentEndCol = 7;
-                        }
-                        // 같은 행의 기존 이벤트 개수 계산
-                        var existingSchedulesInRow = multiWeekSchedules.filter(function (e) { return e.startRow === row; }).length;
-                        multiWeekSchedules.push({
-                            schedule: schedule,
-                            startRow: row,
-                            endRow: row,
-                            startCol: segmentStartCol,
-                            endCol: segmentEndCol,
-                            scheduleIndex: existingSchedulesInRow
-                        });
-                    };
-                    // 여러 주에 걸친 경우 각 주별로 분할해서 처리
-                    for (var row = startRow; row <= endRow; row += 1) {
-                        _loop_1(row);
-                    }
-                }
-            }
-        });
-        return multiWeekSchedules;
-    }, [days, getSchedulesForDate, schedules]);
-    // 각 날짜별 다중 날짜 이벤트 개수 계산
-    var getMultiWeekSchedulesCountForDate = (0, react_1.useMemo)(function () {
-        var countMap = new Map();
-        days.forEach(function (date, index) {
-            var dateKey = date.toDateString();
-            var row = Math.floor(index / 7) + 2; // 헤더 고려
-            var col = (index % 7) + 1;
-            // 해당 날짜에 영향을 주는 다중 주 이벤트 개수 계산
-            var affectingSchedules = getMultiWeekSchedules.filter(function (schedule) {
-                var startRow = schedule.startRow, endRow = schedule.endRow, startCol = schedule.startCol, endCol = schedule.endCol;
-                // 같은 행에 있고, 컬럼 범위에 포함되는 경우
-                if (row >= startRow && row <= endRow) {
-                    if (startRow === endRow) {
-                        // 같은 행 내에서 컬럼 범위 체크
-                        return col >= startCol && col <= endCol;
-                    }
-                    // 여러 행에 걸친 경우
-                    if (row === startRow) {
-                        return col >= startCol;
-                    }
-                    if (row === endRow) {
-                        return col <= endCol;
-                    }
-                    return true; // 중간 행
-                }
-                return false;
-            });
-            countMap.set(dateKey, affectingSchedules.length);
-        });
-        return countMap;
-    }, [days, getMultiWeekSchedules]);
-    // 시작 요일에 따라 정렬된 요일 헤더 생성
-    var orderedDayTexts = (function () {
-        var weekDates = [];
-        var today = new Date();
-        var startIndex = startOfWeek === 'monday' ? 1 : 0;
-        var firstDayOfWeek = new Date(today);
-        firstDayOfWeek.setDate(today.getDate() - ((today.getDay() - startIndex + 7) % 7));
-        for (var i = 0; i < 7; i += 1) {
-            var date = new Date(firstDayOfWeek);
-            date.setDate(firstDayOfWeek.getDate() + i);
-            weekDates.push(getDayTextByDate(date));
-        }
-        return weekDates;
-    })();
-    return ((0, jsx_runtime_1.jsxs)(S_MonthlyGrid, __assign({ "data-calendar-grid": true }, { children: [orderedDayTexts.map(function (day, index) { return ((0, jsx_runtime_1.jsx)(S_DayHeader, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { styleTheme: "caption2Bold", textAlign: "center", colorTheme: "sysTextSecondary", text: day }) }, "".concat(day, "-").concat(index))); }), days.map(function (date, index) {
-                var daySchedules = getSchedulesForDate(date);
-                var multiWeekSchedulesCount = getMultiWeekSchedulesCountForDate.get(date.toDateString()) || 0;
-                // 다중 날짜 이벤트를 제외한 이벤트들 (종일 이벤트 + 단일 날짜 시간 이벤트)
-                var visibleSchedules = daySchedules.filter(function (schedule) {
-                    var scheduleStart = new Date(schedule.startDate);
-                    var scheduleEnd = new Date(schedule.endDate);
-                    var checkDate = new Date(date);
-                    // 날짜 비교를 위해 시간을 00:00:00으로 설정
-                    scheduleStart.setHours(0, 0, 0, 0);
-                    scheduleEnd.setHours(0, 0, 0, 0);
-                    checkDate.setHours(0, 0, 0, 0);
-                    // 다중 날짜 이벤트가 아닌 경우만 포함 (단일 날짜 종일/시간 이벤트)
-                    if (scheduleStart.getTime() !== scheduleEnd.getTime()) {
-                        return false; // 다중 날짜 이벤트 제외
-                    }
-                    // 해당 날짜의 이벤트인 경우만 포함
-                    return scheduleStart.getTime() === checkDate.getTime();
-                });
-                // 이벤트를 시작 시간순으로 정렬
-                visibleSchedules.sort(function (a, b) {
-                    var timeA = new Date(a.startDate).getTime();
-                    var timeB = new Date(b.startDate).getTime();
-                    return timeA - timeB;
-                });
-                // 표시 가능한 최대 이벤트 개수 (다중 날짜 이벤트 공간 고려)
-                var maxDisplayableEvents = Math.max(0, maxSchedulesPerDay - multiWeekSchedulesCount);
-                var displayedSchedules = visibleSchedules.slice(0, maxDisplayableEvents);
-                var hiddenSchedulesCount = visibleSchedules.length - displayedSchedules.length;
-                return ((0, jsx_runtime_1.jsxs)(S_CalendarCell, __assign({ ref: date.getMonth() === selectedDate.getMonth() && date.getDate() === 1
-                        ? calendarCellRef
-                        : undefined, "data-calendar-cell": true, "$isCurrentMonth": date.getMonth() === selectedDate.getMonth(), "$isToday": isToday(date), "$isSelected": selectedDates.some(function (selectedDate) { return selectedDate.toDateString() === date.toDateString(); }) ||
-                        !!(dragStartDate &&
-                            dragEndDate &&
-                            date.getTime() >= Math.min(dragStartDate.getTime(), dragEndDate.getTime()) &&
-                            date.getTime() <= Math.max(dragStartDate.getTime(), dragEndDate.getTime())), "$isPast": isPastDate(date), "$isDragOver": (isDragOverDate === null || isDragOverDate === void 0 ? void 0 : isDragOverDate.toDateString()) === date.toDateString(), onClick: function (e) { return handleDateClick(date, e); }, onMouseUp: handleMouseUp, onDragOver: function (e) { return handleDateDragOver(date, e); }, onDragLeave: handleDateDragLeave, onDrop: function (e) { return handleDateDrop(date, e); } }, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { styleTheme: isToday(date) ? 'caption2Bold' : 'caption2Regular', textAlign: "center", colorTheme: isToday(date) ? 'sysTextBrandPrimary' : 'sysTextSecondary', text: date.getDate().toString() }), (0, jsx_runtime_1.jsxs)(S_SchedulesContainer, __assign({ "$multiWeekSchedulesCount": multiWeekSchedulesCount }, { children: [displayedSchedules.map(function (schedule) {
-                                    return renderScheduleItem(schedule, {
-                                        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(); }
-                                    });
-                                }), hiddenSchedulesCount > 0 && ((0, jsx_runtime_1.jsx)(S_MoreSchedulesButton, __assign({ onClick: function (e) {
-                                        e.stopPropagation();
-                                        onSwitchToWeeklyView === null || onSwitchToWeeklyView === void 0 ? void 0 : onSwitchToWeeklyView(date);
-                                    } }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: "".concat(hiddenSchedulesCount, " ").concat(t('str_calendar_schedule_more')), styleTheme: "caption2Regular" }) })))] }))] }), index));
-            }), (0, jsx_runtime_1.jsx)(MultiWeekSchedulesLayer_1.MultiWeekSchedulesLayer, { multiWeekSchedules: getMultiWeekSchedules, selectedSchedules: selectedSchedules, handleScheduleClick: handleScheduleClick, handleScheduleDragStart: handleScheduleDragStart, handleScheduleDragEnd: handleScheduleDragEnd, isDraggable: isDraggable })] })));
-};
-exports.MonthlyView = MonthlyView;
-var S_MonthlyGrid = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: grid;\n  gap: 0;\n  grid-template-columns: repeat(7, 1fr);\n  grid-template-rows: auto repeat(6, 1fr); /* \uD5E4\uB354\uB294 auto, \uB098\uBA38\uC9C0 6\uC8FC\uB294 \uB3D9\uC77C\uD55C \uB192\uC774 */\n  height: 100%; /* \uC140 \uAC04\uACA9\uC744 \uC81C\uAC70\uD558\uC5EC \uC774\uBCA4\uD2B8\uAC00 \uC5F0\uACB0\uB418\uC5B4 \uBCF4\uC774\uB3C4\uB85D */\n  overflow-x: hidden; /* \uADF8\uB9AC\uB4DC \uACBD\uACC4\uB97C \uB118\uB294 \uC694\uC18C\uB97C \uC228\uAE40 */\n  position: relative;\n"], ["\n  display: grid;\n  gap: 0;\n  grid-template-columns: repeat(7, 1fr);\n  grid-template-rows: auto repeat(6, 1fr); /* \uD5E4\uB354\uB294 auto, \uB098\uBA38\uC9C0 6\uC8FC\uB294 \uB3D9\uC77C\uD55C \uB192\uC774 */\n  height: 100%; /* \uC140 \uAC04\uACA9\uC744 \uC81C\uAC70\uD558\uC5EC \uC774\uBCA4\uD2B8\uAC00 \uC5F0\uACB0\uB418\uC5B4 \uBCF4\uC774\uB3C4\uB85D */\n  overflow-x: hidden; /* \uADF8\uB9AC\uB4DC \uACBD\uACC4\uB97C \uB118\uB294 \uC694\uC18C\uB97C \uC228\uAE40 */\n  position: relative;\n"])));
-var S_DayHeader = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  border-bottom: 1px solid ", ";\n  padding: 12px 8px;\n  text-align: center;\n"], ["\n  border-bottom: 1px solid ", ";\n  padding: 12px 8px;\n  text-align: center;\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_divider;
-});
-var S_CalendarCell = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  background-color: ", ";\n  border-bottom: 1px solid ", ";\n  border-right: 1px solid ", ";\n  min-height: 80px;\n  min-width: 0;\n  overflow: hidden;\n  padding: 4px;\n  position: relative;\n  transition: background-color 0.2s;\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  &:nth-child(7n + 1) {\n    border-left: 1px solid ", ";\n  }\n\n  &:nth-child(-n + 7) {\n    border-top: 1px solid ", ";\n  }\n"], ["\n  background-color: ", ";\n  border-bottom: 1px solid ", ";\n  border-right: 1px solid ", ";\n  min-height: 80px;\n  min-width: 0;\n  overflow: hidden;\n  padding: 4px;\n  position: relative;\n  transition: background-color 0.2s;\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  &:nth-child(7n + 1) {\n    border-left: 1px solid ", ";\n  }\n\n  &:nth-child(-n + 7) {\n    border-top: 1px solid ", ";\n  }\n"])), function (_a) {
-    var $isSelected = _a.$isSelected, theme = _a.theme;
-    if ($isSelected)
-        return theme.ui_cpnt_sheet_base;
-    return 'transparent';
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_divider;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_divider;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_sheet_base;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_divider;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_divider;
-});
-var S_SchedulesContainer = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  margin-top: ", "px;\n  max-width: 100%;\n  overflow: hidden;\n  position: relative;\n"], ["\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  margin-top: ", "px;\n  max-width: 100%;\n  overflow: hidden;\n  position: relative;\n"])), function (_a) {
-    var _b = _a.$multiWeekSchedulesCount, $multiWeekSchedulesCount = _b === void 0 ? 0 : _b;
-    return $multiWeekSchedulesCount * 28;
-});
-var S_MoreSchedulesButton = styled_components_1.default.button(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  background: none;\n  border: none;\n  border-radius: 2px;\n  color: ", ";\n  cursor: pointer;\n  font: inherit;\n  outline: inherit;\n  padding: 0;\n  transition: background-color 0.2s ease;\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  &:active {\n    background-color: ", ";\n  }\n"], ["\n  background: none;\n  border: none;\n  border-radius: 2px;\n  color: ", ";\n  cursor: pointer;\n  font: inherit;\n  outline: inherit;\n  padding: 0;\n  transition: background-color 0.2s ease;\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  &:active {\n    background-color: ", ";\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_textlabel_sys_brandprimary;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_sheet_base;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_sheet_base_02;
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

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

@@ -1,20 +0,0 @@
-import type { Schedule } from './types';
-import type React from 'react';
-interface MultiWeekScheduleInfo {
-    schedule: Schedule;
-    startRow: number;
-    endRow: number;
-    startCol: number;
-    endCol: number;
-    scheduleIndex: number;
-}
-interface MultiWeekSchedulesLayerProps {
-    multiWeekSchedules: MultiWeekScheduleInfo[];
-    selectedSchedules: Schedule[];
-    handleScheduleClick?: (schedule: Schedule, e?: React.MouseEvent) => void;
-    handleScheduleDragStart?: (schedule: Schedule, e: React.DragEvent) => void;
-    handleScheduleDragEnd?: () => void;
-    isDraggable?: boolean;
-}
-export declare const MultiWeekSchedulesLayer: React.FC<MultiWeekSchedulesLayerProps>;
-export {};