pds-dev-kit-web-test 2.5.658 → 2.5.659

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

@@ -41,11 +41,17 @@ var calendarUtils_1 = require("./calendarUtils");
 var constants_1 = require("./constants");
 var DailyView_1 = require("./DailyView");
 var MonthlyView_1 = require("./MonthlyView");
+var types_1 = require("./types");
 var WeeklyView_1 = require("./WeeklyView");
 var YearlyView_1 = require("./YearlyView");
 var Calendar = function (_a) {
     var _b;
-    var _c = _a.defaultViewType, defaultViewType = _c === void 0 ? 'str_fm_month' : _c, _d = _a.viewTypes, viewTypes = _d === void 0 ? ['str_fm_month', 'str_fm_week', 'str_fm_day', 'str_fm_year'] : _d, _e = _a.displayAllDayScheduleMode, displayAllDayScheduleMode = _e === void 0 ? 'none' : _e, _f = _a.startOfWeek, startOfWeek = _f === void 0 ? 'sunday' : _f, _g = _a.todayBtnMode, todayBtnMode = _g === void 0 ? 'use' : _g, _h = _a.schedules, schedules = _h === void 0 ? [] : _h, config = _a.config, onActionDispatch = _a.onActionDispatch;
+    var _c = _a.defaultViewType, defaultViewType = _c === void 0 ? types_1.CalendarViewType.MONTH : _c, _d = _a.viewTypes, viewTypes = _d === void 0 ? [
+        types_1.CalendarViewType.MONTH,
+        types_1.CalendarViewType.WEEK,
+        types_1.CalendarViewType.DAY,
+        types_1.CalendarViewType.YEAR
+    ] : _d, _e = _a.displayAllDayScheduleMode, displayAllDayScheduleMode = _e === void 0 ? 'none' : _e, _f = _a.startOfWeek, startOfWeek = _f === void 0 ? 'sunday' : _f, _g = _a.todayBtnMode, todayBtnMode = _g === void 0 ? 'use' : _g, _h = _a.schedules, schedules = _h === void 0 ? [] : _h, config = _a.config, onActionDispatch = _a.onActionDispatch;
     var _j = (0, react_i18next_1.useTranslation)('translation'), t = _j.t, i18n = _j.i18n;
     var _k = (0, react_1.useState)(defaultViewType), currentViewType = _k[0], setCurrentViewType = _k[1];
     var _l = (0, react_1.useState)(new Date()), selectedDate = _l[0], setSelectedDate = _l[1];
@@ -98,13 +104,13 @@ var Calendar = function (_a) {
         var increment = direction === 'next' ? 1 : -1;
         var getNewDateByViewType = function (viewType) {
             switch (viewType) {
-                case 'str_fm_day':
+                case types_1.CalendarViewType.DAY:
                     return dateHelper_1.DateHelper.addDays(selectedDate, increment);
-                case 'str_fm_week':
+                case types_1.CalendarViewType.WEEK:
                     return dateHelper_1.DateHelper.addDays(selectedDate, increment * 7);
-                case 'str_fm_month':
+                case types_1.CalendarViewType.MONTH:
                     return dateHelper_1.DateHelper.addMonths(selectedDate, increment);
-                case 'str_fm_year':
+                case types_1.CalendarViewType.YEAR:
                     return new Date(selectedDate.getFullYear() + increment, selectedDate.getMonth(), selectedDate.getDate());
                 default:
                     return selectedDate;
@@ -255,7 +261,7 @@ var Calendar = function (_a) {
         var duration = originalEndDate.getTime() - originalStartDate.getTime();
         var getAdjustedStartDate = function () {
             var baseDate = new Date(date);
-            if (currentViewType === 'str_fm_month') {
+            if (currentViewType === types_1.CalendarViewType.MONTH) {
                 var target = e.target;
                 var gridContainer = target.closest('[data-calendar-grid]');
                 if (gridContainer) {
@@ -295,18 +301,26 @@ var Calendar = function (_a) {
         t('str_3891'),
         t('str_3892') // 토 -  6
     ]; }, [t]);
-    // 날짜의 실제 요일에 따른 요일 텍스트 가져오기
     var getDayTextByDate = function (date) {
         return defaultDayTexts[date.getDay()];
     };
-    // 뷰 타입을 위한 드롭다운 옵션 생성
+    var getTranslationKey = function (viewType) {
+        var _a;
+        var _b;
+        var TRANSLATION_KEYS = (_a = {},
+            _a[types_1.CalendarViewType.MONTH] = 'str_fm_month',
+            _a[types_1.CalendarViewType.WEEK] = 'str_fm_week',
+            _a[types_1.CalendarViewType.DAY] = 'str_fm_day',
+            _a[types_1.CalendarViewType.YEAR] = 'str_fm_year',
+            _a);
+        return (_b = TRANSLATION_KEYS[viewType]) !== null && _b !== void 0 ? _b : 'str_fm_month';
+    };
     var viewTypeOptions = (0, react_1.useMemo)(function () {
         return viewTypes.map(function (viewType) { return ({
-            text: t(viewType),
+            text: t(getTranslationKey(viewType)),
             value: viewType
         }); });
     }, [viewTypes, t]);
-    // 특정 월의 캘린더 날짜 생성 (연간 보기용)
     var getMonthDates = (0, react_1.useCallback)(function (year, month) {
         var monthDate = new Date(year, month, 1);
         return dateHelper_1.DateHelper.getCalendarDates(monthDate, startOfWeek);
@@ -346,14 +360,14 @@ var Calendar = function (_a) {
     };
     // 주간 뷰로 전환하는 핸들러
     var handleSwitchToWeeklyView = (0, react_1.useCallback)(function (date) {
-        setCurrentViewType('str_fm_week');
+        setCurrentViewType(types_1.CalendarViewType.WEEK);
         setSelectedDate(date);
         // 주간 뷰로 전환할 때의 startDate와 endDate 계산
-        var _a = (0, calendarUtils_1.calculateDateRange)('str_fm_week', date), newStartDate = _a.startDate, newEndDate = _a.endDate;
+        var _a = (0, calendarUtils_1.calculateDateRange)(types_1.CalendarViewType.WEEK, date), newStartDate = _a.startDate, newEndDate = _a.endDate;
         onActionDispatch === null || onActionDispatch === void 0 ? void 0 : onActionDispatch({
             type: 'CALENDAR_TYPE_CHANGE',
             payload: {
-                type: 'str_fm_week',
+                type: types_1.CalendarViewType.WEEK,
                 startDate: (0, calendarUtils_1.toUTC)(newStartDate),
                 endDate: (0, calendarUtils_1.toUTC)(newEndDate)
             }
@@ -381,22 +395,22 @@ var Calendar = function (_a) {
         var monthNumber = selectedDate.getMonth() + 1;
         var day = selectedDate.getDate();
         var locale = (0, constants_1.getLocaleFromLang)(i18n.language);
-        if (viewType === 'str_fm_day') {
+        if (viewType === types_1.CalendarViewType.DAY) {
             return t('str_calendar_daily_header', { year: year, month: monthNumber, day: day });
         }
-        if (viewType === 'str_fm_week') {
+        if (viewType === types_1.CalendarViewType.WEEK) {
             return t('str_calendar_weekly_header', {
                 year: year,
                 month: locale === 'en-US' ? t(getMonthStringKey(monthNumber)) : monthNumber
             });
         }
-        if (viewType === 'str_fm_month') {
+        if (viewType === types_1.CalendarViewType.MONTH) {
             return t('str_calendar_monthly_header', {
                 year: year,
                 month: locale === 'en-US' ? t(getMonthStringKey(monthNumber)) : monthNumber
             });
         }
-        if (viewType === 'str_fm_year') {
+        if (viewType === types_1.CalendarViewType.YEAR) {
             return t('str_calendar_yearly_header', { year: year });
         }
         return '';
@@ -404,13 +418,13 @@ var Calendar = function (_a) {
     // 뷰 타입에 따른 캘린더 콘텐츠 렌더링
     var renderCalendarContent = function () {
         switch (currentViewType) {
-            case 'str_fm_month':
+            case types_1.CalendarViewType.MONTH:
                 return ((0, jsx_runtime_1.jsx)(MonthlyView_1.MonthlyView, { getDayTextByDate: getDayTextByDate, startOfWeek: startOfWeek, selectedDate: selectedDate, selectedDates: selectedDates, dragStartDate: dragStartDate, selectedSchedules: selectedSchedules, dragEndDate: dragEndDate, isDragOverDate: isDragOverDate, schedules: schedules, getSchedulesForDate: getSchedulesForDate, isToday: isToday, isPastDate: isPastDate, handleDateClick: handleDateClick, handleScheduleClick: handleScheduleClick, handleMouseUp: handleMouseUp, handleDateDragOver: handleDateDragOver, handleDateDragLeave: handleDateDragLeave, handleDateDrop: handleDateDrop, handleScheduleDragStart: handleScheduleDragStart, handleScheduleDragEnd: handleScheduleDragEnd, isDraggable: isDraggable, onSwitchToWeeklyView: handleSwitchToWeeklyView, config: config }));
-            case 'str_fm_week':
+            case types_1.CalendarViewType.WEEK:
                 return (0, jsx_runtime_1.jsx)(WeeklyView_1.WeeklyView, { startOfWeek: startOfWeek, schedules: schedules, config: config });
-            case 'str_fm_day':
+            case types_1.CalendarViewType.DAY:
                 return (0, jsx_runtime_1.jsx)(DailyView_1.DailyView, { schedules: schedules, config: config });
-            case 'str_fm_year':
+            case types_1.CalendarViewType.YEAR:
                 return ((0, jsx_runtime_1.jsx)(YearlyView_1.YearlyView, { selectedDate: selectedDate, getMonthDates: getMonthDates, getDayTextByDate: getDayTextByDate, startOfWeek: startOfWeek, isToday: isToday, handleDateClick: handleDateClick, getSchedulesForDate: getSchedulesForDate }));
             default:
                 return null;

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

@@ -9,24 +9,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CurrentTimeIndicator = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var i18next_1 = __importDefault(require("i18next"));
 var react_1 = require("react");
-var react_i18next_1 = require("react-i18next");
 var styled_components_1 = __importDefault(require("styled-components"));
-var constants_1 = require("./constants");
 var CurrentTimeIndicator = function (_a) {
     var show = _a.show, _b = _a.leftOffset, leftOffset = _b === void 0 ? '80px' : _b;
-    var i18n = (0, react_i18next_1.useTranslation)('translation').i18n;
     var getCurrentTime = (0, react_1.useCallback)(function () {
-        var now = new Date();
-        var locale = (0, constants_1.getLocaleFromLang)(i18next_1.default.language);
-        var timeInTimezone = new Date(now.toLocaleString(locale));
+        var timeInTimezone = new Date();
+        var hour = timeInTimezone.getHours();
+        var minute = timeInTimezone.getMinutes();
+        // 절대 위치 계산 (각 시간 슬롯이 60px 높이)
+        var pixelPosition = hour * 60 + (minute / 60) * 60;
         return {
-            hour: timeInTimezone.getHours(),
-            minute: timeInTimezone.getMinutes(),
-            percentage: ((timeInTimezone.getHours() * 60 + timeInTimezone.getMinutes()) / (24 * 60)) * 100
+            hour: hour,
+            minute: minute,
+            pixelPosition: pixelPosition
         };
-    }, [i18n.language]);
+    }, []);
     var _c = (0, react_1.useState)(getCurrentTime()), currentTime = _c[0], setCurrentTime = _c[1];
     (0, react_1.useEffect)(function () {
         var updateTime = function () {
@@ -36,7 +34,7 @@ var CurrentTimeIndicator = function (_a) {
         var interval = setInterval(updateTime, 60000);
         return function () { return clearInterval(interval); };
     }, [getCurrentTime]);
-    return ((0, jsx_runtime_1.jsx)(S_CurrentTimeIndicator, { "$show": show, "$top": "".concat(currentTime.percentage, "%"), "$leftOffset": leftOffset }));
+    return ((0, jsx_runtime_1.jsx)(S_CurrentTimeIndicator, { "$show": show, "$top": "".concat(currentTime.pixelPosition, "px"), "$leftOffset": leftOffset }));
 };
 exports.CurrentTimeIndicator = CurrentTimeIndicator;
 var S_CurrentTimeIndicator = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background: ", ";\n  display: ", ";\n  height: 2px;\n  left: ", ";\n  position: absolute;\n  right: 0;\n  top: ", ";\n  z-index: 10;\n\n  &::before {\n    background: ", ";\n    border-radius: 50%;\n    content: '';\n    height: 8px;\n    left: -4px;\n    position: absolute;\n    top: -3px;\n    width: 8px;\n  }\n"], ["\n  background: ", ";\n  display: ", ";\n  height: 2px;\n  left: ", ";\n  position: absolute;\n  right: 0;\n  top: ", ";\n  z-index: 10;\n\n  &::before {\n    background: ", ";\n    border-radius: 50%;\n    content: '';\n    height: 8px;\n    left: -4px;\n    position: absolute;\n    top: -3px;\n    width: 8px;\n  }\n"])), function (_a) {

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

@@ -1,4 +1,4 @@
-import type { CalendarViewType } from './types';
+import { CalendarViewType } from './types';
 /**
  * 일정이 종일 일정인지 확인하는 함수
  * @param startDate 시작 날짜

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

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.toUTC = exports.calculateDateRange = exports.calculateIsAllDay = void 0;
 var dateHelper_1 = require("../../../common/utils/dateHelper");
+var types_1 = require("./types");
 /**
  * 일정이 종일 일정인지 확인하는 함수
  * @param startDate 시작 날짜
@@ -22,16 +23,16 @@ var calculateIsAllDay = function (startDate, endDate) {
 exports.calculateIsAllDay = calculateIsAllDay;
 var calculateDateRange = function (viewType, baseDate) {
     switch (viewType) {
-        case 'str_fm_day':
+        case types_1.CalendarViewType.DAY:
             return { startDate: baseDate, endDate: baseDate };
-        case 'str_fm_week': {
+        case types_1.CalendarViewType.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 'str_fm_month': {
+        case types_1.CalendarViewType.MONTH: {
             var startDate = new Date(baseDate.getFullYear(), baseDate.getMonth(), 1);
             // 실제 MonthlyView에서 보여지는 날짜 배열을 구함
             var days = dateHelper_1.DateHelper.getCalendarDatesForCalendar(startDate, 'sunday');
@@ -40,7 +41,7 @@ var calculateDateRange = function (viewType, baseDate) {
                 endDate: days[days.length - 1]
             };
         }
-        case 'str_fm_year':
+        case types_1.CalendarViewType.YEAR:
             return {
                 startDate: new Date(baseDate.getFullYear(), 0, 1),
                 endDate: new Date(baseDate.getFullYear(), 11, 31)

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

@@ -8,7 +8,8 @@ export { TimeBasedScheduleItem } from './TimeBasedScheduleItem';
 export { WeeklyView } from './WeeklyView';
 export { YearlyView } from './YearlyView';
 export * from './timeFormatUtils';
-export type { CalendarProps, Schedule, CalendarViewType, displayAllDayScheduleMode, StartOfWeek, TodayBtnMode, Config, CalendarAction } from './types';
+export { CalendarViewType } from './types';
+export type { CalendarProps, Schedule, displayAllDayScheduleMode, StartOfWeek, TodayBtnMode, Config, CalendarAction } from './types';
 export { getLocaleFromLang } from './constants';
 export type { ScheduleItemExtraProps } from './ScheduleItem';
 export type { ScheduleItemExtraProps as CalendarContextExtraProps } from './CalendarContext';

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

@@ -17,7 +17,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getLocaleFromLang = exports.YearlyView = exports.WeeklyView = exports.TimeBasedScheduleItem = exports.ScheduleItem = exports.MonthlyView = exports.DailyView = exports.useCalendarContext = exports.CalendarProvider = exports.Calendar = exports.AllDaySchedulesSection = void 0;
+exports.getLocaleFromLang = exports.CalendarViewType = exports.YearlyView = exports.WeeklyView = exports.TimeBasedScheduleItem = exports.ScheduleItem = exports.MonthlyView = exports.DailyView = exports.useCalendarContext = exports.CalendarProvider = exports.Calendar = exports.AllDaySchedulesSection = void 0;
 var AllDaySchedulesSection_1 = require("./AllDaySchedulesSection");
 Object.defineProperty(exports, "AllDaySchedulesSection", { enumerable: true, get: function () { return AllDaySchedulesSection_1.AllDaySchedulesSection; } });
 var Calendar_1 = require("./Calendar");
@@ -38,5 +38,7 @@ Object.defineProperty(exports, "WeeklyView", { enumerable: true, get: function (
 var YearlyView_1 = require("./YearlyView");
 Object.defineProperty(exports, "YearlyView", { enumerable: true, get: function () { return YearlyView_1.YearlyView; } });
 __exportStar(require("./timeFormatUtils"), exports);
+var types_1 = require("./types");
+Object.defineProperty(exports, "CalendarViewType", { enumerable: true, get: function () { return types_1.CalendarViewType; } });
 var constants_1 = require("./constants");
 Object.defineProperty(exports, "getLocaleFromLang", { enumerable: true, get: function () { return constants_1.getLocaleFromLang; } });

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

@@ -1,5 +1,10 @@
 /// <reference types="react" />
-export type CalendarViewType = 'str_fm_month' | 'str_fm_week' | 'str_fm_day' | 'str_fm_year';
+export declare enum CalendarViewType {
+    MONTH = "MONTH",
+    WEEK = "WEEK",
+    DAY = "DAY",
+    YEAR = "YEAR"
+}
 export type displayAllDayScheduleMode = 'none' | 'use';
 export type StartOfWeek = 'sunday' | 'monday';
 export type TodayBtnMode = 'none' | 'use';

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

@@ -1,2 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.CalendarViewType = void 0;
+var CalendarViewType;
+(function (CalendarViewType) {
+    CalendarViewType["MONTH"] = "MONTH";
+    CalendarViewType["WEEK"] = "WEEK";
+    CalendarViewType["DAY"] = "DAY";
+    CalendarViewType["YEAR"] = "YEAR";
+})(CalendarViewType = exports.CalendarViewType || (exports.CalendarViewType = {}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web-test",
-  "version": "2.5.658",
+  "version": "2.5.659",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",

package/release-note.md

@@ -1,7 +1,6 @@
 # PDS-DEV-KIT-WEB Release Notes
-## [v2.2.223]
+## [v2.2.224]
 ## daily|https://design.storybook.publ.biz/
 
 ### 업데이트 사항
-* [PDS-1348] (재수정) MobileTabBar 디바이더 관련 수정 건
-* [PDS-1347] BoxItem selectedState / checkboxMode 분리 업데이트
+* [PDS-1351] RichTextEditor의 톤 적용이 되지 않는 현상