pds-dev-kit-web-test 2.5.489 → 2.5.491

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

@@ -0,0 +1,104 @@
+"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 });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var index_1 = require("../../index");
+var panels_1 = require("../../panels");
+var components_1 = require("../../../hybrid/components");
+var styled_components_1 = __importDefault(require("styled-components"));
+var Chip_1 = require("../Chip");
+var LeftBox_1 = require("./LeftBox");
+var paddingSpacing = {
+    spacing_a: 'spacingA',
+    spacing_b: 'spacingB',
+    spacing_c: 'spacingC',
+    spacing_d: 'spacingD',
+    spacing_e: 'spacingE',
+    spacing_f: 'spacingF',
+    spacing_g: 'spacingG',
+    spacing_h: 'spacingH',
+    spacing_i: 'spacingI',
+    spacing_j: 'spacingJ',
+    spacing_k: 'spacingK',
+    spacing_l: 'spacingL',
+    spacing_m: 'spacingM',
+    spacing_n: 'spacingN'
+};
+function BoxItem(_a) {
+    var _b = _a.selectionMode, selectionMode = _b === void 0 ? 'none' : _b, _c = _a.checkboxMode, checkboxMode = _c === void 0 ? 'none' : _c, _d = _a.indicatorMode, indicatorMode = _d === void 0 ? 'none' : _d, _e = _a.state, state = _e === void 0 ? 'normal' : _e, _f = _a.selectState, selectState = _f === void 0 ? 'unselected' : _f, titleText = _a.titleText, titleFontSize = _a.titleFontSize, _g = _a.titleTextLineLimit, titleTextLineLimit = _g === void 0 ? 2 : _g, _h = _a.titleTextColorKey, titleTextColorKey = _h === void 0 ? 'ui_cpnt_textlabel_sys_primary' : _h, descText = _a.descText, _j = _a.descTextColorKey, descTextColorKey = _j === void 0 ? 'ui_cpnt_textlabel_sys_secondary' : _j, _k = _a.descLineLimit, descLineLimit = _k === void 0 ? 2 : _k, _l = _a.imageMode, imageMode = _l === void 0 ? 'none' : _l, _m = _a.imageShapeType, imageShapeType = _m === void 0 ? 'round' : _m, imageSrc = _a.imageSrc, imageWidth = _a.imageWidth, _o = _a.imageRatio, imageRatio = _o === void 0 ? '1_1' : _o, _p = _a.imageScaleType, imageScaleType = _p === void 0 ? 'cover' : _p, _q = _a.chipMode, chipMode = _q === void 0 ? 'none' : _q, chipText = _a.chipText, _r = _a.displayType, displayType = _r === void 0 ? 'none' : _r, iBtn1IconName = _a.iBtn1IconName, _s = _a.iBtn1IconFillType, iBtn1IconFillType = _s === void 0 ? 'line' : _s, iBtn1IconColorKey = _a.iBtn1IconColorKey, iBtn2IconName = _a.iBtn2IconName, _t = _a.iBtn2IconFillType, iBtn2IconFillType = _t === void 0 ? 'line' : _t, iBtn2IconColorKey = _a.iBtn2IconColorKey, iBtn3IconName = _a.iBtn3IconName, _u = _a.iBtn3IconFillType, iBtn3IconFillType = _u === void 0 ? 'line' : _u, iBtn3IconColorKey = _a.iBtn3IconColorKey, _v = _a.paddingTop, paddingTop = _v === void 0 ? 'spacing_d' : _v, _w = _a.paddingRight, paddingRight = _w === void 0 ? 'spacing_d' : _w, _x = _a.paddingBottom, paddingBottom = _x === void 0 ? 'spacing_d' : _x, _y = _a.paddingLeft, paddingLeft = _y === void 0 ? 'spacing_d' : _y, id = _a.id, onClick = _a.onClick, onClickIBtn1 = _a.onClickIBtn1, onClickIBtn2 = _a.onClickIBtn2, onClickIBtn3 = _a.onClickIBtn3;
+    var handleClick = function () {
+        if (state === 'disabled') {
+            return;
+        }
+        if (onClick) {
+            onClick(id);
+        }
+    };
+    var handleIBtn1Click = function (e) {
+        e.stopPropagation();
+        if (state === 'disabled') {
+            return;
+        }
+        if (onClickIBtn1) {
+            onClickIBtn1(id);
+        }
+    };
+    var handleIBtn2Click = function (e) {
+        e.stopPropagation();
+        if (state === 'disabled') {
+            return;
+        }
+        if (onClickIBtn2) {
+            onClickIBtn2(id);
+        }
+    };
+    var handleIBtn3Click = function (e) {
+        e.stopPropagation();
+        if (state === 'disabled') {
+            return;
+        }
+        if (onClickIBtn3) {
+            onClickIBtn3(id);
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)(S_BoxItem, __assign({ "x-pds-name": "BoxItem", "x-pds-element-type": "component", "x-pds-device-type": "desktop", onClick: handleClick }, { children: (0, jsx_runtime_1.jsxs)(panels_1.ContentSheet, __assign({ shapeType: "round", radius: 16, width: "100%", height: "responsive", paddingTop: paddingTop, paddingRight: paddingRight, paddingBottom: paddingBottom, paddingLeft: paddingLeft, borderMode: "use", borderColorTheme: state === 'disabled' ? undefined : selectState === 'selected' ? 'blue' : undefined, overrideBorderColorKey: state === 'disabled'
+                ? 'ui_cpnt_sheet_base'
+                : selectState === 'selected'
+                    ? undefined
+                    : 'ui_cpnt_sheet_base', borderWidth: selectionMode === 'use' ? 2 : undefined, overrideCSS: {
+                display: 'flex',
+                flexDirection: 'row',
+                alignItems: 'center',
+                justifyContent: 'space-between',
+                cursor: state === 'disabled' ? 'default' : selectionMode === 'use' ? 'pointer' : 'default'
+            } }, { children: [(0, jsx_runtime_1.jsxs)(S_LeftBox, { children: [checkboxMode !== 'none' && ((0, jsx_runtime_1.jsx)(LeftBox_1.LeftBox, __assign({ hasRightBox: true }, { children: (0, jsx_runtime_1.jsx)(LeftBox_1.LeftBox.Checkbox, { selected: selectState === 'selected', isIndeterminate: checkboxMode === 'indeterminate' }) }))), imageMode === 'use' && ((0, jsx_runtime_1.jsx)(LeftBox_1.LeftBox.Image, { shape: imageShapeType, src: imageSrc, width: imageWidth, ratio: imageRatio, scaleType: imageScaleType })), (0, jsx_runtime_1.jsxs)(S_TextGroup, { children: [titleText && ((0, jsx_runtime_1.jsx)(index_1.D_TextLabel, { text: titleText, colorOverride: state === 'disabled' ? 'ui_cpnt_textlabel_sys_secondary' : titleTextColorKey, styleTheme: titleFontSize, lineLimit: titleTextLineLimit, ellipsisMode: "use" })), descText && ((0, jsx_runtime_1.jsx)(index_1.D_TextLabel, { text: descText, colorOverride: state === 'disabled' ? 'ui_cpnt_textlabel_sys_secondary' : descTextColorKey, lineLimit: descLineLimit, ellipsisMode: "use", styleTheme: "caption1Regular" }))] })] }), (0, jsx_runtime_1.jsxs)(S_RightBox, { children: [chipMode === 'use' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Chip_1.Chip, { text: chipText }), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" })] })), (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [displayType === 'ibtn_amount1' && ((0, jsx_runtime_1.jsx)(index_1.D_IconButton, { iconName: iBtn1IconName || 'ic_arrow_right', baseSize: "medium", fillType: "fill", iconFillType: iBtn1IconFillType, iconColorKey: iBtn1IconColorKey, onClick: handleIBtn1Click, iconSize: 20, state: state, baseColorKey: "ui_cpnt_button_fill_base_transparent", borderColorKey: "ui_cpnt_button_fill_base_transparent", shapeType: "rectangle" })), displayType === 'ibtn_amount2' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(index_1.D_IconButton, { iconName: iBtn1IconName || 'ic_arrow_right', fillType: "fill", iconFillType: iBtn1IconFillType, iconColorKey: iBtn1IconColorKey, onClick: handleIBtn1Click, state: state, iconSize: 20, baseColorKey: "ui_cpnt_button_fill_base_transparent", borderColorKey: "ui_cpnt_button_fill_base_transparent", baseSize: "medium", shapeType: "rectangle" }), (0, jsx_runtime_1.jsx)(index_1.D_IconButton, { iconName: iBtn2IconName || 'ic_arrow_right', fillType: "fill", iconFillType: iBtn2IconFillType, iconColorKey: iBtn2IconColorKey, state: state, onClick: handleIBtn2Click, iconSize: 20, baseColorKey: "ui_cpnt_button_fill_base_transparent", borderColorKey: "ui_cpnt_button_fill_base_transparent", baseSize: "medium", shapeType: "rectangle" })] })), displayType === 'ibtn_amount3' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(index_1.D_IconButton, { iconName: iBtn1IconName || 'ic_arrow_right', fillType: "fill", iconFillType: iBtn1IconFillType, iconColorKey: iBtn1IconColorKey, state: state, onClick: handleIBtn1Click, iconSize: 20, baseColorKey: "ui_cpnt_button_fill_base_transparent", borderColorKey: "ui_cpnt_button_fill_base_transparent", baseSize: "medium", shapeType: "rectangle" }), (0, jsx_runtime_1.jsx)(index_1.D_IconButton, { iconName: iBtn2IconName || 'ic_arrow_right', fillType: "fill", iconFillType: iBtn2IconFillType, iconColorKey: iBtn2IconColorKey, state: state, onClick: handleIBtn2Click, iconSize: 20, baseColorKey: "ui_cpnt_button_fill_base_transparent", borderColorKey: "ui_cpnt_button_fill_base_transparent", baseSize: "medium", shapeType: "rectangle" }), (0, jsx_runtime_1.jsx)(index_1.D_IconButton, { iconName: iBtn3IconName || 'ic_arrow_right', fillType: "fill", iconFillType: iBtn3IconFillType, iconColorKey: iBtn3IconColorKey, state: state, onClick: handleIBtn3Click, iconSize: 20, baseColorKey: "ui_cpnt_button_fill_base_transparent", borderColorKey: "ui_cpnt_button_fill_base_transparent", baseSize: "medium", shapeType: "rectangle" })] }))] }), indicatorMode === 'use' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }), (0, jsx_runtime_1.jsx)(components_1.Icon, { iconName: "ic_arrow_right", fillType: "line", size: 20, colorKey: "ui_cpnt_icon_sys_grey_01" })] }))] })] })) })));
+}
+var S_BoxItem = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  flex-direction: row;\n  gap: ", ";\n  width: 100%;\n"], ["\n  align-items: center;\n  display: flex;\n  flex-direction: row;\n  gap: ", ";\n  width: 100%;\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingB;
+});
+var S_TextGroup = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  align-items: flex-start;\n  display: flex;\n  flex-direction: column;\n  gap: ", ";\n"], ["\n  align-items: flex-start;\n  display: flex;\n  flex-direction: column;\n  gap: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.spacingA;
+});
+var S_LeftBox = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  flex-direction: row;\n"], ["\n  align-items: center;\n  display: flex;\n  flex-direction: row;\n"])));
+var S_RightBox = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  flex-direction: row;\n"], ["\n  align-items: center;\n  display: flex;\n  flex-direction: row;\n"])));
+exports.default = BoxItem;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/dist/src/desktop/components/BoxItem/LeftBox/Checkbox.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export type CheckboxPropTypes = {
+    selected?: boolean;
+    isIndeterminate?: boolean;
+};
+declare const Checkbox: React.FC<CheckboxPropTypes>;
+export default Checkbox;

package/dist/src/desktop/components/BoxItem/LeftBox/Checkbox.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var components_1 = require("../../../../hybrid/components");
+var Checkbox = function (_a) {
+    var selected = _a.selected, isIndeterminate = _a.isIndeterminate;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [selected ? (isIndeterminate ? ((0, jsx_runtime_1.jsx)(components_1.Icon, { size: 20, iconName: "ic_checkbox_indeterminate", colorKey: "ui_cpnt_selcontrols_icon_primary", fillType: "fill" })) : ((0, jsx_runtime_1.jsx)(components_1.Icon, { size: 20, iconName: "ic_checkbox_on", colorKey: "ui_cpnt_selcontrols_icon_primary", fillType: "fill" }))) : ((0, jsx_runtime_1.jsx)(components_1.Icon, { size: 20, iconName: "ic_checkbox_off", colorKey: "ui_cpnt_selcontrols_icon_default", fillType: "line" })), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_c", spacingType: "width" })] }));
+};
+exports.default = Checkbox;

package/dist/src/desktop/components/BoxItem/LeftBox/Image.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { BoxItemProps } from '../BoxItem';
+export type ImagePropTypes = {
+    src: BoxItemProps['imageSrc'];
+    shape: BoxItemProps['imageShapeType'];
+    ratio: BoxItemProps['imageRatio'];
+    width: BoxItemProps['imageWidth'];
+    scaleType: BoxItemProps['imageScaleType'];
+};
+declare const Image: React.FC<ImagePropTypes>;
+export default Image;

package/dist/src/desktop/components/BoxItem/LeftBox/Image.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var components_1 = require("../../../../hybrid/components");
+var Image = function (_a) {
+    var src = _a.src, shape = _a.shape, ratio = _a.ratio, width = _a.width, scaleType = _a.scaleType;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.ImageView, { width: width, height: 40, src: src, scaleType: scaleType, shapeType: shape, ratio: ratio }), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_c", spacingType: "width" })] }));
+};
+exports.default = Image;

package/dist/src/desktop/components/BoxItem/LeftBox/LeftBox.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { CheckboxPropTypes } from './Checkbox';
+import type { ImagePropTypes } from './Image';
+type LeftBoxPropTypes = React.FunctionComponent<{
+    hasRightBox: boolean;
+}> & {
+    Checkbox: React.FC<CheckboxPropTypes>;
+    Image: React.FC<ImagePropTypes>;
+};
+declare const LeftBox: LeftBoxPropTypes;
+export default LeftBox;

package/dist/src/desktop/components/BoxItem/LeftBox/LeftBox.js

@@ -0,0 +1,36 @@
+"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 });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var styled_components_1 = __importDefault(require("styled-components"));
+var Checkbox_1 = __importDefault(require("./Checkbox"));
+var Image_1 = __importDefault(require("./Image"));
+var LeftBox = function (_a) {
+    var children = _a.children, hasRightBox = _a.hasRightBox;
+    return ((0, jsx_runtime_1.jsx)(S_LeftBox, __assign({ hasRightBox: hasRightBox }, { children: children })));
+};
+var S_LeftBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  flex: ", ";\n"], ["\n  align-items: center;\n  display: flex;\n  flex: ", ";\n"])), function (_a) {
+    var hasRightBox = _a.hasRightBox;
+    return (hasRightBox ? 7 : 'auto');
+});
+LeftBox.Checkbox = Checkbox_1.default;
+LeftBox.Image = Image_1.default;
+exports.default = LeftBox;
+var templateObject_1;

package/dist/src/desktop/components/BoxItem/LeftBox/index.d.ts

@@ -0,0 +1,2 @@
+import LeftBox from './LeftBox';
+export { LeftBox };

package/dist/src/{sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner → desktop/components/BoxItem/LeftBox}/index.js

@@ -3,6 +3,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SlideBanner = void 0;
-var SlideBanner_1 = require("./SlideBanner");
-Object.defineProperty(exports, "SlideBanner", { enumerable: true, get: function () { return __importDefault(SlideBanner_1).default; } });
+exports.LeftBox = void 0;
+var LeftBox_1 = __importDefault(require("./LeftBox"));
+exports.LeftBox = LeftBox_1.default;

package/dist/src/desktop/components/BoxItem/index.d.ts

@@ -0,0 +1 @@
+export { default as BoxItem } from './BoxItem';

package/dist/src/desktop/components/BoxItem/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BoxItem = void 0;
+var BoxItem_1 = require("./BoxItem");
+Object.defineProperty(exports, "BoxItem", { enumerable: true, get: function () { return __importDefault(BoxItem_1).default; } });

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

@@ -0,0 +1,13 @@
+import type { Schedule, displayAllDayScheduleMode } from './types';
+import type React from 'react';
+interface AllDaySchedulesSectionProps {
+    calendarDates: Date[];
+    displayAllDayScheduleMode?: displayAllDayScheduleMode;
+    getSchedulesForDate: (date: Date) => Schedule[];
+    renderScheduleItem: (schedule: Schedule, extraProps?: any) => React.ReactNode;
+    handleDateDragOver: (date: Date, e: React.DragEvent) => void;
+    handleDateDragLeave: () => void;
+    handleDateDrop: (date: Date, e: React.DragEvent) => void;
+}
+export declare const AllDaySchedulesSection: React.FC<AllDaySchedulesSectionProps>;
+export {};

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

@@ -0,0 +1,132 @@
+"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.AllDaySchedulesSection = 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 AllDaySchedulesSection = function (_a) {
+    var calendarDates = _a.calendarDates, _b = _a.displayAllDayScheduleMode, displayAllDayScheduleMode = _b === void 0 ? 'use' : _b, getSchedulesForDate = _a.getSchedulesForDate, renderScheduleItem = _a.renderScheduleItem, handleDateDragOver = _a.handleDateDragOver, handleDateDragLeave = _a.handleDateDragLeave, handleDateDrop = _a.handleDateDrop;
+    var t = (0, react_i18next_1.useTranslation)().t;
+    // 다중 날짜 종일 이벤트 계산
+    var multiDayAllDaySchedules = (0, react_1.useMemo)(function () {
+        var allSchedules = new Map();
+        var multiDaySchedules = [];
+        // 모든 종일 이벤트 수집
+        calendarDates.forEach(function (date) {
+            var schedulesForDate = getSchedulesForDate(date);
+            schedulesForDate.forEach(function (schedule) {
+                if (!(0, calendarUtils_1.calculateIsAllDay)(new Date(schedule.startDate), new Date(schedule.endDate))) {
+                    return;
+                }
+                var scheduleStart = new Date(schedule.startDate);
+                var scheduleEnd = new Date(schedule.endDate);
+                scheduleStart.setHours(0, 0, 0, 0);
+                scheduleEnd.setHours(0, 0, 0, 0);
+                // 단일 날짜 종일 이벤트는 제외
+                if (scheduleStart.getTime() === scheduleEnd.getTime()) {
+                    return;
+                }
+                allSchedules.set(schedule.id, schedule);
+            });
+        });
+        // 주간 뷰의 시작/끝 날짜 계산
+        var weekStart = new Date(calendarDates[0]);
+        var weekEnd = new Date(calendarDates[calendarDates.length - 1]);
+        weekStart.setHours(0, 0, 0, 0);
+        weekEnd.setHours(0, 0, 0, 0);
+        // 다중 날짜 이벤트의 위치 계산
+        var scheduleIndexCounter = 0;
+        allSchedules.forEach(function (schedule) {
+            var scheduleStart = new Date(schedule.startDate);
+            var scheduleEnd = new Date(schedule.endDate);
+            scheduleStart.setHours(0, 0, 0, 0);
+            scheduleEnd.setHours(0, 0, 0, 0);
+            // 이벤트가 현재 주와 교차하지 않으면 건너뛰기
+            var isIntersecting = !(scheduleEnd.getTime() < weekStart.getTime() || scheduleStart.getTime() > weekEnd.getTime());
+            if (!isIntersecting) {
+                return;
+            }
+            // 표시할 실제 시작/끝 날짜 계산 (주간 뷰 범위 내로 제한)
+            var displayStart = new Date(Math.max(scheduleStart.getTime(), weekStart.getTime()));
+            var displayEnd = new Date(Math.min(scheduleEnd.getTime(), weekEnd.getTime()));
+            // 시작과 끝 컬럼 찾기
+            var startIndex = calendarDates.findIndex(function (date) {
+                var d = new Date(date);
+                d.setHours(0, 0, 0, 0);
+                return d.getTime() === displayStart.getTime();
+            });
+            var endIndex = calendarDates.findIndex(function (date) {
+                var d = new Date(date);
+                d.setHours(0, 0, 0, 0);
+                return d.getTime() === displayEnd.getTime();
+            });
+            if (startIndex === -1 || endIndex === -1) {
+                return;
+            }
+            var startCol = startIndex + 2; // 라벨 컬럼(1) + 0-based 인덱스 보정
+            var endCol = endIndex + 2;
+            multiDaySchedules.push({
+                schedule: schedule,
+                startCol: startCol,
+                endCol: endCol,
+                scheduleIndex: scheduleIndexCounter
+            });
+            scheduleIndexCounter += 1;
+        });
+        return multiDaySchedules;
+    }, [calendarDates, getSchedulesForDate]);
+    if (displayAllDayScheduleMode === 'none') {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsxs)(S_WeeklyAllDaySection, __assign({ "$rowCount": Math.max(1, multiDayAllDaySchedules.length) }, { children: [(0, jsx_runtime_1.jsx)(S_AllDayLabel, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { styleTheme: "caption1Regular", colorTheme: "sysTextTertiary", text: t('calendar_all_day') }) }), (0, jsx_runtime_1.jsx)(S_WeeklyAllDayGrid, { children: calendarDates.map(function (date, index) {
+                    // 단일 날짜 종일 이벤트만 표시
+                    var singleDayAllDaySchedules = getSchedulesForDate(date).filter(function (schedule) {
+                        var isAllDay = (0, calendarUtils_1.calculateIsAllDay)(new Date(schedule.startDate), new Date(schedule.endDate));
+                        if (!isAllDay)
+                            return false;
+                        var scheduleStart = new Date(schedule.startDate);
+                        var scheduleEnd = new Date(schedule.endDate);
+                        scheduleStart.setHours(0, 0, 0, 0);
+                        scheduleEnd.setHours(0, 0, 0, 0);
+                        // 단일 날짜 종일 이벤트만 포함
+                        return scheduleStart.getTime() === scheduleEnd.getTime();
+                    });
+                    return ((0, jsx_runtime_1.jsx)(S_WeeklyAllDayCell, __assign({ onDragOver: function (e) { return handleDateDragOver(date, e); }, onDragLeave: handleDateDragLeave, onDrop: function (e) { return handleDateDrop(date, e); } }, { children: singleDayAllDaySchedules.map(function (schedule) { return renderScheduleItem(schedule); }) }), index));
+                }) }), multiDayAllDaySchedules.map(function (_a) {
+                var schedule = _a.schedule, startCol = _a.startCol, endCol = _a.endCol, scheduleIndex = _a.scheduleIndex;
+                return ((0, jsx_runtime_1.jsx)(S_MultiDayAllDaySchedule, __assign({ "$startCol": startCol, "$endCol": endCol, "$scheduleIndex": scheduleIndex }, { children: renderScheduleItem(schedule) }), "multi-".concat(schedule.id)));
+            })] })));
+};
+exports.AllDaySchedulesSection = AllDaySchedulesSection;
+var S_WeeklyAllDaySection = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border-bottom: 1px solid ", ";\n  display: grid;\n  grid-template-columns: 80px repeat(7, 1fr);\n  grid-template-rows: repeat(", ", 24px);\n  min-height: 40px;\n  position: relative;\n"], ["\n  border-bottom: 1px solid ", ";\n  display: grid;\n  grid-template-columns: 80px repeat(7, 1fr);\n  grid-template-rows: repeat(", ", 24px);\n  min-height: 40px;\n  position: relative;\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.ui_cpnt_divider;
+}, function (props) { return props.$rowCount; });
+var S_AllDayLabel = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  justify-content: center;\n  padding: 8px;\n"], ["\n  align-items: center;\n  display: flex;\n  justify-content: center;\n  padding: 8px;\n"])));
+var S_WeeklyAllDayGrid = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: contents;\n"], ["\n  display: contents;\n"])));
+var S_WeeklyAllDayCell = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  gap: 2px;\n  padding: 4px;\n"], ["\n  align-items: center;\n  display: flex;\n  gap: 2px;\n  padding: 4px;\n"])));
+var S_MultiDayAllDaySchedule = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  grid-area: ", ";\n  margin: 2px;\n  position: relative;\n  z-index: 10;\n"], ["\n  grid-area: ", ";\n  margin: 2px;\n  position: relative;\n  z-index: 10;\n"])), function (props) {
+    return "".concat(1 + props.$scheduleIndex, " / ").concat(props.$startCol, " / ").concat(2 + props.$scheduleIndex, " / ").concat(props.$endCol + 1);
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { CalendarProps } from './types';
+declare const Calendar: React.FC<CalendarProps>;
+export default Calendar;