pds-dev-kit-web-test 2.5.628 → 2.5.629

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

@@ -1,172 +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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DailyView = 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 = __importStar(require("styled-components"));
-var TextLabel_1 = require("../TextLabel");
-var AllDaySchedulesSection_1 = require("./AllDaySchedulesSection");
-var CalendarContext_1 = require("./CalendarContext");
-var CurrentTimeIndicator_1 = require("./CurrentTimeIndicator");
-var TimeBasedScheduleItem_1 = require("./TimeBasedScheduleItem");
-var timeFormatUtils_1 = require("./timeFormatUtils");
-var DailyView = function (_a) {
-    var schedules = _a.schedules, config = _a.config;
-    var i18n = (0, react_i18next_1.useTranslation)().i18n;
-    var _b = (0, CalendarContext_1.useCalendarContext)(), selectedDate = _b.selectedDate, selectedSchedules = _b.selectedSchedules, displayAllDayScheduleMode = _b.displayAllDayScheduleMode, getSchedulesForDate = _b.getSchedulesForDate, isDragOverDate = _b.isDragOverDate, handleDateDragOver = _b.handleDateDragOver, handleDateDragLeave = _b.handleDateDragLeave, handleDateDrop = _b.handleDateDrop, handleDateClick = _b.handleDateClick, handleDateDrag = _b.handleDateDrag, handleScheduleDragStart = _b.handleScheduleDragStart, handleScheduleDragEnd = _b.handleScheduleDragEnd, handleScheduleClick = _b.handleScheduleClick;
-    // 시간 드래그 상태
-    var _c = (0, react_1.useState)(null), timeSelectionStart = _c[0], setTimeSelectionStart = _c[1];
-    var _d = (0, react_1.useState)(null), timeSelectionEnd = _d[0], setTimeSelectionEnd = _d[1];
-    var _e = (0, react_1.useState)(false), isTimeDragging = _e[0], setIsTimeDragging = _e[1];
-    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;
-    };
-    // 시간 드래그 시작
-    var handleTimeMouseDown = (0, react_1.useCallback)(function (hour, e) {
-        var _a;
-        if (!((_a = config === null || config === void 0 ? void 0 : config.DATE) === null || _a === void 0 ? void 0 : _a.DRAG))
-            return;
-        e.preventDefault();
-        setTimeSelectionStart(hour);
-        setTimeSelectionEnd(hour);
-        setIsTimeDragging(true);
-    }, [config]);
-    // 시간 드래그 중
-    var handleTimeMouseEnter = (0, react_1.useCallback)(function (hour) {
-        if (!isTimeDragging)
-            return;
-        setTimeSelectionEnd(hour);
-    }, [isTimeDragging]);
-    // 드래그 종료 시 콜백 호출
-    (0, react_1.useEffect)(function () {
-        var handleMouseUp = function () {
-            var _a;
-            if (isTimeDragging &&
-                timeSelectionStart !== null &&
-                timeSelectionEnd !== null &&
-                ((_a = config === null || config === void 0 ? void 0 : config.DATE) === null || _a === void 0 ? void 0 : _a.DRAG)) {
-                // 선택된 시간 범위 계산
-                var startHour = Math.min(timeSelectionStart, timeSelectionEnd);
-                var endHour = Math.max(timeSelectionStart, timeSelectionEnd);
-                var startDateTime_1 = new Date(selectedDate);
-                startDateTime_1.setHours(startHour, 0, 0, 0);
-                var endDateTime_1 = new Date(selectedDate);
-                endDateTime_1.setHours(endHour, 59, 59, 999);
-                // 선택된 시간 범위에 포함되는 스케줄들 찾기
-                var schedulesInRange_1 = [];
-                schedules.forEach(function (schedule) {
-                    var scheduleStart = new Date(schedule.startDate);
-                    var scheduleEnd = new Date(schedule.endDate);
-                    // 스케줄이 선택된 시간 범위와 겹치는지 확인
-                    if (scheduleStart <= endDateTime_1 && scheduleEnd >= startDateTime_1) {
-                        schedulesInRange_1.push(schedule);
-                    }
-                });
-                // 선택된 날짜 (현재 날짜만)
-                var selectedDates = [new Date(selectedDate)];
-                handleDateDrag({
-                    action: 'DRAG',
-                    target: 'DATE',
-                    dates: selectedDates,
-                    schedules: schedulesInRange_1,
-                    startDate: startDateTime_1.toISOString(),
-                    endDate: endDateTime_1.toISOString()
-                });
-            }
-            setIsTimeDragging(false);
-            setTimeSelectionStart(null);
-            setTimeSelectionEnd(null);
-        };
-        if (isTimeDragging) {
-            document.addEventListener('mouseup', handleMouseUp);
-            return function () { return document.removeEventListener('mouseup', handleMouseUp); };
-        }
-    }, [isTimeDragging, timeSelectionStart, timeSelectionEnd, config, schedules, selectedDate]);
-    // 선택한 시간이 드래그 범위에 포함되는지 확인
-    var isTimeSlotInDragRange = (0, react_1.useCallback)(function (hour) {
-        if (timeSelectionStart === null || timeSelectionEnd === null)
-            return false;
-        var startHour = Math.min(timeSelectionStart, timeSelectionEnd);
-        var endHour = Math.max(timeSelectionStart, timeSelectionEnd);
-        return hour >= startHour && hour <= endHour;
-    }, [timeSelectionStart, timeSelectionEnd]);
-    return ((0, jsx_runtime_1.jsxs)(S_DailyContainer, { children: [(0, jsx_runtime_1.jsx)(AllDaySchedulesSection_1.AllDaySchedulesSection, { calendarDates: [selectedDate], displayAllDayScheduleMode: displayAllDayScheduleMode, getSchedulesForDate: getSchedulesForDate, handleDateDragOver: handleDateDragOver, handleDateDragLeave: handleDateDragLeave, handleDateDrop: handleDateDrop }), (0, jsx_runtime_1.jsxs)(S_DailyTimeGrid, __assign({ "$displayAllDayScheduleMode": displayAllDayScheduleMode }, { 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, 0, i18n.language), colorTheme: "sysTextTertiary" }) }), (0, jsx_runtime_1.jsx)(S_DailyTimeSlot, __assign({ "$isDragOver": isDragOver, "$isInTimeDragRange": isTimeSlotInDragRange(hour), "$isTimeDragging": isTimeDragging, onClick: function () { return handleDateClick(timeSlotDate, {}); }, onDragOver: function (e) { return handleDateDragOver(timeSlotDate, e); }, onDragLeave: handleDateDragLeave, onDrop: function (e) { return handleDateDrop(timeSlotDate, e); }, onMouseDown: function (e) { return handleTimeMouseDown(hour, e); }, onMouseEnter: function () { return handleTimeMouseEnter(hour); } }, { children: hour === 0 && ((0, jsx_runtime_1.jsx)(TimeBasedScheduleItem_1.TimeBasedScheduleItem, { schedules: getSchedulesForDate(currentDateForDaily), selectedSchedules: selectedSchedules, onClick: handleScheduleClick, 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_3 || (templateObject_3 = __makeTemplateObject(["\n  flex: 1;\n  overflow-y: auto;\n  position: relative;\n  ", "\n"], ["\n  flex: 1;\n  overflow-y: auto;\n  position: relative;\n  ", "\n"])), function (_a) {
-    var $displayAllDayScheduleMode = _a.$displayAllDayScheduleMode;
-    return $displayAllDayScheduleMode === 'none' && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      border-top: 1px solid ", ";\n    "], ["\n      border-top: 1px solid ", ";\n    "])), function (_a) {
-        var theme = _a.theme;
-        return theme.ui_cpnt_divider;
-    });
-});
-var S_DailyTimeRow = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __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_5 || (templateObject_5 = __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: 63px;\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: 63px;\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_6 || (templateObject_6 = __makeTemplateObject(["\n  background: ", ";\n  border-bottom: 1px solid ", ";\n  cursor: ", ";\n  flex: 1;\n  min-width: 0;\n  overflow: visible;\n  padding: 4px;\n  position: relative;\n  user-select: ", ";\n\n  &:hover {\n    background: ", ";\n  }\n"], ["\n  background: ", ";\n  border-bottom: 1px solid ", ";\n  cursor: ", ";\n  flex: 1;\n  min-width: 0;\n  overflow: visible;\n  padding: 4px;\n  position: relative;\n  user-select: ", ";\n\n  &:hover {\n    background: ", ";\n  }\n"])), function (props) {
-    if (props.$isInTimeDragRange)
-        return props.theme.ui_cpnt_sheet_base;
-    if (props.$isDragOver)
-        return props.theme.ui_cpnt_sheet_base;
-    return 'transparent';
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_divider;
-}, function (props) { return (props.$isTimeDragging ? 'grabbing' : 'pointer'); }, function (props) { return (props.$isTimeDragging ? 'none' : 'auto'); }, function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_sheet_base;
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

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

@@ -1,29 +0,0 @@
-import type { Schedule, Config } 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;
-    handleScheduleDragStart?: (schedule: Schedule, e: React.DragEvent) => void;
-    handleScheduleDragEnd?: () => void;
-    isDraggable?: boolean;
-    onSwitchToWeeklyView?: (date: Date) => void;
-    config?: Config;
-}
-export declare const MonthlyView: React.FC<MonthlyViewProps>;
-export {};