pds-dev-kit-web-test 2.5.594 → 2.5.596

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

@@ -1,186 +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 });
-exports.MultiWeekSchedulesLayer = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var useParentResizeObserver_1 = require("../../../common/hooks/useParentResizeObserver");
-var useWindowSize_1 = require("../../../common/hooks/useWindowSize");
-var styled_components_1 = __importDefault(require("styled-components"));
-var TextLabel_1 = require("../TextLabel");
-var ScheduleItem_1 = require("./ScheduleItem");
-var MultiWeekSchedulesLayer = function (_a) {
-    var multiWeekSchedules = _a.multiWeekSchedules, selectedSchedules = _a.selectedSchedules, handleScheduleClick = _a.handleScheduleClick, handleScheduleDragStart = _a.handleScheduleDragStart, handleScheduleDragEnd = _a.handleScheduleDragEnd, _b = _a.isDraggable, isDraggable = _b === void 0 ? false : _b, _c = _a.maxSchedulesPerDay, maxSchedulesPerDay = _c === void 0 ? 3 : _c;
-    var containerRef = (0, react_1.useRef)(null);
-    var _d = (0, react_1.useState)([]), cellPositions = _d[0], setCellPositions = _d[1];
-    var _e = (0, react_1.useState)([]), hiddenSchedules = _e[0], setHiddenSchedules = _e[1];
-    var height = (0, useWindowSize_1.useWindowSize)().height;
-    // 캘린더 셀들의 실제 위치를 계산하는 함수
-    var calculateCellPositions = (0, react_1.useCallback)(function () {
-        if (!containerRef.current)
-            return;
-        var gridContainer = containerRef.current.parentElement;
-        if (!gridContainer)
-            return;
-        // 헤더를 제외한 캘린더 셀들을 찾기
-        var calendarCells = gridContainer.querySelectorAll('[data-calendar-cell]');
-        var positions = [];
-        // 각 주(row)의 위치 정보 수집
-        for (var row = 0; row < 6; row += 1) {
-            var cellIndex = row * 7; // 각 주의 첫 번째 셀
-            var cell = calendarCells[cellIndex];
-            if (cell) {
-                var cellRect = cell.getBoundingClientRect();
-                var containerRect = gridContainer.getBoundingClientRect();
-                var relativeTop = cellRect.top - containerRect.top;
-                var dateLabelHeight = 24; // 날짜 라벨 대략 높이
-                positions.push({
-                    top: relativeTop + dateLabelHeight,
-                    height: cellRect.height - dateLabelHeight
-                });
-            }
-            else {
-                // 기본값 설정 (fallback)
-                positions.push({
-                    top: 60 + row * 120,
-                    height: 96
-                });
-            }
-        }
-        setCellPositions(positions);
-    }, []);
-    // ResizeObserver로 크기 변경 감지
-    (0, useParentResizeObserver_1.useParentResizeObserver)(containerRef, calculateCellPositions, 100);
-    // 창 크기 변경 시 재계산
-    (0, react_1.useLayoutEffect)(function () {
-        calculateCellPositions();
-    }, [height, calculateCellPositions]);
-    (0, react_1.useEffect)(function () {
-        // 각 row별로 스케줄 개수와 높이 제한 확인
-        var schedulesByRow = {};
-        multiWeekSchedules.forEach(function (scheduleInfo) {
-            var startRow = scheduleInfo.startRow, endRow = scheduleInfo.endRow;
-            for (var row = startRow; row <= endRow; row += 1) {
-                if (!schedulesByRow[row]) {
-                    schedulesByRow[row] = [];
-                }
-                schedulesByRow[row].push(scheduleInfo);
-            }
-        });
-        // 각 row(주)에서 높이 제한 확인 (실제로 보이는 줄 수와 전체 스케줄 수 모두 출력)
-        Object.keys(schedulesByRow).forEach(function (rowStr) {
-            var row = parseInt(rowStr, 10);
-            var schedules = schedulesByRow[row];
-            var rowSchedules = __spreadArray([], schedules, true);
-            if (rowSchedules.length > maxSchedulesPerDay) {
-                // row(주)를 날짜로 변환 (row 2가 첫 번째 주, row 3이 두 번째 주...)
-                var weekIndex = row - 2; // 헤더 제외
-                var today = new Date();
-                var startOfWeek = new Date(today);
-                startOfWeek.setDate(today.getDate() - today.getDay()); // 이번 주 일요일
-                var weekStart = new Date(startOfWeek);
-                weekStart.setDate(startOfWeek.getDate() + weekIndex * 7);
-                var weekEnd = new Date(weekStart);
-                weekEnd.setDate(weekStart.getDate() + 6);
-                // 최대 스케줄 개수를 초과하는 스케줄은 숨김 처리 (scheduleIndex기준, 0부터 시작)
-                setHiddenSchedules(__spreadArray([], rowSchedules, true).filter(function (rowSchedule) { return rowSchedule.scheduleIndex > maxSchedulesPerDay - 1; })
-                    .map(function (s) { return s.schedule.id.toString(); }));
-            }
-        });
-    }, [maxSchedulesPerDay]);
-    // 드래그 시작 핸들러를 함수로 분리
-    var handleDragStart = function (schedule, e) {
-        if (handleScheduleDragStart) {
-            handleScheduleDragStart(schedule, e);
-        }
-    };
-    return ((0, jsx_runtime_1.jsx)(S_Layer, __assign({ ref: containerRef }, { children: multiWeekSchedules
-            .filter(function (s) { return !hiddenSchedules.includes(s.schedule.id.toString()); })
-            .map(function (_a) {
-            var schedule = _a.schedule, startRow = _a.startRow, endRow = _a.endRow, startCol = _a.startCol, endCol = _a.endCol, scheduleIndex = _a.scheduleIndex;
-            var isSameRow = startRow === endRow;
-            var isSelected = selectedSchedules.some(function (s) { return s.id === schedule.id; });
-            var uniqueKey = "multi-".concat(schedule.id, "-").concat(startRow, "-").concat(startCol, "-").concat(endCol);
-            if (isSameRow) {
-                return ((0, jsx_runtime_1.jsxs)(S_MultiWeekSchedule, __assign({ "$color": schedule.color, "$startRow": startRow, "$endRow": endRow, "$startCol": startCol, "$endCol": endCol, "$scheduleIndex": scheduleIndex, "$isSelected": isSelected, "$isDraggable": isDraggable, "$cellPositions": cellPositions, draggable: isDraggable, onDragStart: isDraggable ? function (e) { return handleDragStart(schedule, e); } : undefined, onDragEnd: isDraggable ? handleScheduleDragEnd : undefined, onClick: function (e) {
-                        e.stopPropagation();
-                        handleScheduleClick === null || handleScheduleClick === void 0 ? void 0 : handleScheduleClick(schedule, e);
-                    } }, { children: [(0, jsx_runtime_1.jsx)(ScheduleItem_1.S_Dot, { "$isSelected": isSelected }), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { styleTheme: "caption2Bold", text: schedule.title, ellipsisMode: "use", colorTheme: isSelected ? 'sysTextWhite' : undefined })] }), uniqueKey));
-            }
-            // 여러 행에 걸친 이벤트 처리
-            var segments = [];
-            for (var row = startRow; row <= endRow; row += 1) {
-                var isFirstRow = row === startRow;
-                var isLastRow = row === endRow;
-                var segmentStartCol = isFirstRow ? startCol : 1;
-                var segmentEndCol = isLastRow ? endCol : 7;
-                segments.push((0, jsx_runtime_1.jsxs)(S_MultiWeekSchedule, __assign({ "$color": schedule.color, "$startRow": row, "$endRow": row, "$startCol": segmentStartCol, "$endCol": segmentEndCol, "$scheduleIndex": scheduleIndex, "$isSelected": isSelected, "$isDraggable": isDraggable, "$cellPositions": cellPositions, draggable: isDraggable, onDragStart: isDraggable
-                        ? function (e) {
-                            handleScheduleDragStart === null || handleScheduleDragStart === void 0 ? void 0 : handleScheduleDragStart(schedule, e);
-                        }
-                        : undefined, onDragEnd: isDraggable ? handleScheduleDragEnd : undefined, onClick: function (e) {
-                        e.stopPropagation();
-                        handleScheduleClick === null || handleScheduleClick === void 0 ? void 0 : handleScheduleClick(schedule, e);
-                    } }, { children: [(0, jsx_runtime_1.jsx)(ScheduleItem_1.S_Dot, { "$isSelected": isSelected }), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { styleTheme: "caption2Regular", text: schedule.title, ellipsisMode: "use", colorTheme: isSelected ? 'sysTextWhite' : undefined })] }), "".concat(uniqueKey, "-row-").concat(row)));
-            }
-            return segments;
-        }) })));
-};
-exports.MultiWeekSchedulesLayer = MultiWeekSchedulesLayer;
-var S_Layer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 100%;\n  left: 0;\n  pointer-events: none;\n  position: absolute;\n  top: 0;\n  width: 100%;\n  z-index: 10;\n\n  & > * {\n    pointer-events: auto;\n  }\n"], ["\n  height: 100%;\n  left: 0;\n  pointer-events: none;\n  position: absolute;\n  top: 0;\n  width: 100%;\n  z-index: 10;\n\n  & > * {\n    pointer-events: auto;\n  }\n"])));
-var S_MultiWeekSchedule = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  align-items: center;\n  background-color: ", ";\n  border-radius: 4px;\n  color: white;\n  cursor: ", ";\n  display: flex;\n  font-size: 12px;\n  height: 17px;\n  left: ", ";\n  padding: 2px 6px;\n  position: absolute;\n  top: ", ";\n  user-select: none;\n  width: ", ";\n  z-index: 10;\n\n  &:active {\n    background: ", ";\n    cursor: ", ";\n  }\n"], ["\n  align-items: center;\n  background-color: ", ";\n  border-radius: 4px;\n  color: white;\n  cursor: ", ";\n  display: flex;\n  font-size: 12px;\n  height: 17px;\n  left: ", ";\n  padding: 2px 6px;\n  position: absolute;\n  top: ", ";\n  user-select: none;\n  width: ", ";\n  z-index: 10;\n\n  &:active {\n    background: ", ";\n    cursor: ", ";\n  }\n"])), function (props) {
-    return props.$isSelected ? props.theme.ui_cpnt_sheet_base_06 : props.theme.ui_cpnt_sheet_base;
-}, function (_a) {
-    var $isDraggable = _a.$isDraggable;
-    return ($isDraggable ? 'grab' : 'normal');
-}, function (props) { return "calc((".concat(props.$startCol - 1, ") * (100% / 7) + 4px)"); }, function (props) {
-    var $startRow = props.$startRow, $scheduleIndex = props.$scheduleIndex, $cellPositions = props.$cellPositions;
-    var rowIndex = $startRow - 2; // 헤더 행 제외 (첫 번째 캘린더 행이 row 2)
-    if (!$cellPositions ||
-        $cellPositions.length === 0 ||
-        rowIndex < 0 ||
-        rowIndex >= $cellPositions.length) {
-        // 기본값 (fallback)
-        var defaultTop = 60 + rowIndex * 100;
-        var scheduleSpacing_1 = ($scheduleIndex || 0) * 19;
-        return "".concat(defaultTop + scheduleSpacing_1, "px");
-    }
-    var cellPosition = $cellPositions[rowIndex];
-    var scheduleHeight = 16;
-    var scheduleSpacing = ($scheduleIndex || 0) * (scheduleHeight + 7);
-    var calculatedTop = cellPosition.top + scheduleSpacing;
-    return "".concat(calculatedTop, "px");
-}, function (props) { return "calc((".concat(props.$endCol - props.$startCol + 1, ") * (100% / 7) - 21px)"); }, function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_sheet_base_06;
-}, function (_a) {
-    var $isDraggable = _a.$isDraggable;
-    return ($isDraggable ? 'grabbing' : 'normal');
-});
-var templateObject_1, templateObject_2;

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

