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

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

@@ -41,17 +41,85 @@ var CalendarContext_1 = require("./CalendarContext");
 var calendarUtils_1 = require("./calendarUtils");
 var MultiWeekSchedulesLayer_1 = require("./MultiWeekSchedulesLayer");
 var MonthlyView = function (_a) {
-    var getDayTextByDate = _a.getDayTextByDate, startOfWeek = _a.startOfWeek, selectedDate = _a.selectedDate, selectedDates = _a.selectedDates, selectedSchedules = _a.selectedSchedules, dragStartDate = _a.dragStartDate, dragEndDate = _a.dragEndDate, isDragOverDate = _a.isDragOverDate, schedules = _a.schedules, getSchedulesForDate = _a.getSchedulesForDate, isToday = _a.isToday, isPastDate = _a.isPastDate, handleDateClick = _a.handleDateClick, handleScheduleClick = _a.handleScheduleClick, handleMouseUp = _a.handleMouseUp, handleDateDragOver = _a.handleDateDragOver, handleDateDragLeave = _a.handleDateDragLeave, handleDateDrop = _a.handleDateDrop, handleScheduleDragStart = _a.handleScheduleDragStart, handleScheduleDragEnd = _a.handleScheduleDragEnd, _b = _a.isDraggable, isDraggable = _b === void 0 ? false : _b, onSwitchToWeeklyView = _a.onSwitchToWeeklyView;
+    var getDayTextByDate = _a.getDayTextByDate, startOfWeek = _a.startOfWeek, selectedDate = _a.selectedDate, selectedDates = _a.selectedDates, selectedSchedules = _a.selectedSchedules, dragStartDate = _a.dragStartDate, dragEndDate = _a.dragEndDate, isDragOverDate = _a.isDragOverDate, schedules = _a.schedules, getSchedulesForDate = _a.getSchedulesForDate, isToday = _a.isToday, isPastDate = _a.isPastDate, handleDateClick = _a.handleDateClick, handleScheduleClick = _a.handleScheduleClick, handleMouseUp = _a.handleMouseUp, handleDateDragOver = _a.handleDateDragOver, handleDateDragLeave = _a.handleDateDragLeave, handleDateDrop = _a.handleDateDrop, handleScheduleDragStart = _a.handleScheduleDragStart, handleScheduleDragEnd = _a.handleScheduleDragEnd, _b = _a.isDraggable, isDraggable = _b === void 0 ? false : _b, onSwitchToWeeklyView = _a.onSwitchToWeeklyView, config = _a.config;
     var t = (0, react_i18next_1.useTranslation)().t;
-    var renderScheduleItem = (0, CalendarContext_1.useCalendarContext)().renderScheduleItem;
+    var _c = (0, CalendarContext_1.useCalendarContext)(), renderScheduleItem = _c.renderScheduleItem, handleDateDrag = _c.handleDateDrag;
     var height = (0, useWindowSize_1.useWindowSize)().height;
     var calendarCellRef = (0, react_1.useRef)(null);
-    var _c = (0, react_1.useState)(3), maxSchedulesPerDay = _c[0], setMaxSchedulesPerDay = _c[1];
+    var _d = (0, react_1.useState)(3), maxSchedulesPerDay = _d[0], setMaxSchedulesPerDay = _d[1];
     var scheduleItemHeight = 22; // 스케줄 아이템 대략 높이
+    // 날짜 드래그 상태
+    var _e = (0, react_1.useState)(null), dateSelectionStart = _e[0], setDateSelectionStart = _e[1];
+    var _f = (0, react_1.useState)(null), dateSelectionEnd = _f[0], setDateSelectionEnd = _f[1];
+    var _g = (0, react_1.useState)(false), isDateDragging = _g[0], setIsDateDragging = _g[1];
     var days = (0, react_1.useMemo)(function () {
         var monthDate = new Date(selectedDate.getFullYear(), selectedDate.getMonth(), 1);
         return dateHelper_1.DateHelper.getCalendarDatesForCalendar(monthDate, startOfWeek);
     }, [selectedDate, startOfWeek]);
+    // 날짜 드래그 시작
+    var handleDateMouseDown = function (date, 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(); // 텍스트 선택 방지
+        setDateSelectionStart(date);
+        setDateSelectionEnd(date);
+        setIsDateDragging(true);
+    };
+    // 날짜 드래그 중
+    var handleDateMouseEnter = function (date) {
+        var _a;
+        if (!((_a = config === null || config === void 0 ? void 0 : config.DATE) === null || _a === void 0 ? void 0 : _a.DRAG))
+            return;
+        if (!isDateDragging)
+            return;
+        setDateSelectionEnd(date);
+    };
+    // 드래그 종료 시 콜백 호출
+    (0, react_1.useEffect)(function () {
+        var handleMouseUp = function () {
+            var _a;
+            if (isDateDragging && dateSelectionStart && dateSelectionEnd && ((_a = config === null || config === void 0 ? void 0 : config.DATE) === null || _a === void 0 ? void 0 : _a.DRAG)) {
+                var startDate_1 = new Date(Math.min(dateSelectionStart.getTime(), dateSelectionEnd.getTime()));
+                var endDate_1 = new Date(Math.max(dateSelectionStart.getTime(), dateSelectionEnd.getTime()));
+                // 선택된 날짜 구간의 모든 날짜를 생성
+                var selectedDates_1 = [];
+                var current = new Date(startDate_1);
+                while (current <= endDate_1) {
+                    selectedDates_1.push(new Date(current));
+                    current.setDate(current.getDate() + 1);
+                }
+                // 선택된 날짜 구간에 포함되는 스케줄들 찾기
+                var schedulesInRange_1 = [];
+                schedules.forEach(function (schedule) {
+                    var scheduleStartDate = new Date(schedule.startDate);
+                    scheduleStartDate.setHours(0, 0, 0, 0);
+                    var scheduleEndDate = new Date(schedule.endDate);
+                    scheduleEndDate.setHours(0, 0, 0, 0);
+                    // 스케줄과 선택된 구간이 겹치는지 확인
+                    // 스케줄 시작 <= 선택된 구간 끝 && 스케줄 끝 >= 선택된 구간 시작
+                    if (scheduleStartDate <= endDate_1 && scheduleEndDate >= startDate_1) {
+                        schedulesInRange_1.push(schedule);
+                    }
+                });
+                handleDateDrag({
+                    action: 'DRAG',
+                    target: 'DATE',
+                    dates: selectedDates_1,
+                    schedules: schedulesInRange_1,
+                    startDate: startDate_1.toISOString(),
+                    endDate: endDate_1.toISOString()
+                });
+            }
+            setIsDateDragging(false);
+            setDateSelectionStart(null);
+            setDateSelectionEnd(null);
+        };
+        if (isDateDragging) {
+            document.addEventListener('mouseup', handleMouseUp);
+            return function () { return document.removeEventListener('mouseup', handleMouseUp); };
+        }
+    }, [isDateDragging, dateSelectionStart, dateSelectionEnd, config, schedules]);
     // 셀 높이 기반으로 최대 스케줄 개수 계산
     var calculateMaxSchedules = (0, react_1.useCallback)(function () {
         if (!calendarCellRef.current)
@@ -344,10 +412,14 @@ var MonthlyView = function (_a) {
                     !!(dragStartDate &&
                         dragEndDate &&
                         date.getTime() >= Math.min(dragStartDate.getTime(), dragEndDate.getTime()) &&
-                        date.getTime() <= Math.max(dragStartDate.getTime(), dragEndDate.getTime()));
+                        date.getTime() <= Math.max(dragStartDate.getTime(), dragEndDate.getTime())) ||
+                    !!(dateSelectionStart &&
+                        dateSelectionEnd &&
+                        date.getTime() >= Math.min(dateSelectionStart.getTime(), dateSelectionEnd.getTime()) &&
+                        date.getTime() <= Math.max(dateSelectionStart.getTime(), dateSelectionEnd.getTime()));
                 return ((0, jsx_runtime_1.jsxs)(S_CalendarCell, __assign({ ref: date.getMonth() === selectedDate.getMonth() && date.getDate() === 1
                         ? calendarCellRef
-                        : undefined, "data-calendar-cell": true, "$isCurrentMonth": date.getMonth() === selectedDate.getMonth(), "$isToday": isToday(date), "$isSelected": isCellSelected, "$isPast": isPastDate(date), "$isDragOver": (isDragOverDate === null || isDragOverDate === void 0 ? void 0 : isDragOverDate.toDateString()) === date.toDateString(), onClick: function (e) { return handleDateClick(date, e); }, onMouseUp: handleMouseUp, onDragOver: function (e) { return handleDateDragOver(date, e); }, onDragLeave: handleDateDragLeave, onDrop: function (e) { return handleDateDrop(date, e); } }, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { styleTheme: isToday(date) ? 'caption2Bold' : 'caption2Regular', textAlign: "center", colorTheme: isToday(date) ? 'sysTextBrandPrimary' : 'sysTextSecondary', text: date.getDate().toString() }), (0, jsx_runtime_1.jsxs)(S_SchedulesContainer, __assign({ "$multiWeekSchedulesCount": visibleRows.length, id: "schedule container" }, { children: [visibleRows.map(function (_a) {
+                        : undefined, "data-calendar-cell": true, "$isCurrentMonth": date.getMonth() === selectedDate.getMonth(), "$isToday": isToday(date), "$isSelected": isCellSelected, "$isPast": isPastDate(date), "$isDragOver": (isDragOverDate === null || isDragOverDate === void 0 ? void 0 : isDragOverDate.toDateString()) === date.toDateString(), "$isDateDragging": isDateDragging, onClick: function (e) { return handleDateClick(date, e); }, onMouseUp: handleMouseUp, onDragOver: function (e) { return handleDateDragOver(date, e); }, onDragLeave: handleDateDragLeave, onDrop: function (e) { return handleDateDrop(date, e); }, onMouseDown: function (e) { return handleDateMouseDown(date, e); }, onMouseEnter: function () { return handleDateMouseEnter(date); } }, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { styleTheme: isToday(date) ? 'caption2Bold' : 'caption2Regular', textAlign: "center", colorTheme: isToday(date) ? 'sysTextBrandPrimary' : 'sysTextSecondary', text: date.getDate().toString() }), (0, jsx_runtime_1.jsxs)(S_SchedulesContainer, __assign({ "$multiWeekSchedulesCount": visibleRows.length, id: "schedule container" }, { children: [visibleRows.map(function (_a) {
                                     var rowIndex = _a.rowIndex, items = _a.items;
                                     return items.map(function (item) {
                                         var schedule = item.data;
@@ -377,7 +449,7 @@ var S_DayHeader = styled_components_1.default.div(templateObject_2 || (templateO
     var theme = _a.theme;
     return theme.ui_cpnt_divider;
 });
-var S_CalendarCell = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  background-color: ", ";\n  border-bottom: 1px solid ", ";\n  border-right: 1px solid ", ";\n  min-height: 80px;\n  min-width: 0;\n  overflow: hidden;\n  padding: 4px;\n  position: relative;\n  transition: background-color 0.2s;\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  &:nth-child(7n + 1) {\n    border-left: 1px solid ", ";\n  }\n\n  &:nth-child(-n + 7) {\n    border-top: 1px solid ", ";\n  }\n"], ["\n  background-color: ", ";\n  border-bottom: 1px solid ", ";\n  border-right: 1px solid ", ";\n  min-height: 80px;\n  min-width: 0;\n  overflow: hidden;\n  padding: 4px;\n  position: relative;\n  transition: background-color 0.2s;\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  &:nth-child(7n + 1) {\n    border-left: 1px solid ", ";\n  }\n\n  &:nth-child(-n + 7) {\n    border-top: 1px solid ", ";\n  }\n"])), function (_a) {
+var S_CalendarCell = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  background-color: ", ";\n  border-bottom: 1px solid ", ";\n  border-right: 1px solid ", ";\n  min-height: 80px;\n  min-width: 0;\n  overflow: hidden;\n  padding: 4px;\n  position: relative;\n  transition: background-color 0.2s;\n  user-select: ", ";\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  &:nth-child(7n + 1) {\n    border-left: 1px solid ", ";\n  }\n\n  &:nth-child(-n + 7) {\n    border-top: 1px solid ", ";\n  }\n"], ["\n  background-color: ", ";\n  border-bottom: 1px solid ", ";\n  border-right: 1px solid ", ";\n  min-height: 80px;\n  min-width: 0;\n  overflow: hidden;\n  padding: 4px;\n  position: relative;\n  transition: background-color 0.2s;\n  user-select: ", ";\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  &:nth-child(7n + 1) {\n    border-left: 1px solid ", ";\n  }\n\n  &:nth-child(-n + 7) {\n    border-top: 1px solid ", ";\n  }\n"])), function (_a) {
     var $isSelected = _a.$isSelected, theme = _a.theme;
     if ($isSelected)
         return theme.ui_cpnt_sheet_base;
@@ -388,6 +460,9 @@ var S_CalendarCell = styled_components_1.default.div(templateObject_3 || (templa
 }, function (_a) {
     var theme = _a.theme;
     return theme.ui_cpnt_divider;
+}, function (_a) {
+    var $isDateDragging = _a.$isDateDragging;
+    return ($isDateDragging ? 'none' : 'auto');
 }, function (_a) {
     var theme = _a.theme;
     return theme.ui_cpnt_sheet_base;

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

@@ -1,6 +1,9 @@
 import React from 'react';
+import type { Schedule } from './types';
 interface WeeklyViewProps {
     startOfWeek: 'sunday' | 'monday';
+    schedules: Schedule[];
+    config?: any;
 }
 export declare const WeeklyView: React.FC<WeeklyViewProps>;
 export {};

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

@@ -51,10 +51,12 @@ var CurrentTimeIndicator_1 = require("./CurrentTimeIndicator");
 var TimeBasedScheduleItem_1 = require("./TimeBasedScheduleItem");
 var timeFormatUtils_1 = require("./timeFormatUtils");
 var WeeklyView = function (_a) {
-    var startOfWeek = _a.startOfWeek;
+    var startOfWeek = _a.startOfWeek, schedules = _a.schedules, config = _a.config;
     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 _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, handleDateDrag = _c.handleDateDrag, handleScheduleDragStart = _c.handleScheduleDragStart, handleScheduleDragEnd = _c.handleScheduleDragEnd, isDraggable = _c.isDraggable, handleScheduleClick = _c.handleScheduleClick, getDayTextByDate = _c.getDayTextByDate;
+    var _d = (0, react_1.useState)(null), timeSelectionStart = _d[0], setTimeSelectionStart = _d[1];
+    var _e = (0, react_1.useState)(null), timeSelectionEnd = _e[0], setTimeSelectionEnd = _e[1];
+    var _f = (0, react_1.useState)(false), isTimeDragging = _f[0], setIsTimeDragging = _f[1];
     var calendarDates = (0, react_1.useMemo)(function () {
         var dates = [];
         var startIndex = startOfWeek === 'monday' ? 1 : 0;
@@ -65,10 +67,108 @@ var WeeklyView = function (_a) {
         }
         return dates;
     }, [selectedDate, startOfWeek]);
+    // 시간 드래그 시작
+    var handleTimeMouseDown = (0, react_1.useCallback)(function (date, 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();
+        var selection = { date: date, hour: hour };
+        setTimeSelectionStart(selection);
+        setTimeSelectionEnd(selection);
+        setIsTimeDragging(true);
+    }, [config]);
+    // 시간 드래그 중
+    var handleTimeMouseEnter = (0, react_1.useCallback)(function (date, hour) {
+        if (!isTimeDragging)
+            return;
+        setTimeSelectionEnd({ date: date, hour: hour });
+    }, [isTimeDragging]);
+    // 드래그 종료 시 콜백 호출
+    (0, react_1.useEffect)(function () {
+        var handleMouseUp = function () {
+            var _a;
+            if (isTimeDragging && timeSelectionStart && timeSelectionEnd && ((_a = config === null || config === void 0 ? void 0 : config.DATE) === null || _a === void 0 ? void 0 : _a.DRAG)) {
+                // 선택된 시간 범위 계산
+                var startDateTime = new Date(timeSelectionStart.date);
+                startDateTime.setHours(timeSelectionStart.hour, 0, 0, 0);
+                var endDateTime = new Date(timeSelectionEnd.date);
+                endDateTime.setHours(timeSelectionEnd.hour, 59, 59, 999);
+                // 실제 시작/종료 시간 (순서 보정)
+                var actualStartTime_1 = new Date(Math.min(startDateTime.getTime(), endDateTime.getTime()));
+                var actualEndTime_1 = new Date(Math.max(startDateTime.getTime(), endDateTime.getTime()));
+                // 선택된 시간 범위에 포함되는 스케줄들 찾기
+                var schedulesInRange_1 = [];
+                schedules.forEach(function (schedule) {
+                    var scheduleStart = new Date(schedule.startDate);
+                    var scheduleEnd = new Date(schedule.endDate);
+                    // 스케줄이 선택된 시간 범위와 겹치는지 확인
+                    if (scheduleStart <= actualEndTime_1 && scheduleEnd >= actualStartTime_1) {
+                        schedulesInRange_1.push(schedule);
+                    }
+                });
+                // 선택된 날짜들 생성 (시간 범위에 포함된 모든 날짜)
+                var selectedDates = [];
+                var currentDate = new Date(actualStartTime_1);
+                currentDate.setHours(0, 0, 0, 0);
+                var endDate = new Date(actualEndTime_1);
+                endDate.setHours(0, 0, 0, 0);
+                while (currentDate <= endDate) {
+                    selectedDates.push(new Date(currentDate));
+                    currentDate.setDate(currentDate.getDate() + 1);
+                }
+                handleDateDrag({
+                    action: 'DRAG',
+                    target: 'DATE',
+                    dates: selectedDates,
+                    schedules: schedulesInRange_1,
+                    startDate: actualStartTime_1.toISOString(),
+                    endDate: actualEndTime_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]);
+    // 선택한 시간이 드래그 범위에 포함되는지 확인
+    var isTimeSlotInDragRange = (0, react_1.useCallback)(function (date, hour) {
+        if (!timeSelectionStart || !timeSelectionEnd)
+            return false;
+        var slotDateTime = new Date(date);
+        slotDateTime.setHours(hour, 0, 0, 0);
+        var startDateTime = new Date(timeSelectionStart.date);
+        startDateTime.setHours(timeSelectionStart.hour, 0, 0, 0);
+        var endDateTime = new Date(timeSelectionEnd.date);
+        endDateTime.setHours(timeSelectionEnd.hour, 0, 0, 0);
+        var actualStartTime = Math.min(startDateTime.getTime(), endDateTime.getTime());
+        var actualEndTime = Math.max(startDateTime.getTime(), endDateTime.getTime());
+        return slotDateTime.getTime() >= actualStartTime && slotDateTime.getTime() <= actualEndTime;
+    }, [timeSelectionStart, timeSelectionEnd]);
     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 monthNames = [
+                            'Jan',
+                            'Feb',
+                            'Mar',
+                            'Apr',
+                            'May',
+                            'Jun',
+                            'Jul',
+                            'Aug',
+                            'Sep',
+                            'Oct',
+                            'Nov',
+                            'Dec'
+                        ];
+                        var isEnglish = i18n.language === 'en'; // i18n 인스턴스에서 현재 언어 확인
+                        var monthText = isEnglish ? monthNames[date.getMonth()] : date.getMonth() + 1;
                         var dateText = t('str_calendar_weekly_date', {
-                            month: date.getMonth() + 1,
+                            month: monthText,
                             date: date.getDate(),
                             day: dayText
                         });
@@ -77,7 +177,7 @@ var WeeklyView = function (_a) {
                                     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));
+                                    return ((0, jsx_runtime_1.jsx)(S_TimeSlot, __assign({ "$isDragOver": isDragOver, "$isDraggable": isDraggable, "$isInTimeDragRange": isTimeSlotInDragRange(date, hour), "$isTimeDragging": isTimeDragging, onClick: function () { return handleDateClick(date, {}); }, onDragOver: function (e) { return handleDateDragOver(timeSlotDate, e); }, onDragLeave: handleDateDragLeave, onDrop: function (e) { return handleDateDrop(timeSlotDate, e); }, onMouseDown: function (e) { return handleTimeMouseDown(date, hour, e); }, onMouseEnter: function () { return handleTimeMouseEnter(date, hour); } }, { 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;
@@ -101,13 +201,19 @@ var S_TimeLabel = styled_components_1.default.div(templateObject_8 || (templateO
     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 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: ", ";\n  min-width: 0;\n  overflow: visible;\n  position: relative;\n  user-select: ", ";\n\n  &:hover {\n    background: ", ";\n  }\n"], ["\n  background: ", ";\n  border-bottom: 1px solid ", ";\n  border-right: 1px solid ", ";\n  cursor: ", ";\n  min-width: 0;\n  overflow: visible;\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 (_a) {
     var theme = _a.theme;
     return theme.ui_cpnt_divider;
-}, function (_a) {
+}, function (props) { return (props.$isTimeDragging ? 'grabbing' : 'default'); }, function (props) { return (props.$isTimeDragging ? 'none' : 'auto'); }, function (_a) {
     var theme = _a.theme;
     return theme.ui_cpnt_sheet_base;
 });

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

@@ -1,7 +1,12 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.toUTC = exports.getHeaderText = exports.calculateDateRange = exports.calculateIsAllDay = void 0;
+var i18n_1 = __importDefault(require("../../../common/services/i18n"));
 var dateHelper_1 = require("../../../common/utils/dateHelper");
+var constants_1 = require("./constants");
 /**
  * 일정이 종일 일정인지 확인하는 함수
  * @param startDate 시작 날짜
@@ -22,16 +27,16 @@ var calculateIsAllDay = function (startDate, endDate) {
 exports.calculateIsAllDay = calculateIsAllDay;
 var calculateDateRange = function (viewType, baseDate) {
     switch (viewType) {
-        case 'DAILY':
+        case 'str_fm_day':
             return { startDate: baseDate, endDate: baseDate };
-        case 'WEEKLY': {
+        case 'str_fm_week': {
             var start = new Date(baseDate);
             start.setDate(baseDate.getDate() - baseDate.getDay());
             var end = new Date(start);
             end.setDate(start.getDate() + 6);
             return { startDate: start, endDate: end };
         }
-        case 'MONTHLY': {
+        case 'str_fm_month': {
             var startDate = new Date(baseDate.getFullYear(), baseDate.getMonth(), 1);
             // 실제 MonthlyView에서 보여지는 날짜 배열을 구함
             var days = dateHelper_1.DateHelper.getCalendarDatesForCalendar(startDate, 'sunday');
@@ -40,7 +45,7 @@ var calculateDateRange = function (viewType, baseDate) {
                 endDate: days[days.length - 1]
             };
         }
-        case 'YEARLY':
+        case 'str_fm_year':
             return {
                 startDate: new Date(baseDate.getFullYear(), 0, 1),
                 endDate: new Date(baseDate.getFullYear(), 11, 31)
@@ -63,16 +68,21 @@ var getHeaderText = function (viewType, selectedDate, t) {
     var year = selectedDate.getFullYear();
     var monthNumber = selectedDate.getMonth() + 1;
     var day = selectedDate.getDate();
-    if (viewType === 'DAILY') {
+    var locale = (0, constants_1.getLocaleFromLang)(i18n_1.default.language);
+    // For English locale, use month names instead of numbers for WEEKLY and MONTHLY views
+    var monthValue = locale === 'en-US' && (viewType === 'str_fm_week' || viewType === 'str_fm_month')
+        ? t("calendar_month_".concat(monthNumber))
+        : monthNumber;
+    if (viewType === 'str_fm_day') {
         return t('str_calendar_daily_header', { year: year, month: monthNumber, day: day });
     }
-    if (viewType === 'WEEKLY') {
-        return t('str_calendar_weekly_header', { year: year, month: monthNumber });
+    if (viewType === 'str_fm_week') {
+        return t('str_calendar_weekly_header', { year: year, month: monthValue });
     }
-    if (viewType === 'MONTHLY') {
-        return t('str_calendar_monthly_header', { year: year, month: monthNumber });
+    if (viewType === 'str_fm_month') {
+        return t('str_calendar_monthly_header', { year: year, month: monthValue });
     }
-    if (viewType === 'YEARLY') {
+    if (viewType === 'str_fm_year') {
         return t('str_calendar_yearly_header', { year: year });
     }
     return '';

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-export type CalendarViewType = 'MONTHLY' | 'WEEKLY' | 'DAILY' | 'YEARLY';
+export type CalendarViewType = 'str_fm_month' | 'str_fm_week' | 'str_fm_day' | 'str_fm_year';
 export type displayAllDayScheduleMode = 'none' | 'use';
 export type StartOfWeek = 'sunday' | 'monday';
 export type TodayBtnMode = 'none' | 'use';
-export type ActionType = 'CLICK' | 'CLICK_WITH_SHIFT_KEY_DOWN' | 'DELETE_KEY_DOWN' | 'DRAG' | 'DOUBLE_CLICK';
+export type ActionType = 'CLICK' | 'CLICK_WITH_SHIFT_KEY_DOWN' | 'DELETE_KEY_DOWN' | 'DRAG';
 export type TargetType = 'SCHEDULE' | 'DATE';
 export type Action = {
     action: ActionType;
@@ -40,8 +40,8 @@ export type CalendarAction = {
     };
 };
 export type CalendarProps = {
-    defaultViewType?: CalendarViewType | 'str_fm_month' | 'str_fm_week' | 'str_fm_day' | 'str_fm_year';
-    viewTypes?: (CalendarViewType | 'str_fm_month' | 'str_fm_week' | 'str_fm_day' | 'str_fm_year')[];
+    defaultViewType?: CalendarViewType;
+    viewTypes?: CalendarViewType[];
     displayAllDayScheduleMode?: displayAllDayScheduleMode;
     startOfWeek?: StartOfWeek;
     todayBtnMode?: TodayBtnMode;
@@ -59,3 +59,7 @@ export type EventItemProps = {
     onDoubleClick: (schedule: Schedule) => void;
     isSelected?: boolean;
 };
+export type TimeSelection = {
+    date: Date;
+    hour: number;
+};

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

@@ -1,4 +1,4 @@
-import type { PDSIconType, PDSTextType } from '../../../common';
+import type { PDSTextType } from '../../../common';
 import type React from 'react';
 export type TextButtonProps = {
     text?: PDSTextType;
@@ -7,12 +7,9 @@ export type TextButtonProps = {
     fontWeight?: 'bold' | 'regular';
     type?: 'submit' | 'reset' | 'button';
     state?: 'normal' | 'disabled';
-    iconMode?: 'none' | 'left' | 'right';
-    iconFillType?: 'fill' | 'line';
-    iconName?: PDSIconType;
     colorTheme?: 'none' | 'red' | 'grey_01' | 'grey2' | 'grey3' | 'white' | 'white2';
     onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
     onKeyDown?: (e: React.KeyboardEvent<HTMLButtonElement>) => void;
 };
-declare function TextButton({ text, size, responsiveMode, fontWeight, type, state, iconMode, iconFillType, iconName, colorTheme, onClick, onKeyDown, ...rest }: TextButtonProps): JSX.Element;
+declare function TextButton({ text, size, responsiveMode, fontWeight, type, state, colorTheme, onClick, onKeyDown, ...rest }: TextButtonProps): JSX.Element;
 export default TextButton;

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

@@ -51,7 +51,6 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var components_1 = require("../../../hybrid/components");
 var styled_components_1 = __importStar(require("styled-components"));
 var transitionStyle_1 = require("../../../common/styles/movement/transitionStyle");
 var TextLabel_1 = require("../TextLabel");
@@ -71,15 +70,6 @@ var textColor = {
     white: 'sysTextWhite',
     white2: 'sysTextWhite'
 };
-var iconColor = {
-    none: 'ui_cpnt_button_icon_primary',
-    red: 'ui_cpnt_button_icon_error',
-    grey_01: 'ui_cpnt_button_icon_enabled',
-    grey2: 'ui_cpnt_button_icon_default',
-    grey3: 'ui_141',
-    white: 'ui_cpnt_sidebar_icon_01',
-    white2: 'ui_cpnt_sidebar_icon_01'
-};
 var textDisabledColor = {
     none: 'sysTextTertiary',
     red: 'sysTextTertiary',
@@ -126,7 +116,7 @@ var backgroundPressedColor = {
     white2: 'ui_cpnt_textbutton_white_variation_base_pressed'
 };
 function TextButton(_a) {
-    var text = _a.text, _b = _a.size, size = _b === void 0 ? 'large' : _b, _c = _a.responsiveMode, responsiveMode = _c === void 0 ? 'none' : _c, fontWeight = _a.fontWeight, _d = _a.type, type = _d === void 0 ? 'button' : _d, _e = _a.state, state = _e === void 0 ? 'normal' : _e, _f = _a.iconMode, iconMode = _f === void 0 ? 'none' : _f, _g = _a.iconFillType, iconFillType = _g === void 0 ? 'line' : _g, iconName = _a.iconName, _h = _a.colorTheme, colorTheme = _h === void 0 ? 'none' : _h, onClick = _a.onClick, onKeyDown = _a.onKeyDown, rest = __rest(_a, ["text", "size", "responsiveMode", "fontWeight", "type", "state", "iconMode", "iconFillType", "iconName", "colorTheme", "onClick", "onKeyDown"]);
+    var text = _a.text, _b = _a.size, size = _b === void 0 ? 'large' : _b, _c = _a.responsiveMode, responsiveMode = _c === void 0 ? 'none' : _c, fontWeight = _a.fontWeight, _d = _a.type, type = _d === void 0 ? 'button' : _d, _e = _a.state, state = _e === void 0 ? 'normal' : _e, _f = _a.colorTheme, colorTheme = _f === void 0 ? 'none' : _f, onClick = _a.onClick, onKeyDown = _a.onKeyDown, rest = __rest(_a, ["text", "size", "responsiveMode", "fontWeight", "type", "state", "colorTheme", "onClick", "onKeyDown"]);
     var buttonRef = (0, react_1.useRef)(null);
     /**
      * @when keydown 이벤트가 있을 때만
@@ -144,9 +134,9 @@ function TextButton(_a) {
             onClick(e);
         }
     };
-    return ((0, jsx_runtime_1.jsxs)(S_Button, __assign({ ref: buttonRef, "x-pds-name": "TextButton", "x-pds-element-type": "component", "x-pds-device-type": "desktop" }, rest, { size: size, responsiveMode: responsiveMode, onClick: handleClick, onKeyDown: onKeyDown, type: type, fontWeight: fontWeight, disabled: state === 'disabled', state: state, hoverColor: backgroundHoverColor[colorTheme], pressedColor: backgroundPressedColor[colorTheme] }, { children: [size !== 'xsmall' && iconMode === 'left' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Icon, { iconName: iconName, size: size === 'large' || size === 'rlarge' ? 20 : 16, colorKey: state === 'disabled' ? 'ui_cpnt_button_text_disabled' : iconColor[colorTheme], fillType: iconFillType }), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: size === 'large' || size === 'rlarge' ? 'spacing_b' : 'spacing_a', spacingType: "width" })] })), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: text, styleTheme: textStyle[size], colorTheme: state === 'disabled' ? textDisabledColor[colorTheme] : textColor[colorTheme], colorOverride: state === 'disabled'
-                    ? overrideTextDisabledColor[colorTheme]
-                    : overrideTextColor[colorTheme], singleLineMode: "use", ellipsisMode: "use", lineLimit: 1, wordBreak: "break_all" }), size !== 'xsmall' && iconMode === 'right' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Spacing, { size: size === 'large' || size === 'rlarge' ? 'spacing_b' : 'spacing_a', spacingType: "width" }), (0, jsx_runtime_1.jsx)(components_1.Icon, { iconName: iconName, size: size === 'large' || size === 'rlarge' ? 20 : 16, colorKey: state === 'disabled' ? 'ui_cpnt_button_text_disabled' : iconColor[colorTheme], fillType: iconFillType })] }))] })));
+    return ((0, jsx_runtime_1.jsx)(S_Button, __assign({ ref: buttonRef, "x-pds-name": "TextButton", "x-pds-element-type": "component", "x-pds-device-type": "desktop" }, rest, { size: size, responsiveMode: responsiveMode, onClick: handleClick, onKeyDown: onKeyDown, type: type, fontWeight: fontWeight, disabled: state === 'disabled', state: state, hoverColor: backgroundHoverColor[colorTheme], pressedColor: backgroundPressedColor[colorTheme] }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: text, styleTheme: textStyle[size], colorTheme: state === 'disabled' ? textDisabledColor[colorTheme] : textColor[colorTheme], colorOverride: state === 'disabled'
+                ? overrideTextDisabledColor[colorTheme]
+                : overrideTextColor[colorTheme], singleLineMode: "use", ellipsisMode: "use", lineLimit: 1, wordBreak: "break_all" }) })));
 }
 var large = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border-radius: 14px;\n  height: 48px;\n\n  ", ";\n\n  & > div {\n    height: 48px;\n    line-height: 48px;\n  }\n"], ["\n  border-radius: 14px;\n  height: 48px;\n\n  ", ";\n\n  & > div {\n    height: 48px;\n    line-height: 48px;\n  }\n"])), function (_a) {
     var size = _a.size;

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

@@ -37,7 +37,6 @@ import { PriceTextField } from './PriceTextField';
 import { PriceTextLabel } from './PriceTextLabel';
 import { Radio } from './Radio';
 import { ReactionButton } from './ReactionButton';
-import { RichTextEditor } from './RichTextEditor';
 import { SegmentedButtonGroup } from './SegmentedButtonGroup';
 import { Select } from './Select';
 import { Slider } from './Slider';
@@ -52,4 +51,4 @@ import { UploadTextButton } from './UploadTextButton';
 import { UserDesktopNavBar } from './UserDesktopNavBar';
 import { UserDesktopSideTab } from './UserDesktopSideTab';
 import { UserDesktopTabBar } from './UserDesktopTabBar';
-export { AdminList, AdminListHeader, AdminListItem, BasicButtonGroup, BasicChatListItem, BasicFormGroup, BasicList, BasicListItem, BlogTextField, BodyTextGroup, BoxItem, Card, CardList, ChatBubbleListItem, ChatList, Checkbox, Chip, ContextMenu, ContextMenuItem, DesktopAlertDialog, DesktopHeaderBar, DesktopTabBar, Dropdown, DynamicDesktopNavBar, DynamicDesktopNavBarTemplates, EditApplyTextField, FilterBar, FloatingActionButton, Hero, HorizontalFormGroup, IconButton, ImageSlide, LottieReactionButton, MainButton, PageTitleTextGroup, PriceTextField, Radio, ReactionButton, RichTextEditor, SegmentedButtonGroup, Select, Slider, Snackbar, StatusBlock, TextButton, TextField, TextLabel, PriceTextLabel, UploadIconButton, UploadMainButton, UploadTextButton, UserDesktopNavBar, UserDesktopTabBar, UserDesktopSideTab, Calendar };
+export { AdminList, AdminListHeader, AdminListItem, BasicButtonGroup, BasicChatListItem, BasicFormGroup, BasicList, BasicListItem, BlogTextField, BodyTextGroup, BoxItem, Card, CardList, ChatBubbleListItem, ChatList, Checkbox, Chip, ContextMenu, ContextMenuItem, DesktopAlertDialog, DesktopHeaderBar, DesktopTabBar, Dropdown, DynamicDesktopNavBar, DynamicDesktopNavBarTemplates, EditApplyTextField, FilterBar, FloatingActionButton, Hero, HorizontalFormGroup, IconButton, ImageSlide, LottieReactionButton, MainButton, PageTitleTextGroup, PriceTextField, Radio, ReactionButton, SegmentedButtonGroup, Select, Slider, Snackbar, StatusBlock, TextButton, TextField, TextLabel, PriceTextLabel, UploadIconButton, UploadMainButton, UploadTextButton, UserDesktopNavBar, UserDesktopTabBar, UserDesktopSideTab, Calendar };

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.UploadMainButton = exports.UploadIconButton = exports.PriceTextLabel = exports.TextLabel = exports.TextField = exports.TextButton = exports.StatusBlock = exports.Snackbar = exports.Slider = exports.Select = exports.SegmentedButtonGroup = exports.RichTextEditor = exports.ReactionButton = exports.Radio = exports.PriceTextField = exports.PageTitleTextGroup = exports.MainButton = exports.LottieReactionButton = exports.ImageSlide = exports.IconButton = exports.HorizontalFormGroup = exports.Hero = exports.FloatingActionButton = exports.FilterBar = exports.EditApplyTextField = exports.DynamicDesktopNavBarTemplates = exports.DynamicDesktopNavBar = exports.Dropdown = exports.DesktopTabBar = exports.DesktopHeaderBar = exports.DesktopAlertDialog = exports.ContextMenuItem = exports.ContextMenu = exports.Chip = exports.Checkbox = exports.ChatList = exports.ChatBubbleListItem = exports.CardList = exports.Card = exports.BoxItem = exports.BodyTextGroup = exports.BlogTextField = exports.BasicListItem = exports.BasicList = exports.BasicFormGroup = exports.BasicChatListItem = exports.BasicButtonGroup = exports.AdminListItem = exports.AdminListHeader = exports.AdminList = void 0;
-exports.Calendar = exports.UserDesktopSideTab = exports.UserDesktopTabBar = exports.UserDesktopNavBar = exports.UploadTextButton = void 0;
+exports.UploadTextButton = exports.UploadMainButton = exports.UploadIconButton = exports.PriceTextLabel = exports.TextLabel = exports.TextField = exports.TextButton = exports.StatusBlock = exports.Snackbar = exports.Slider = exports.Select = exports.SegmentedButtonGroup = exports.ReactionButton = exports.Radio = exports.PriceTextField = exports.PageTitleTextGroup = exports.MainButton = exports.LottieReactionButton = exports.ImageSlide = exports.IconButton = exports.HorizontalFormGroup = exports.Hero = exports.FloatingActionButton = exports.FilterBar = exports.EditApplyTextField = exports.DynamicDesktopNavBarTemplates = exports.DynamicDesktopNavBar = exports.Dropdown = exports.DesktopTabBar = exports.DesktopHeaderBar = exports.DesktopAlertDialog = exports.ContextMenuItem = exports.ContextMenu = exports.Chip = exports.Checkbox = exports.ChatList = exports.ChatBubbleListItem = exports.CardList = exports.Card = exports.BoxItem = exports.BodyTextGroup = exports.BlogTextField = exports.BasicListItem = exports.BasicList = exports.BasicFormGroup = exports.BasicChatListItem = exports.BasicButtonGroup = exports.AdminListItem = exports.AdminListHeader = exports.AdminList = void 0;
+exports.Calendar = exports.UserDesktopSideTab = exports.UserDesktopTabBar = exports.UserDesktopNavBar = void 0;
 var AdminList_1 = require("./AdminList");
 Object.defineProperty(exports, "AdminList", { enumerable: true, get: function () { return AdminList_1.AdminList; } });
 var AdminListHeader_1 = require("./AdminListHeader");
@@ -81,8 +81,6 @@ var Radio_1 = require("./Radio");
 Object.defineProperty(exports, "Radio", { enumerable: true, get: function () { return Radio_1.Radio; } });
 var ReactionButton_1 = require("./ReactionButton");
 Object.defineProperty(exports, "ReactionButton", { enumerable: true, get: function () { return ReactionButton_1.ReactionButton; } });
-var RichTextEditor_1 = require("./RichTextEditor");
-Object.defineProperty(exports, "RichTextEditor", { enumerable: true, get: function () { return RichTextEditor_1.RichTextEditor; } });
 var SegmentedButtonGroup_1 = require("./SegmentedButtonGroup");
 Object.defineProperty(exports, "SegmentedButtonGroup", { enumerable: true, get: function () { return SegmentedButtonGroup_1.SegmentedButtonGroup; } });
 var Select_1 = require("./Select");

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

@@ -8,5 +8,5 @@ export { ContainersBox as WSContainersBox } from './layout/LayoutWS/ContainersBo
 export { LayoutWT } from './layout/LayoutWT';
 export { GlobalMenuContainer as WTGlobalMenuContainer } from './layout/LayoutWT/Containers';
 export { ContainersBox as WTContainersBox } from './layout/LayoutWT/ContainersBox';
-export { AdminList as D_AdminList, AdminListHeader as D_AdminListHeader, AdminListItem as D_AdminListItem, BasicButtonGroup as D_BasicButtonGroup, BasicChatListItem as D_BasicChatListItem, BasicFormGroup as D_BasicFormGroup, BasicList as D_BasicList, BasicListItem as D_BasicListItem, BlogTextField as D_BlogTextField, BodyTextGroup as D_BodyTextGroup, BoxItem as D_BoxItem, Card as D_Card, CardList as D_CardList, ChatBubbleListItem as D_ChatBubbleListItem, ChatList as D_ChatList, Checkbox as D_Checkbox, Chip as D_Chip, ContextMenu as D_ContextMenu, ContextMenuItem as D_ContextMenuItem, DesktopAlertDialog as D_DesktopAlertDialog, DesktopHeaderBar as D_DesktopHeaderBar, DesktopTabBar as D_DesktopTabBar, Dropdown as D_Dropdown, DynamicDesktopNavBar as D_DynamicDesktopNavBar, DynamicDesktopNavBarTemplates as D_DynamicDesktopNavBarTemplates, EditApplyTextField as D_EditApplyTextField, FilterBar as D_FilterBar, FloatingActionButton as D_FloatingActionButton, Hero as D_Hero, HorizontalFormGroup as D_HorizontalFormGroup, IconButton as D_IconButton, ImageSlide as D_ImageSlide, LottieReactionButton as D_LottieReactionButton, MainButton as D_MainButton, PageTitleTextGroup as D_PageTitleTextGroup, Radio as D_Radio, ReactionButton as D_ReactionButton, RichTextEditor as D_RichTextEditor, SegmentedButtonGroup as D_SegmentedButtonGroup, Select as D_Select, Slider as D_Slider, Snackbar as D_Snackbar, StatusBlock as D_StatusBlock, TextButton as D_TextButton, PriceTextField as D_PriceTextField, TextField as D_TextField, TextLabel as D_TextLabel, PriceTextLabel as D_PriceTextLabel, UploadIconButton as D_UploadIconButton, UploadMainButton as D_UploadMainButton, UploadTextButton as D_UploadTextButton, UserDesktopNavBar as D_UserDesktopNavBar, UserDesktopTabBar as D_UserDesktopTabBar, UserDesktopSideTab as D_UserDesktopSideTab, Calendar as D_Calendar } from './components';
+export { AdminList as D_AdminList, AdminListHeader as D_AdminListHeader, AdminListItem as D_AdminListItem, BasicButtonGroup as D_BasicButtonGroup, BasicChatListItem as D_BasicChatListItem, BasicFormGroup as D_BasicFormGroup, BasicList as D_BasicList, BasicListItem as D_BasicListItem, BlogTextField as D_BlogTextField, BodyTextGroup as D_BodyTextGroup, BoxItem as D_BoxItem, Card as D_Card, CardList as D_CardList, ChatBubbleListItem as D_ChatBubbleListItem, ChatList as D_ChatList, Checkbox as D_Checkbox, Chip as D_Chip, ContextMenu as D_ContextMenu, ContextMenuItem as D_ContextMenuItem, DesktopAlertDialog as D_DesktopAlertDialog, DesktopHeaderBar as D_DesktopHeaderBar, DesktopTabBar as D_DesktopTabBar, Dropdown as D_Dropdown, DynamicDesktopNavBar as D_DynamicDesktopNavBar, DynamicDesktopNavBarTemplates as D_DynamicDesktopNavBarTemplates, EditApplyTextField as D_EditApplyTextField, FilterBar as D_FilterBar, FloatingActionButton as D_FloatingActionButton, Hero as D_Hero, HorizontalFormGroup as D_HorizontalFormGroup, IconButton as D_IconButton, ImageSlide as D_ImageSlide, LottieReactionButton as D_LottieReactionButton, MainButton as D_MainButton, PageTitleTextGroup as D_PageTitleTextGroup, Radio as D_Radio, ReactionButton as D_ReactionButton, SegmentedButtonGroup as D_SegmentedButtonGroup, Select as D_Select, Slider as D_Slider, Snackbar as D_Snackbar, StatusBlock as D_StatusBlock, TextButton as D_TextButton, PriceTextField as D_PriceTextField, TextField as D_TextField, TextLabel as D_TextLabel, PriceTextLabel as D_PriceTextLabel, UploadIconButton as D_UploadIconButton, UploadMainButton as D_UploadMainButton, UploadTextButton as D_UploadTextButton, UserDesktopNavBar as D_UserDesktopNavBar, UserDesktopTabBar as D_UserDesktopTabBar, UserDesktopSideTab as D_UserDesktopSideTab, Calendar as D_Calendar } from './components';
 export { AnnotationSheet as D_AnnotationSheet, ContentSheet as D_ContentSheet, DesktopBasicModal as D_DesktopBasicModal, DesktopBasicModalWithTab as D_DesktopBasicModalWithTab, DesktopBasicModalWithTabInfoType, DesktopHeadlessModal as D_DesktopHeadlessModal, DesktopTutorialModal as D_DesktopTutorialModal, DesktopTutorialModalInfoType, SectionSheet as D_SectionSheet } from './panels';

package/dist/src/desktop/index.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.D_Select = exports.D_SegmentedButtonGroup = exports.D_RichTextEditor = exports.D_ReactionButton = exports.D_Radio = exports.D_PageTitleTextGroup = exports.D_MainButton = exports.D_LottieReactionButton = exports.D_ImageSlide = exports.D_IconButton = exports.D_HorizontalFormGroup = exports.D_Hero = exports.D_FloatingActionButton = exports.D_FilterBar = exports.D_EditApplyTextField = exports.D_DynamicDesktopNavBarTemplates = exports.D_DynamicDesktopNavBar = exports.D_Dropdown = exports.D_DesktopTabBar = exports.D_DesktopHeaderBar = exports.D_DesktopAlertDialog = exports.D_ContextMenuItem = exports.D_ContextMenu = exports.D_Chip = exports.D_Checkbox = exports.D_ChatList = exports.D_ChatBubbleListItem = exports.D_CardList = exports.D_Card = exports.D_BoxItem = exports.D_BodyTextGroup = exports.D_BlogTextField = exports.D_BasicListItem = exports.D_BasicList = exports.D_BasicFormGroup = exports.D_BasicChatListItem = exports.D_BasicButtonGroup = exports.D_AdminListItem = exports.D_AdminListHeader = exports.D_AdminList = exports.WTContainersBox = exports.WTGlobalMenuContainer = exports.LayoutWT = exports.WSContainersBox = exports.WSGlobalMenuContainer = exports.LayoutWS = exports.WHContainersBox = exports.LayoutWH = exports.WFContainersBox = exports.LayoutWF = void 0;
-exports.D_SectionSheet = exports.D_DesktopTutorialModal = exports.D_DesktopHeadlessModal = exports.D_DesktopBasicModalWithTab = exports.D_DesktopBasicModal = exports.D_ContentSheet = exports.D_AnnotationSheet = exports.D_Calendar = exports.D_UserDesktopSideTab = exports.D_UserDesktopTabBar = exports.D_UserDesktopNavBar = exports.D_UploadTextButton = exports.D_UploadMainButton = exports.D_UploadIconButton = exports.D_PriceTextLabel = exports.D_TextLabel = exports.D_TextField = exports.D_PriceTextField = exports.D_TextButton = exports.D_StatusBlock = exports.D_Snackbar = exports.D_Slider = void 0;
+exports.D_Slider = exports.D_Select = exports.D_SegmentedButtonGroup = exports.D_ReactionButton = exports.D_Radio = exports.D_PageTitleTextGroup = exports.D_MainButton = exports.D_LottieReactionButton = exports.D_ImageSlide = exports.D_IconButton = exports.D_HorizontalFormGroup = exports.D_Hero = exports.D_FloatingActionButton = exports.D_FilterBar = exports.D_EditApplyTextField = exports.D_DynamicDesktopNavBarTemplates = exports.D_DynamicDesktopNavBar = exports.D_Dropdown = exports.D_DesktopTabBar = exports.D_DesktopHeaderBar = exports.D_DesktopAlertDialog = exports.D_ContextMenuItem = exports.D_ContextMenu = exports.D_Chip = exports.D_Checkbox = exports.D_ChatList = exports.D_ChatBubbleListItem = exports.D_CardList = exports.D_Card = exports.D_BoxItem = exports.D_BodyTextGroup = exports.D_BlogTextField = exports.D_BasicListItem = exports.D_BasicList = exports.D_BasicFormGroup = exports.D_BasicChatListItem = exports.D_BasicButtonGroup = exports.D_AdminListItem = exports.D_AdminListHeader = exports.D_AdminList = exports.WTContainersBox = exports.WTGlobalMenuContainer = exports.LayoutWT = exports.WSContainersBox = exports.WSGlobalMenuContainer = exports.LayoutWS = exports.WHContainersBox = exports.LayoutWH = exports.WFContainersBox = exports.LayoutWF = void 0;
+exports.D_SectionSheet = exports.D_DesktopTutorialModal = exports.D_DesktopHeadlessModal = exports.D_DesktopBasicModalWithTab = exports.D_DesktopBasicModal = exports.D_ContentSheet = exports.D_AnnotationSheet = exports.D_Calendar = exports.D_UserDesktopSideTab = exports.D_UserDesktopTabBar = exports.D_UserDesktopNavBar = exports.D_UploadTextButton = exports.D_UploadMainButton = exports.D_UploadIconButton = exports.D_PriceTextLabel = exports.D_TextLabel = exports.D_TextField = exports.D_PriceTextField = exports.D_TextButton = exports.D_StatusBlock = exports.D_Snackbar = void 0;
 // layoutWF
 var LayoutWF_1 = require("./layout/LayoutWF");
 Object.defineProperty(exports, "LayoutWF", { enumerable: true, get: function () { return LayoutWF_1.LayoutWF; } });
@@ -65,7 +65,6 @@ Object.defineProperty(exports, "D_MainButton", { enumerable: true, get: function
 Object.defineProperty(exports, "D_PageTitleTextGroup", { enumerable: true, get: function () { return components_1.PageTitleTextGroup; } });
 Object.defineProperty(exports, "D_Radio", { enumerable: true, get: function () { return components_1.Radio; } });
 Object.defineProperty(exports, "D_ReactionButton", { enumerable: true, get: function () { return components_1.ReactionButton; } });
-Object.defineProperty(exports, "D_RichTextEditor", { enumerable: true, get: function () { return components_1.RichTextEditor; } });
 Object.defineProperty(exports, "D_SegmentedButtonGroup", { enumerable: true, get: function () { return components_1.SegmentedButtonGroup; } });
 Object.defineProperty(exports, "D_Select", { enumerable: true, get: function () { return components_1.Select; } });
 Object.defineProperty(exports, "D_Slider", { enumerable: true, get: function () { return components_1.Slider; } });

package/dist/src/desktop/layout/LayoutWF/Containers/ContentsContainer/variation/WFA.js

@@ -93,7 +93,7 @@ var overrideStyleContainer1 = (0, styled_components_1.css)(templateObject_11 ||
     var theme = _a.theme, overrideContainer1ColorKey = _a.overrideContainer1ColorKey;
     return overrideContainer1ColorKey && theme[overrideContainer1ColorKey];
 });
-var S_ContentsContainer = styled_components_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  background-color: ", ";\n  border-radius: 24px;\n  display: flex;\n  height: 60vh;\n  justify-content: center;\n  max-height: 640px;\n  overflow-x: hidden;\n  overflow-y: overlay;\n  scrollbar-width: auto !important;\n  ", ";\n  ", ";\n  width: 864px;\n\n  ", "\n  ", "\n"], ["\n  background-color: ", ";\n  border-radius: 24px;\n  display: flex;\n  height: 60vh;\n  justify-content: center;\n  max-height: 640px;\n  overflow-x: hidden;\n  overflow-y: overlay;\n  scrollbar-width: auto !important;\n  ", ";\n  ", ";\n  width: 864px;\n\n  ", "\n  ", "\n"])), function (_a) {
+var S_ContentsContainer = styled_components_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  background-color: ", ";\n  border-radius: 24px;\n  display: flex;\n  height: 60vh;\n  justify-content: center;\n  max-height: 640px;\n  overflow-x: hidden;\n  overflow-y: overlay;\n  width: 864px;\n  ", ";\n  ", ";\n\n  ", "\n  ", "\n"], ["\n  background-color: ", ";\n  border-radius: 24px;\n  display: flex;\n  height: 60vh;\n  justify-content: center;\n  max-height: 640px;\n  overflow-x: hidden;\n  overflow-y: overlay;\n  width: 864px;\n  ", ";\n  ", ";\n\n  ", "\n  ", "\n"])), function (_a) {
     var theme = _a.theme;
     return theme.ui_wizard_contentscontainer01_background;
 }, function (_a) {

package/dist/src/desktop/layout/LayoutWF/Containers/ContentsContainer/variation/WFB.js

@@ -50,7 +50,7 @@ var overrideStyleContainer1 = (0, styled_components_1.css)(templateObject_1 || (
     var theme = _a.theme, overrideContainer1ColorKey = _a.overrideContainer1ColorKey;
     return overrideContainer1ColorKey && theme[overrideContainer1ColorKey];
 });
-var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  align-items: flex-start;\n  background-color: ", ";\n  border-radius: 24px;\n  display: flex;\n  height: 60vh;\n  justify-content: center;\n  max-height: 640px;\n  overflow-x: hidden;\n  overflow-y: overlay;\n  scrollbar-width: auto !important;\n  width: 864px;\n  ", ";\n\n  ", "\n  ", "\n"], ["\n  align-items: flex-start;\n  background-color: ", ";\n  border-radius: 24px;\n  display: flex;\n  height: 60vh;\n  justify-content: center;\n  max-height: 640px;\n  overflow-x: hidden;\n  overflow-y: overlay;\n  scrollbar-width: auto !important;\n  width: 864px;\n  ", ";\n\n  ", "\n  ", "\n"])), function (_a) {
+var S_ContentsContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  align-items: flex-start;\n  background-color: ", ";\n  border-radius: 24px;\n  display: flex;\n  height: 60vh;\n  justify-content: center;\n  max-height: 640px;\n  overflow-x: hidden;\n  overflow-y: overlay;\n  width: 864px;\n  ", ";\n\n  ", "\n  ", "\n"], ["\n  align-items: flex-start;\n  background-color: ", ";\n  border-radius: 24px;\n  display: flex;\n  height: 60vh;\n  justify-content: center;\n  max-height: 640px;\n  overflow-x: hidden;\n  overflow-y: overlay;\n  width: 864px;\n  ", ";\n\n  ", "\n  ", "\n"])), function (_a) {
     var theme = _a.theme;
     return theme.ui_wizard_contentscontainer01_background;
 }, function (_a) {

package/dist/src/desktop/layout/LayoutWF/Containers/ContentsContainer/variation/WFE.js

@@ -60,7 +60,7 @@ var overrideStyleContainer1 = (0, styled_components_1.css)(templateObject_11 ||
     var theme = _a.theme, overrideContainer1ColorKey = _a.overrideContainer1ColorKey;
     return overrideContainer1ColorKey && theme[overrideContainer1ColorKey];
 });
-var S_ContentsContainer = styled_components_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  align-items: flex-start;\n  background-color: ", ";\n  display: flex;\n  height: 60vh;\n  justify-content: center;\n  max-height: 640px;\n  scrollbar-width: auto !important;\n  ", ";\n  ", ";\n\n  ", "\n  ", "\n"], ["\n  align-items: flex-start;\n  background-color: ", ";\n  display: flex;\n  height: 60vh;\n  justify-content: center;\n  max-height: 640px;\n  scrollbar-width: auto !important;\n  ", ";\n  ", ";\n\n  ", "\n  ", "\n"])), function (_a) {
+var S_ContentsContainer = styled_components_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  align-items: flex-start;\n  background-color: ", ";\n  display: flex;\n  height: 60vh;\n  justify-content: center;\n  max-height: 640px;\n\n  ", ";\n  ", ";\n\n  ", "\n  ", "\n"], ["\n  align-items: flex-start;\n  background-color: ", ";\n  display: flex;\n  height: 60vh;\n  justify-content: center;\n  max-height: 640px;\n\n  ", ";\n  ", ";\n\n  ", "\n  ", "\n"])), function (_a) {
     var theme = _a.theme;
     return theme.ui_wizard_contentscontainer01_background;
 }, function (_a) {