pds-dev-kit-web-test 2.5.440 → 2.5.443

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

@@ -1,365 +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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-/* eslint-disable indent */
-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 Dropdown_1 = require("../Dropdown");
-var IconButton_1 = require("../IconButton");
-var TextButton_1 = require("../TextButton");
-var TextLabel_1 = require("../TextLabel");
-var calendarUtils_1 = require("./calendarUtils");
-var DailyView_1 = require("./DailyView");
-var MonthlyView_1 = require("./MonthlyView");
-var ScheduleItem_1 = require("./ScheduleItem");
-var WeeklyView_1 = require("./WeeklyView");
-var YearlyView_1 = require("./YearlyView");
-var Calendar = function (_a) {
-    var _b = _a.defaultViewType, defaultViewType = _b === void 0 ? 'MONTHLY' : _b, _c = _a.viewTypes, viewTypes = _c === void 0 ? ['MONTHLY', 'WEEKLY', 'DAILY', 'YEARLY'] : _c, _d = _a.displayAllDayScheduleMode, displayAllDayScheduleMode = _d === void 0 ? 'use' : _d, _e = _a.startOfWeek, startOfWeek = _e === void 0 ? 'sunday' : _e, _f = _a.todayBtnMode, todayBtnMode = _f === void 0 ? 'use' : _f, _g = _a.schedules, schedules = _g === void 0 ? [] : _g, config = _a.config, onActionDispatch = _a.onActionDispatch;
-    var t = (0, react_i18next_1.useTranslation)().t;
-    var _h = (0, react_1.useState)(defaultViewType), currentViewType = _h[0], setCurrentViewType = _h[1];
-    var _j = (0, react_1.useState)(new Date()), selectedDate = _j[0], setSelectedDate = _j[1];
-    var _k = (0, react_1.useState)(null), dragStartDate = _k[0], setDragStartDate = _k[1];
-    var _l = (0, react_1.useState)(null), dragEndDate = _l[0], setDragEndDate = _l[1];
-    var _m = (0, react_1.useState)(false), isDragging = _m[0], setIsDragging = _m[1];
-    var _o = (0, react_1.useState)(null), draggedSchedule = _o[0], setDraggedSchedule = _o[1];
-    var _p = (0, react_1.useState)(null), isDragOverDate = _p[0], setIsDragOverDate = _p[1];
-    var _q = (0, react_1.useState)([]), selectedSchedules = _q[0], setSelectedSchedules = _q[1];
-    var _r = (0, react_1.useState)([]), selectedDates = _r[0], setSelectedDates = _r[1];
-    var _s = (0, react_1.useState)(null), lastSelectedDate = _s[0], setLastSelectedDate = _s[1];
-    // 오늘 날짜인지 확인
-    var today = new Date();
-    var isToday = function (date) { return dateHelper_1.DateHelper.isSameDay(date, today); };
-    // 과거 날짜인지 확인
-    var isPastDate = (0, react_1.useCallback)(function (date) { return dateHelper_1.DateHelper.isBefore(date, today) && !dateHelper_1.DateHelper.isSameDay(date, today); }, [today]);
-    // 뷰 타입에 따른 시작일과 종료일 계산
-    var _t = (0, calendarUtils_1.calculateDateRange)(currentViewType, selectedDate), startDate = _t.startDate, endDate = _t.endDate;
-    // 뷰 타입 변경 처리
-    var handleViewTypeChange = (0, react_1.useCallback)(function (option) {
-        var newViewType = option.value;
-        setCurrentViewType(newViewType);
-        onActionDispatch === null || onActionDispatch === void 0 ? void 0 : onActionDispatch({
-            type: 'CALENDAR_TYPE_CHANGE',
-            payload: {
-                type: newViewType,
-                startDate: startDate,
-                endDate: endDate
-            }
-        });
-    }, [selectedDate, onActionDispatch, calendarUtils_1.calculateDateRange]);
-    // "오늘" 버튼 클릭 이벤트
-    var handleTodayClick = (0, react_1.useCallback)(function () {
-        setSelectedDate(today);
-        onActionDispatch === null || onActionDispatch === void 0 ? void 0 : onActionDispatch({
-            type: 'TODAY_BUTTON_CLICK',
-            payload: { startDate: startDate, endDate: endDate }
-        });
-    }, [today, currentViewType, onActionDispatch]);
-    // 이전/다음 이동 함수
-    var navigateDate = (0, react_1.useCallback)(function (direction) {
-        var newDate;
-        var increment = direction === 'next' ? 1 : -1;
-        switch (currentViewType) {
-            case 'DAILY': {
-                newDate = dateHelper_1.DateHelper.addDays(selectedDate, increment);
-                break;
-            }
-            case 'WEEKLY': {
-                newDate = dateHelper_1.DateHelper.addDays(selectedDate, increment * 7);
-                break;
-            }
-            case 'MONTHLY': {
-                newDate = dateHelper_1.DateHelper.addMonths(selectedDate, increment);
-                break;
-            }
-            case 'YEARLY': {
-                newDate = new Date(selectedDate.getFullYear() + increment, selectedDate.getMonth(), selectedDate.getDate());
-                break;
-            }
-            default:
-                newDate = selectedDate;
-        }
-        setSelectedDate(newDate);
-        onActionDispatch === null || onActionDispatch === void 0 ? void 0 : onActionDispatch({
-            type: direction === 'prev' ? 'PREV_BUTTON_CLICK' : 'NEXT_BUTTON_CLICK',
-            payload: {
-                startDate: startDate,
-                endDate: endDate
-            }
-        });
-    }, [selectedDate, currentViewType, onActionDispatch]);
-    // 특정 날짜의 이벤트 가져오기
-    var getSchedulesForDate = (0, react_1.useCallback)(function (date) {
-        return schedules.filter(function (schedule) {
-            var scheduleStart = new Date(schedule.start_date);
-            var scheduleEnd = new Date(schedule.end_date);
-            var targetDate = new Date(date);
-            // 정확한 날짜 비교를 위해 시간을 일 시작으로 설정
-            scheduleStart.setHours(0, 0, 0, 0);
-            scheduleEnd.setHours(23, 59, 59, 999);
-            targetDate.setHours(0, 0, 0, 0);
-            // 대상 날짜가 이벤트 날짜 범위 내에 있는지 확인
-            return targetDate >= scheduleStart && targetDate <= scheduleEnd;
-        });
-    }, [schedules]);
-    // 날짜 클릭 이벤트 (일반 클릭, shift 클릭 둘다 포함)
-    var handleDateClick = (0, react_1.useCallback)(function (date, e) {
-        var _a, _b;
-        var isShiftClick = (config === null || config === void 0 ? void 0 : config.action) === 'CLICK_WITH_SHIFT_KEY_DOWN' && (config === null || config === void 0 ? void 0 : config.target) === 'DATE' && (e === null || e === void 0 ? void 0 : e.shiftKey);
-        var isNormalClick = (config === null || config === void 0 ? void 0 : config.action) === 'CLICK' && (config === null || config === void 0 ? void 0 : config.target) === 'DATE' && !(e === null || e === void 0 ? void 0 : e.shiftKey);
-        var getDateKey = function (d) { return "".concat(d.getFullYear(), "-").concat(d.getMonth(), "-").concat(d.getDate()); };
-        var clickedDateKey = getDateKey(date);
-        // shift 클릭 처리
-        if (isShiftClick) {
-            var newSelectedDates = selectedDates.some(function (d) { return getDateKey(d) === clickedDateKey; })
-                ? selectedDates.filter(function (d) { return getDateKey(d) !== clickedDateKey; })
-                : __spreadArray(__spreadArray([], selectedDates, true), [date], false);
-            setSelectedDates(newSelectedDates);
-            setLastSelectedDate(date);
-            if (config) {
-                (_a = config.trigger) === null || _a === void 0 ? void 0 : _a.call(config, {
-                    action: 'CLICK_WITH_SHIFT_KEY_DOWN',
-                    target: 'DATE',
-                    dates: newSelectedDates,
-                    startDate: startDate,
-                    endDate: endDate
-                });
-            }
-        }
-        setSelectedDate(date);
-        // 일반 클릭 처리
-        if (isNormalClick) {
-            if (config) {
-                (_b = config.trigger) === null || _b === void 0 ? void 0 : _b.call(config, { action: 'CLICK', target: 'DATE', date: date, startDate: startDate, endDate: endDate });
-            }
-        }
-    }, [isPastDate, config, lastSelectedDate, selectedDates]);
-    // 날짜 범위 선택을 위한 마우스 이벤트 처리
-    var handleMouseUp = (0, react_1.useCallback)(function () {
-        setIsDragging(false);
-        setDragStartDate(null);
-        setDragEndDate(null);
-    }, [isDragging, dragStartDate, dragEndDate]);
-    // 이벤트 드래그 핸들러
-    var handleScheduleDragStart = (0, react_1.useCallback)(function (schedule, e) {
-        setDraggedSchedule(schedule);
-        e.dataTransfer.effectAllowed = 'move';
-        e.dataTransfer.setData('text/plain', schedule.id.toString());
-        // 더 정확한 드롭 계산을 위한 오프셋 정보 저장
-        var scheduleStartDate = new Date(schedule.start_date);
-        scheduleStartDate.setHours(0, 0, 0, 0);
-        // 원본 이벤트 시작 시간을 dataTransfer에 저장
-        e.dataTransfer.setData('scheduleStartTime', scheduleStartDate.getTime().toString());
-    }, []);
-    // 이벤트 드래그 종료 이벤트
-    var handleScheduleDragEnd = (0, react_1.useCallback)(function () {
-        setDraggedSchedule(null);
-        setIsDragOverDate(null);
-    }, []);
-    // 날짜 드래그 오버 이벤트
-    var handleDateDragOver = (0, react_1.useCallback)(function (date, e) {
-        if (draggedSchedule) {
-            e.preventDefault();
-            e.dataTransfer.dropEffect = 'move';
-            setIsDragOverDate(date);
-        }
-    }, [draggedSchedule]);
-    // 날짜 드래그 떼기
-    var handleDateDragLeave = (0, react_1.useCallback)(function () {
-        setIsDragOverDate(null);
-    }, []);
-    // 삭제 키 이벤트 처리
-    var handleKeyDown = (0, react_1.useCallback)(function (e) {
-        var _a;
-        if (e.key === 'Delete' && selectedSchedules.length > 0 && (config === null || config === void 0 ? void 0 : config.target) === 'SCHEDULE') {
-            (_a = config === null || config === void 0 ? void 0 : config.trigger) === null || _a === void 0 ? void 0 : _a.call(config, {
-                action: 'DELETE_KEY_DOWN',
-                target: 'SCHEDULE',
-                schedules: selectedSchedules,
-                startDate: startDate,
-                endDate: endDate
-            });
-            setSelectedSchedules([]);
-        }
-    }, [config, selectedSchedules]);
-    // 날짜 드래그 놓기
-    var handleDateDrop = (0, react_1.useCallback)(function (date, e) {
-        var _a;
-        e.preventDefault();
-        if (!draggedSchedule)
-            return;
-        if (!((config === null || config === void 0 ? void 0 : config.action) === 'DRAG' && config.target === 'SCHEDULE'))
-            return;
-        var originalStartDate = new Date(draggedSchedule.start_date);
-        var originalEndDate = new Date(draggedSchedule.end_date);
-        var duration = originalEndDate.getTime() - originalStartDate.getTime();
-        var getAdjustedStartDate = function () {
-            var baseDate = new Date(date);
-            if (currentViewType === 'MONTHLY') {
-                var target = e.target;
-                var gridContainer = target.closest('[data-calendar-grid]');
-                if (gridContainer) {
-                    var gridRect = gridContainer.getBoundingClientRect();
-                    var cellWidth = gridRect.width / 7;
-                    var clickedColumn = Math.floor((e.clientX - gridRect.left) / cellWidth);
-                    var dropDayOfWeek = baseDate.getDay();
-                    var columnOffset = clickedColumn - dropDayOfWeek;
-                    var actualDropDate = new Date(baseDate);
-                    actualDropDate.setDate(baseDate.getDate() + columnOffset);
-                    actualDropDate.setHours(originalStartDate.getHours(), originalStartDate.getMinutes(), 0, 0);
-                    return actualDropDate;
-                }
-            }
-            // 공통 처리 (WEEKLY, DAILY, fallback)
-            baseDate.setHours(originalStartDate.getHours(), originalStartDate.getMinutes(), 0, 0);
-            return baseDate;
-        };
-        var newStartDate = getAdjustedStartDate();
-        var newEndDate = new Date(newStartDate.getTime() + duration);
-        var updatedSchedule = __assign(__assign({}, draggedSchedule), { start_date: newStartDate, end_date: newEndDate });
-        if (config) {
-            (_a = config.trigger) === null || _a === void 0 ? void 0 : _a.call(config, {
-                action: 'DRAG',
-                target: 'SCHEDULE',
-                schedule: updatedSchedule,
-                startDate: startDate,
-                endDate: endDate
-            });
-        }
-        setIsDragOverDate(null);
-    }, [draggedSchedule, config, currentViewType]);
-    var defaultDayTexts = (0, react_1.useMemo)(function () { return [
-        t('str_3893'),
-        t('str_3887'),
-        t('str_3888'),
-        t('str_3889'),
-        t('str_3890'),
-        t('str_3891'),
-        t('str_3892') // 토 -  6
-    ]; }, [t]);
-    // 날짜의 실제 요일에 따른 요일 텍스트 가져오기
-    var getDayTextByDate = function (date) {
-        return defaultDayTexts[date.getDay()];
-    };
-    var monthNames = (0, react_1.useMemo)(function () { return [
-        t('calendar_month_1'),
-        t('calendar_month_2'),
-        t('calendar_month_3'),
-        t('calendar_month_4'),
-        t('calendar_month_5'),
-        t('calendar_month_6'),
-        t('calendar_month_7'),
-        t('calendar_month_8'),
-        t('calendar_month_9'),
-        t('calendar_month_10'),
-        t('calendar_month_11'),
-        t('calendar_month_12')
-    ]; }, [t]);
-    // 뷰 타입을 위한 드롭다운 옵션 생성
-    var viewTypeOptions = (0, react_1.useMemo)(function () {
-        var viewTypeTextMap = {
-            MONTHLY: t('calendar_view_monthly'),
-            WEEKLY: t('calendar_view_weekly'),
-            DAILY: t('calendar_view_daily'),
-            YEARLY: t('calendar_view_yearly')
-        };
-        return viewTypes.map(function (viewType) { return ({
-            text: viewTypeTextMap[viewType] || 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);
-    }, [startOfWeek]);
-    // 스케줄 클릭 (일반 클릭, shift 클릭 둘다 포함)
-    var handleScheduleClick = function (schedule, e) {
-        var _a, _b;
-        var isShiftClick = (config === null || config === void 0 ? void 0 : config.action) === 'CLICK_WITH_SHIFT_KEY_DOWN' &&
-            (config === null || config === void 0 ? void 0 : config.target) === 'SCHEDULE' &&
-            (e === null || e === void 0 ? void 0 : e.shiftKey);
-        var isNormalClick = (config === null || config === void 0 ? void 0 : config.action) === 'CLICK' && (config === null || config === void 0 ? void 0 : config.target) === 'SCHEDULE' && !(e === null || e === void 0 ? void 0 : e.shiftKey);
-        var isSelected = selectedSchedules.some(function (s) { return s.id === (schedule === null || schedule === void 0 ? void 0 : schedule.id); });
-        if (isShiftClick) {
-            var newSelectedSchedules = isSelected
-                ? selectedSchedules.filter(function (s) { return s.id !== (schedule === null || schedule === void 0 ? void 0 : schedule.id); })
-                : __spreadArray(__spreadArray([], selectedSchedules, true), [schedule], false).filter(function (s) { return s !== undefined; });
-            setSelectedSchedules(newSelectedSchedules);
-            (_a = config === null || config === void 0 ? void 0 : config.trigger) === null || _a === void 0 ? void 0 : _a.call(config, {
-                action: 'CLICK_WITH_SHIFT_KEY_DOWN',
-                target: 'SCHEDULE',
-                schedules: newSelectedSchedules,
-                startDate: startDate,
-                endDate: endDate
-            });
-            return;
-        }
-        if (isNormalClick) {
-            // 일반 클릭 시 해당 스케줄만 선택
-            setSelectedSchedules([schedule]);
-            (_b = config === null || config === void 0 ? void 0 : config.trigger) === null || _b === void 0 ? void 0 : _b.call(config, { action: 'CLICK', target: 'SCHEDULE', schedule: schedule, startDate: startDate, endDate: endDate });
-            return;
-        }
-    };
-    // 다중 일자 지원을 포함한 이벤트 아이템 렌더링
-    var renderScheduleItem = function (schedule, extraProps) {
-        if (extraProps === void 0) { extraProps = {}; }
-        // isAllDay 계산
-        var isAllDay = (0, calendarUtils_1.calculateIsAllDay)(new Date(schedule.start_date), new Date(schedule.end_date));
-        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 }));
-    };
-    // 뷰 타입에 따른 캘린더 콘텐츠 렌더링
-    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, getSchedulesForDate: getSchedulesForDate, isToday: isToday, isPastDate: isPastDate, handleDateClick: handleDateClick, handleScheduleClick: handleScheduleClick, handleMouseUp: handleMouseUp, handleDateDragOver: handleDateDragOver, handleDateDragLeave: handleDateDragLeave, handleDateDrop: handleDateDrop, renderScheduleItem: renderScheduleItem, handleScheduleDragStart: handleScheduleDragStart, handleScheduleDragEnd: handleScheduleDragEnd }));
-            case 'WEEKLY':
-                return ((0, jsx_runtime_1.jsx)(WeeklyView_1.WeeklyView, { selectedDate: selectedDate, startOfWeek: startOfWeek, getDayTextByDate: getDayTextByDate, defaultViewType: currentViewType, displayAllDayScheduleMode: displayAllDayScheduleMode, getSchedulesForDate: getSchedulesForDate, isToday: isToday, isDragOverDate: isDragOverDate, handleDateDragOver: handleDateDragOver, handleDateDragLeave: handleDateDragLeave, handleDateDrop: handleDateDrop, handleDateClick: handleDateClick, renderScheduleItem: renderScheduleItem, handleScheduleDragStart: handleScheduleDragStart, handleScheduleDragEnd: handleScheduleDragEnd }));
-            case 'DAILY':
-                return ((0, jsx_runtime_1.jsx)(DailyView_1.DailyView, { selectedDate: selectedDate, displayAllDayScheduleMode: displayAllDayScheduleMode, getSchedulesForDate: getSchedulesForDate, renderScheduleItem: renderScheduleItem, handleDateClick: handleDateClick, handleDateDragOver: handleDateDragOver, handleDateDragLeave: handleDateDragLeave, handleDateDrop: handleDateDrop, isDragOverDate: isDragOverDate, handleScheduleDragStart: handleScheduleDragStart, handleScheduleDragEnd: handleScheduleDragEnd }));
-            case 'YEARLY':
-                return ((0, jsx_runtime_1.jsx)(YearlyView_1.YearlyView, { selectedDate: selectedDate, getMonthDates: getMonthDates, getDayTextByDate: getDayTextByDate, startOfWeek: startOfWeek, isToday: isToday, handleDateClick: handleDateClick }));
-            default:
-                return null;
-        }
-    };
-    return ((0, jsx_runtime_1.jsxs)(S_CalendarContainer, __assign({ "x-pds-name": "Calendar", "x-pds-element-type": "component", "x-pds-device-type": "desktop", onKeyDown: handleKeyDown, tabIndex: 0 }, { children: [(0, jsx_runtime_1.jsxs)(S_CalendarHeader, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { styleTheme: "headingBold", textAlign: "center", text: (0, calendarUtils_1.getHeaderText)(currentViewType, selectedDate, t, monthNames, getDayTextByDate) }), (0, jsx_runtime_1.jsxs)(S_LeftContainer, { children: [(0, jsx_runtime_1.jsx)(S_NavigationButton, __assign({ onClick: function () { return navigateDate('prev'); } }, { children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { iconName: "ic_arrow_left", baseSize: "small", iconSize: 16, baseColorKey: "ui_cpnt_button_fill_base_transparent", iconColorKey: "ui_cpnt_icon_sys_grey_01" }) })), todayBtnMode === 'use' && ((0, jsx_runtime_1.jsx)(TextButton_1.TextButton, { text: t('calendar_today'), size: "small", colorTheme: "grey_01", onClick: handleTodayClick })), (0, jsx_runtime_1.jsx)(S_NavigationButton, __assign({ onClick: function () { return navigateDate('next'); } }, { children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { iconName: "ic_arrow_right", baseSize: "small", iconSize: 16, baseColorKey: "ui_cpnt_button_fill_base_transparent", iconColorKey: "ui_cpnt_icon_sys_grey_01" }) })), (0, jsx_runtime_1.jsx)(Dropdown_1.Dropdown, { size: "small", valueArray: viewTypeOptions, value: viewTypeOptions.find(function (option) { return option.value === currentViewType; }), onChange: handleViewTypeChange, customWidth: "120px" })] })] }), (0, jsx_runtime_1.jsx)(S_CalendarContent, { children: renderCalendarContent() })] })));
-};
-var S_CalendarContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 400px;\n  overflow: hidden;\n  width: 100%;\n"], ["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 400px;\n  overflow: hidden;\n  width: 100%;\n"])));
-var S_CalendarHeader = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  gap: 16px;\n  padding: 16px 20px;\n"], ["\n  align-items: center;\n  display: flex;\n  gap: 16px;\n  padding: 16px 20px;\n"])));
-var S_NavigationButton = styled_components_1.default.button(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  align-items: center;\n  background: none;\n  border: none;\n  cursor: pointer;\n  display: flex;\n  height: 32px;\n  justify-content: center;\n  width: 32px;\n"], ["\n  align-items: center;\n  background: none;\n  border: none;\n  cursor: pointer;\n  display: flex;\n  height: 32px;\n  justify-content: center;\n  width: 32px;\n"])));
-var S_LeftContainer = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  gap: 8px;\n  margin-left: auto;\n"], ["\n  align-items: center;\n  display: flex;\n  gap: 8px;\n  margin-left: auto;\n"])));
-var S_CalendarContent = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  flex: 1;\n  overflow: auto;\n"], ["\n  flex: 1;\n  overflow: auto;\n"])));
-exports.default = Calendar;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

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,82 +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 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 daySchedules = getSchedulesForDate(currentDateForDaily);
-    var timedSchedules = daySchedules.filter(function (e) { return !e.isAllDay; });
-    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" }), Array.from({ length: 24 }, function (_unused, hour) { 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": (isDragOverDate === null || isDragOverDate === void 0 ? void 0 : isDragOverDate.getTime()) ===
-                                    (function () {
-                                        var timeSlotDate = new Date(currentDateForDaily);
-                                        timeSlotDate.setHours(hour, 0, 0, 0);
-                                        return timeSlotDate.getTime();
-                                    })(), onClick: function () {
-                                    var clickedDate = new Date(currentDateForDaily);
-                                    clickedDate.setHours(hour, 0, 0, 0);
-                                    handleDateClick(clickedDate, {});
-                                }, onDoubleClick: function () {
-                                    var clickedDate = new Date(currentDateForDaily);
-                                    clickedDate.setHours(hour, 0, 0, 0);
-                                }, onDragOver: function (e) {
-                                    var timeSlotDate = new Date(currentDateForDaily);
-                                    timeSlotDate.setHours(hour, 0, 0, 0);
-                                    handleDateDragOver(timeSlotDate, e);
-                                }, onDragLeave: handleDateDragLeave, onDrop: function (e) {
-                                    var timeSlotDate = new Date(currentDateForDaily);
-                                    timeSlotDate.setHours(hour, 0, 0, 0);
-                                    handleDateDrop(timeSlotDate, e);
-                                } }, { children: timedSchedules
-                                    .filter(function (schedule) { return new Date(schedule.start_date).getHours() === hour; })
-                                    .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(); }
-                                    });
-                                }) }))] }, 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  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  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,26 +0,0 @@
-import React from 'react';
-import type { Schedule } from './types';
-interface MonthlyViewProps {
-    getDayTextByDate: (date: Date) => string;
-    startOfWeek: 'sunday' | 'monday';
-    selectedDate: Date;
-    selectedDates: Date[];
-    dragStartDate: Date | null;
-    selectedSchedules: Schedule[];
-    dragEndDate: Date | null;
-    isDragOverDate: Date | null;
-    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;
-}
-export declare const MonthlyView: React.FC<MonthlyViewProps>;
-export {};