@@ -1,25 +0,0 @@
-import type { Schedule } from './types';
-import type React from 'react';
-export interface ScheduleItemExtraProps {
-    onDragStart?: (e: React.DragEvent) => void;
-    onDragEnd?: () => void;
-    onClick?: (e: React.MouseEvent) => void;
-    style?: React.CSSProperties;
-    className?: string;
-    [key: string]: unknown;
-}
-interface ScheduleItemProps {
-    schedule: Schedule;
-    extraProps?: ScheduleItemExtraProps;
-    onDragStart: (schedule: Schedule, e: React.DragEvent) => void;
-    onDragEnd: () => void;
-    onClick?: (schedule: Schedule, e?: React.MouseEvent) => void;
-    isSelected?: boolean;
-    isAllDay?: boolean;
-    isDraggable?: boolean;
-}
-export declare const ScheduleItem: React.FC<ScheduleItemProps>;
-export declare const S_Dot: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    $isSelected?: boolean | undefined;
-}, never>;
-export {};

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

@@ -1,56 +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.S_Dot = exports.ScheduleItem = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styled_components_1 = __importDefault(require("styled-components"));
-var TextLabel_1 = require("../TextLabel");
-var ScheduleItem = function (_a) {
-    var schedule = _a.schedule, _b = _a.extraProps, extraProps = _b === void 0 ? {} : _b, onDragStart = _a.onDragStart, onDragEnd = _a.onDragEnd, onClick = _a.onClick, _c = _a.isSelected, isSelected = _c === void 0 ? false : _c, _d = _a.isAllDay, isAllDay = _d === void 0 ? false : _d, _e = _a.isDraggable, isDraggable = _e === void 0 ? false : _e;
-    return ((0, jsx_runtime_1.jsxs)(S_ScheduleItem, __assign({ "$color": schedule.color, "$position": "single", "$isSelected": isSelected, "$isAllday": isAllDay, "$isDraggable": isDraggable, draggable: isDraggable, onDragStart: isDraggable ? function (e) { return onDragStart(schedule, e); } : undefined, onDragEnd: isDraggable ? onDragEnd : undefined, onClick: function (e) {
-            e.stopPropagation();
-            onClick === null || onClick === void 0 ? void 0 : onClick(schedule, e);
-        } }, extraProps, { children: [(0, jsx_runtime_1.jsx)(exports.S_Dot, { "$isSelected": isSelected }), (0, jsx_runtime_1.jsx)(S_TextContainer, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { styleTheme: "caption2Bold", text: schedule.title, colorTheme: isSelected ? 'sysTextWhite' : undefined, ellipsisMode: "use", singleLineMode: "use" }) })] }), schedule.id));
-};
-exports.ScheduleItem = ScheduleItem;
-var S_ScheduleItem = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-items: center;\n  background: ", ";\n  border: ", ";\n  border-radius: 4px;\n  cursor: ", ";\n  display: flex;\n  flex-shrink: 1;\n  max-width: 100%;\n  min-width: 0;\n  overflow: hidden;\n  padding: 2px 6px;\n  position: relative;\n  transition: opacity 0.2s ease, transform 0.2s ease;\n\n  &:active {\n    background: ", ";\n    cursor: ", ";\n  }\n"], ["\n  align-items: center;\n  background: ", ";\n  border: ", ";\n  border-radius: 4px;\n  cursor: ", ";\n  display: flex;\n  flex-shrink: 1;\n  max-width: 100%;\n  min-width: 0;\n  overflow: hidden;\n  padding: 2px 6px;\n  position: relative;\n  transition: opacity 0.2s ease, transform 0.2s ease;\n\n  &:active {\n    background: ", ";\n    cursor: ", ";\n  }\n"])), function (props) {
-    if (props.$isSelected)
-        return props.theme.ui_cpnt_sheet_base_06;
-    if (props.$isAllday)
-        return props.theme.ui_cpnt_sheet_base;
-    return 'transparent';
-}, function (props) {
-    return props.$isSelected ? "2px solid ".concat(props.theme.ui_cpnt_sheet_base_06) : '2px solid transparent';
-}, function (_a) {
-    var $isDraggable = _a.$isDraggable;
-    return ($isDraggable ? 'grab' : 'default');
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_sheet_base_06;
-}, function (_a) {
-    var $isDraggable = _a.$isDraggable;
-    return ($isDraggable ? 'grabbing' : 'default');
-});
-var S_TextContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  flex: 1;\n  max-width: 85%;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  /* TextLabel \uB0B4\uBD80 \uC694\uC18C\uC5D0\uB3C4 \uD55C \uC904 \uC81C\uD55C \uC801\uC6A9 */\n  * {\n    line-height: 1 !important;\n    max-height: 1em !important;\n    overflow: hidden !important;\n    text-overflow: ellipsis !important;\n    white-space: nowrap !important;\n  }\n"], ["\n  flex: 1;\n  max-width: 85%;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  /* TextLabel \uB0B4\uBD80 \uC694\uC18C\uC5D0\uB3C4 \uD55C \uC904 \uC81C\uD55C \uC801\uC6A9 */\n  * {\n    line-height: 1 !important;\n    max-height: 1em !important;\n    overflow: hidden !important;\n    text-overflow: ellipsis !important;\n    white-space: nowrap !important;\n  }\n"])));
-exports.S_Dot = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  background: ", ";\n  border-radius: 50%;\n  height: 4px;\n  margin-right: 4px;\n  width: 4px;\n"], ["\n  background: ", ";\n  border-radius: 50%;\n  height: 4px;\n  margin-right: 4px;\n  width: 4px;\n"])), function (_a) {
-    var $isSelected = _a.$isSelected, theme = _a.theme;
-    return $isSelected ? theme.ui_cpnt_icon_sys_white : theme.ui_cpnt_icon_sys_grey_02;
-});
-var templateObject_1, templateObject_2, templateObject_3;

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

@@ -1,12 +0,0 @@
-import type { Schedule } from './types';
-import type React from 'react';
-interface TimeBasedScheduleItemProps {
-    schedules: Schedule[];
-    selectedSchedules: Schedule[];
-    isDraggable?: boolean;
-    onClick?: (schedule: Schedule, e?: React.MouseEvent) => void;
-    handleScheduleDragStart: (schedule: Schedule, e: React.DragEvent) => void;
-    handleScheduleDragEnd: () => void;
-}
-export declare const TimeBasedScheduleItem: React.FC<TimeBasedScheduleItemProps>;
-export {};

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

@@ -1,184 +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 });
-exports.TimeBasedScheduleItem = 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 TextLabel_1 = require("../TextLabel");
-var calendarUtils_1 = require("./calendarUtils");
-var timeFormatUtils_1 = require("./timeFormatUtils");
-var TimeBasedScheduleItem = function (_a) {
-    var schedules = _a.schedules, selectedSchedules = _a.selectedSchedules, _b = _a.isDraggable, isDraggable = _b === void 0 ? false : _b, onClick = _a.onClick, handleScheduleDragStart = _a.handleScheduleDragStart, handleScheduleDragEnd = _a.handleScheduleDragEnd;
-    var _c = (0, react_i18next_1.useTranslation)(), i18n = _c.i18n, t = _c.t;
-    // 시간별 스케줄 계산 및 grid 위치 할당
-    var timedSchedulesWithGrid = (0, react_1.useMemo)(function () {
-        var filteredSchedules = schedules.filter(function (schedule) { return !(0, calendarUtils_1.calculateIsAllDay)(new Date(schedule.startDate), new Date(schedule.endDate)); });
-        // 시간 순으로 정렬 (시작 시간 기준, 시작시간이 같으면 duration이 짧은 순)
-        var sortedSchedules = __spreadArray([], filteredSchedules, true).sort(function (a, b) {
-            var startTimeA = new Date(a.startDate).getTime();
-            var startTimeB = new Date(b.startDate).getTime();
-            // 시작시간이 다르면 시작시간 기준으로 정렬
-            if (startTimeA !== startTimeB) {
-                return startTimeA - startTimeB;
-            }
-            // 시작시간이 같으면 duration이 짧은 순으로 정렬
-            var durationA = new Date(a.endDate).getTime() - startTimeA;
-            var durationB = new Date(b.endDate).getTime() - startTimeB;
-            return durationA - durationB;
-        });
-        var parent = new Map();
-        var find = function (x) {
-            var currentParent = parent.get(x);
-            if (currentParent !== undefined && currentParent !== x) {
-                var root = find(currentParent);
-                parent.set(x, root);
-                return root;
-            }
-            return x;
-        };
-        var union = function (x, y) {
-            var rootX = find(x);
-            var rootY = find(y);
-            if (rootX !== rootY) {
-                parent.set(rootX, rootY);
-            }
-        };
-        // 초기화: 각 스케줄을 자기 자신의 parent로 설정
-        sortedSchedules.forEach(function (schedule) {
-            parent.set(schedule.id, schedule.id);
-        });
-        // 겹치는 스케줄들을 연결
-        for (var i = 0; i < sortedSchedules.length; i += 1) {
-            for (var j = i + 1; j < sortedSchedules.length; j += 1) {
-                var schedule1 = sortedSchedules[i];
-                var schedule2 = sortedSchedules[j];
-                var start1 = new Date(schedule1.startDate).getTime();
-                var end1 = new Date(schedule1.endDate).getTime();
-                var start2 = new Date(schedule2.startDate).getTime();
-                var end2 = new Date(schedule2.endDate).getTime();
-                // 시간 겹침 확인: (start1 < end2) && (start2 < end1)
-                if (start1 < end2 && start2 < end1) {
-                    union(schedule1.id, schedule2.id);
-                }
-            }
-        }
-        // 같은 그룹에 속하는 스케줄들끼리 묶기
-        var groups = new Map();
-        sortedSchedules.forEach(function (schedule) {
-            var root = find(schedule.id);
-            if (!groups.has(root)) {
-                groups.set(root, []);
-            }
-            var group = groups.get(root);
-            if (group) {
-                group.push(schedule);
-            }
-        });
-        // 각 그룹 내에서 grid 위치 할당
-        var schedulesWithGrid = [];
-        groups.forEach(function (group) {
-            // 그룹 내에서 정렬
-            var sortedGroup = group.sort(function (a, b) {
-                var startTimeA = new Date(a.startDate).getTime();
-                var startTimeB = new Date(b.startDate).getTime();
-                if (startTimeA !== startTimeB) {
-                    return startTimeA - startTimeB;
-                }
-                var durationA = new Date(a.endDate).getTime() - startTimeA;
-                var durationB = new Date(b.endDate).getTime() - startTimeB;
-                return durationA - durationB;
-            });
-            var totalColumns = sortedGroup.length;
-            sortedGroup.forEach(function (schedule, index) {
-                schedulesWithGrid.push(__assign(__assign({}, schedule), { gridColumn: index, totalColumns: totalColumns }));
-            });
-        });
-        return schedulesWithGrid;
-    }, [schedules]);
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: timedSchedulesWithGrid.map(function (schedule) {
-            var isSelected = selectedSchedules.some(function (s) { return s.id === (schedule === null || schedule === void 0 ? void 0 : schedule.id); });
-            var startDate = new Date(schedule.startDate);
-            var endDate = new Date(schedule.endDate);
-            // 시간을 UTC에서 로컬 시간으로 변환
-            var localStartHour = startDate.getHours();
-            var localEndHour = endDate.getHours();
-            var localStartMinutes = startDate.getMinutes();
-            var localEndMinutes = endDate.getMinutes();
-            // 시작 시간과 끝 시간 계산 (분 단위)
-            var startMinutes = localStartHour * 60 + localStartMinutes;
-            var endMinutes = localEndHour * 60 + localEndMinutes;
-            var duration = Math.max(endMinutes - startMinutes, 30); // 최소 30분
-            // 픽셀 단위로 변환 (각 시간은 60px)
-            var top = (startMinutes / 60) * 60;
-            var height = (duration / 60) * 60;
-            return ((0, jsx_runtime_1.jsx)(S_ScheduleItem, __assign({ "$top": top, "$height": height, "$gridColumn": schedule.gridColumn, "$totalColumns": schedule.totalColumns, "$isSelected": isSelected, "$isDraggable": isDraggable, draggable: isDraggable, onClick: function (e) {
-                    e.stopPropagation();
-                    onClick === null || onClick === void 0 ? void 0 : onClick(schedule, e);
-                }, onDragStart: function (e) { return handleScheduleDragStart === null || handleScheduleDragStart === void 0 ? void 0 : handleScheduleDragStart(schedule, e); }, onDragEnd: function () { return handleScheduleDragEnd === null || handleScheduleDragEnd === void 0 ? void 0 : handleScheduleDragEnd(); } }, { children: (0, jsx_runtime_1.jsxs)(S_ScheduleContent, { children: [(0, jsx_runtime_1.jsx)(S_ScheduleTime, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { styleTheme: "caption2Regular", text: "".concat((0, timeFormatUtils_1.formatTimeWithLocale)(localStartHour, localStartMinutes, i18n.language, t)), ellipsisMode: "use", singleLineMode: "use", colorTheme: isSelected ? 'sysTextWhite' : undefined }) }), (0, jsx_runtime_1.jsx)(S_ScheduleTitle, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { styleTheme: "caption2Bold", text: schedule.title, ellipsisMode: "use", singleLineMode: "use", colorTheme: isSelected ? 'sysTextWhite' : undefined }) })] }) }), schedule.id));
-        }) }));
-};
-exports.TimeBasedScheduleItem = TimeBasedScheduleItem;
-var S_ScheduleItem = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background: ", ";\n  border: 1px solid ", ";\n  border-left: 2px solid ", ";\n  border-radius: 4px;\n  cursor: ", ";\n  height: ", "px;\n  left: ", ";\n  overflow: hidden;\n  position: absolute;\n  top: ", "px;\n  width: ", ";\n  z-index: 2;\n\n  &:active {\n    background: ", ";\n    cursor: ", ";\n  }\n"], ["\n  background: ", ";\n  border: 1px solid ", ";\n  border-left: 2px solid ", ";\n  border-radius: 4px;\n  cursor: ", ";\n  height: ", "px;\n  left: ", ";\n  overflow: hidden;\n  position: absolute;\n  top: ", "px;\n  width: ", ";\n  z-index: 2;\n\n  &:active {\n    background: ", ";\n    cursor: ", ";\n  }\n"])), function (props) {
-    if (props.$isSelected)
-        return props.theme.ui_cpnt_sheet_base_06;
-    return props.theme.ui_cpnt_sheet_base;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.ui_temp_white;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.ui_temp_grey_02;
-}, function (_a) {
-    var $isDraggable = _a.$isDraggable;
-    return ($isDraggable ? 'grab' : 'default');
-}, function (_a) {
-    var $height = _a.$height;
-    return $height - 2;
-}, function (_a) {
-    var $gridColumn = _a.$gridColumn, $totalColumns = _a.$totalColumns;
-    return "calc(".concat($gridColumn, " * (100% / ").concat($totalColumns, "))");
-}, function (_a) {
-    var $top = _a.$top;
-    return $top;
-}, function (_a) {
-    var $totalColumns = _a.$totalColumns;
-    return "calc(100% / ".concat($totalColumns, ")");
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_sheet_base_06;
-}, function (_a) {
-    var $isDraggable = _a.$isDraggable;
-    return ($isDraggable ? 'grabbing' : 'default');
-});
-var S_ScheduleContent = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  padding: 4px 6px;\n"], ["\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  padding: 4px 6px;\n"])));
-var S_ScheduleTitle = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  margin-bottom: 2px;\n"], ["\n  margin-bottom: 2px;\n"])));
-var S_ScheduleTime = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  margin-top: auto;\n"], ["\n  margin-top: auto;\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

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

@@ -1,6 +0,0 @@
-import React from 'react';
-interface WeeklyViewProps {
-    startOfWeek: 'sunday' | 'monday';
-}
-export declare const WeeklyView: React.FC<WeeklyViewProps>;
-export {};

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

@@ -1,114 +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.WeeklyView = 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 = __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 WeeklyView = function (_a) {
-    var startOfWeek = _a.startOfWeek;
-    var _b = (0, react_i18next_1.useTranslation)(), t = _b.t, i18n = _b.i18n;
-    var _c = (0, CalendarContext_1.useCalendarContext)(), selectedDate = _c.selectedDate, selectedSchedules = _c.selectedSchedules, displayAllDayScheduleMode = _c.displayAllDayScheduleMode, getSchedulesForDate = _c.getSchedulesForDate, isToday = _c.isToday, isDragOverDate = _c.isDragOverDate, handleDateDragOver = _c.handleDateDragOver, handleDateDragLeave = _c.handleDateDragLeave, handleDateDrop = _c.handleDateDrop, handleDateClick = _c.handleDateClick, handleScheduleDragStart = _c.handleScheduleDragStart, handleScheduleDragEnd = _c.handleScheduleDragEnd, isDraggable = _c.isDraggable, handleScheduleClick = _c.handleScheduleClick, getDayTextByDate = _c.getDayTextByDate;
-    // Generate calendar dates for weekly view
-    var calendarDates = (0, react_1.useMemo)(function () {
-        var dates = [];
-        var startIndex = startOfWeek === 'monday' ? 1 : 0;
-        var offset = (selectedDate.getDay() - startIndex + 7) % 7;
-        var weekStart = dateHelper_1.DateHelper.addDays(selectedDate, -offset);
-        for (var i = 0; i < 7; i += 1) {
-            dates.push(dateHelper_1.DateHelper.addDays(weekStart, i));
-        }
-        return dates;
-    }, [selectedDate, startOfWeek]);
-    return ((0, jsx_runtime_1.jsxs)(S_WeeklyContainer, { children: [(0, jsx_runtime_1.jsxs)(S_WeeklyHeader, { children: [(0, jsx_runtime_1.jsx)(S_TimeColumnHeader, {}), calendarDates.map(function (date, index) {
-                        var dayText = getDayTextByDate(date);
-                        var dateText = t('str_calendar_weekly_date', {
-                            month: date.getMonth() + 1,
-                            date: date.getDate(),
-                            day: dayText
-                        });
-                        return ((0, jsx_runtime_1.jsx)(S_WeeklyDayHeader, __assign({ "$isToday": isToday(date) }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { textAlign: "center", styleTheme: "caption2Bold", colorTheme: isToday(date) ? 'sysTextBrandPrimary' : 'sysTextTertiary', text: dateText }) }), index));
-                    })] }), (0, jsx_runtime_1.jsx)(AllDaySchedulesSection_1.AllDaySchedulesSection, { calendarDates: calendarDates, displayAllDayScheduleMode: displayAllDayScheduleMode, getSchedulesForDate: getSchedulesForDate, handleDateDragOver: handleDateDragOver, handleDateDragLeave: handleDateDragLeave, handleDateDrop: handleDateDrop }), (0, jsx_runtime_1.jsxs)(S_WeeklyTimeGrid, __assign({ "$displayAllDayScheduleMode": displayAllDayScheduleMode }, { 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_TimeRow, { children: [(0, jsx_runtime_1.jsx)(S_TimeLabel, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { styleTheme: "caption2Bold", text: (0, timeFormatUtils_1.formatTimeWithLocale)(hour, 0, i18n.language, t), colorTheme: "sysTextTertiary" }) }), (0, jsx_runtime_1.jsx)(S_TimeSlots, { children: calendarDates.map(function (date, dayIndex) {
-                                    var timeSlotDate = new Date(date);
-                                    timeSlotDate.setHours(hour, 0, 0, 0);
-                                    var isDragOver = (isDragOverDate === null || isDragOverDate === void 0 ? void 0 : isDragOverDate.getTime()) === timeSlotDate.getTime();
-                                    return ((0, jsx_runtime_1.jsx)(S_TimeSlot, __assign({ "$isDragOver": isDragOver, "$isDraggable": isDraggable, onClick: function () { return handleDateClick(date, {}); }, 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(date), selectedSchedules: selectedSchedules, isDraggable: isDraggable, onClick: handleScheduleClick, handleScheduleDragStart: handleScheduleDragStart, handleScheduleDragEnd: handleScheduleDragEnd })) }), dayIndex));
-                                }) })] }, hour)); })] }))] }));
-};
-exports.WeeklyView = WeeklyView;
-var S_WeeklyContainer = 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_WeeklyHeader = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: grid;\n  grid-template-columns: 80px repeat(7, 1fr);\n"], ["\n  display: grid;\n  grid-template-columns: 80px repeat(7, 1fr);\n"])));
-var S_TimeColumnHeader = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject([""], [""])));
-var S_WeeklyDayHeader = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  padding: 12px 8px;\n  text-align: center;\n"], ["\n  padding: 12px 8px;\n  text-align: center;\n"])));
-var S_WeeklyTimeGrid = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __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_5 || (templateObject_5 = __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_TimeRow = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  display: grid;\n  grid-template-columns: 80px repeat(7, 1fr);\n  height: 60px;\n"], ["\n  display: grid;\n  grid-template-columns: 80px repeat(7, 1fr);\n  height: 60px;\n"])));
-var S_TimeLabel = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  align-items: center;\n  border-bottom: 1px solid ", ";\n  border-right: 1px solid ", ";\n  display: flex;\n  justify-content: center;\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  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_TimeSlots = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  display: contents;\n"], ["\n  display: contents;\n"])));
-var S_TimeSlot = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  background: ", ";\n  border-bottom: 1px solid ", ";\n  border-right: 1px solid ", ";\n  cursor: default;\n  min-width: 0;\n  overflow: visible;\n  position: relative;\n\n  &:hover {\n    background: ", ";\n  }\n"], ["\n  background: ", ";\n  border-bottom: 1px solid ", ";\n  border-right: 1px solid ", ";\n  cursor: default;\n  min-width: 0;\n  overflow: visible;\n  position: relative;\n\n  &:hover {\n    background: ", ";\n  }\n"])), function (props) { return (props.$isDragOver ? props.theme.ui_cpnt_sheet_base : '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;
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;

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

@@ -1,13 +0,0 @@
-import type { Schedule } from './types';
-import type React from 'react';
-interface YearlyViewProps {
-    selectedDate: Date;
-    getMonthDates: (year: number, month: number) => Date[];
-    getDayTextByDate: (date: Date) => string;
-    startOfWeek: 'sunday' | 'monday';
-    isToday: (date: Date) => boolean;
-    handleDateClick: (date: Date) => void;
-    getSchedulesForDate: (date: Date) => Schedule[];
-}
-export declare const YearlyView: React.FC<YearlyViewProps>;
-export {};