pds-dev-kit-web-test 2.5.509 → 2.5.511

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

@@ -1,76 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.YearlyView = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_i18next_1 = require("react-i18next");
-var styled_components_1 = __importDefault(require("styled-components"));
-var TextLabel_1 = require("../TextLabel");
-var YearlyView = function (_a) {
-    var selectedDate = _a.selectedDate, getMonthDates = _a.getMonthDates, getDayTextByDate = _a.getDayTextByDate, startOfWeek = _a.startOfWeek, isToday = _a.isToday, handleDateClick = _a.handleDateClick, getSchedulesForDate = _a.getSchedulesForDate;
-    var t = (0, react_i18next_1.useTranslation)().t;
-    var currentYear = selectedDate.getFullYear();
-    var orderedDayTexts = (function () {
-        var weekDates = [];
-        var today = new Date();
-        var startIndex = startOfWeek === 'monday' ? 1 : 0;
-        var firstDayOfWeek = new Date(today);
-        firstDayOfWeek.setDate(today.getDate() - ((today.getDay() - startIndex + 7) % 7));
-        for (var i = 0; i < 7; i += 1) {
-            var date = new Date(firstDayOfWeek);
-            date.setDate(firstDayOfWeek.getDate() + i);
-            weekDates.push(getDayTextByDate(date));
-        }
-        return weekDates;
-    })();
-    var getDateColorTheme = function (isTodayDate) {
-        if (isTodayDate) {
-            return 'sysTextBrandPrimary';
-        }
-        return 'sysTextTertiary';
-    };
-    return ((0, jsx_runtime_1.jsx)(S_YearlyGrid, { children: Array.from({ length: 12 }, function (_unused, monthIndex) {
-            var monthDates = getMonthDates(currentYear, monthIndex);
-            return ((0, jsx_runtime_1.jsxs)(S_YearlyMonth, { children: [(0, jsx_runtime_1.jsx)(S_YearlyMonthHeader, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: t("calendar_month_".concat(monthIndex + 1)), styleTheme: "body1Bold", colorTheme: "sysTextBrandPrimary" }) }), (0, jsx_runtime_1.jsxs)(S_YearlyMiniCalendar, { children: [(0, jsx_runtime_1.jsx)(S_YearlyDayHeaders, { children: orderedDayTexts.map(function (day, index) { return ((0, jsx_runtime_1.jsx)(S_YearlyDayHeader, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: day, styleTheme: "caption2Regular", textAlign: "center", colorTheme: "sysTextTertiary" }) }, "".concat(day, "-").concat(index))); }) }), (0, jsx_runtime_1.jsx)(S_YearlyDatesGrid, { children: monthDates.map(function (date, dateIndex) {
-                                    var isCurrentMonth = date.getMonth() === monthIndex;
-                                    var isTodayDate = isToday(date);
-                                    var hasSchedule = getSchedulesForDate(date).length > 0;
-                                    return ((0, jsx_runtime_1.jsxs)(S_YearlyDateCell, __assign({ "$isToday": isTodayDate, "$isCurrentMonth": isCurrentMonth, onClick: function () { return handleDateClick(date); } }, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: date.getDate().toString(), styleTheme: "caption2Regular", textAlign: "center", colorTheme: getDateColorTheme(isTodayDate) }), hasSchedule && (0, jsx_runtime_1.jsx)(S_Dot, {})] }), dateIndex));
-                                }) })] })] }, monthIndex));
-        }) }));
-};
-exports.YearlyView = YearlyView;
-// Styled Components
-var S_YearlyGrid = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: grid;\n  gap: 24px 32px;\n  grid-template-columns: repeat(4, 1fr);\n  margin: 0 auto;\n  max-width: 1200px;\n  padding: 24px;\n"], ["\n  display: grid;\n  gap: 24px 32px;\n  grid-template-columns: repeat(4, 1fr);\n  margin: 0 auto;\n  max-width: 1200px;\n  padding: 24px;\n"])));
-var S_YearlyMonth = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  min-width: 240px;\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  min-width: 240px;\n"])));
-var S_YearlyMonthHeader = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  padding-left: 4px;\n"], ["\n  padding-left: 4px;\n"])));
-var S_YearlyMiniCalendar = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n"])));
-var S_YearlyDayHeaders = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: grid;\n  gap: 1px;\n  grid-template-columns: repeat(7, 1fr);\n"], ["\n  display: grid;\n  gap: 1px;\n  grid-template-columns: repeat(7, 1fr);\n"])));
-var S_YearlyDayHeader = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  justify-content: center;\n  min-height: 20px;\n  padding: 4px 2px;\n  text-align: center;\n"], ["\n  align-items: center;\n  display: flex;\n  justify-content: center;\n  min-height: 20px;\n  padding: 4px 2px;\n  text-align: center;\n"])));
-var S_YearlyDatesGrid = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  display: grid;\n  gap: 1px;\n  grid-template-columns: repeat(7, 1fr);\n"], ["\n  display: grid;\n  gap: 1px;\n  grid-template-columns: repeat(7, 1fr);\n"])));
-var S_YearlyDateCell = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  align-items: center;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  min-height: 24px;\n  opacity: ", ";\n\n  &:hover {\n    background: ", ";\n  }\n"], ["\n  align-items: center;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  min-height: 24px;\n  opacity: ", ";\n\n  &:hover {\n    background: ", ";\n  }\n"])), function (props) { return (props.$isCurrentMonth ? 1 : 0.3); }, function (_a) {
-    var theme = _a.theme;
-    return theme.ui_72;
-});
-var S_Dot = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  background: ", ";\n  border-radius: 50%;\n  height: 5px;\n  margin: 2px auto 0 auto;\n  width: 5px;\n"], ["\n  background: ", ";\n  border-radius: 50%;\n  height: 5px;\n  margin: 2px auto 0 auto;\n  width: 5px;\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_icon_sys_grey_02;
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;

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

@@ -1,24 +0,0 @@
-import type { CalendarViewType } from './types';
-import type { TFunction } from 'i18next';
-/**
- * 일정이 종일 일정인지 확인하는 함수
- * @param startDate 시작 날짜
- * @param endDate 종료 날짜
- * @returns 종일 일정 여부
- */
-export declare const calculateIsAllDay: (startDate: Date, endDate: Date) => boolean;
-export declare const calculateDateRange: (viewType: CalendarViewType, baseDate: Date) => {
-    startDate: Date;
-    endDate: Date;
-};
-/**
- * 뷰 타입에 따른 헤더 텍스트를 반환하는 함수
- * @param viewType 캘린더 뷰 타입 (DAILY, WEEKLY, MONTHLY, YEARLY)
- * @param selectedDate 선택된 날짜
- * @param t 다국어 변환 함수 (i18next)
- * @param monthNames 월 이름 배열 (예: ['1월', '2월', ...])
- * @param getDayTextByDate 날짜에 따른 요일 텍스트 반환 함수
- * @returns 헤더에 표시할 텍스트
- */
-export declare const getHeaderText: (viewType: CalendarViewType, selectedDate: Date, t: TFunction) => string;
-export declare const toUTC: (date: Date | null | undefined) => string | null;

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

@@ -1,87 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.toUTC = exports.getHeaderText = exports.calculateDateRange = exports.calculateIsAllDay = void 0;
-var dateHelper_1 = require("../../../common/utils/dateHelper");
-/**
- * 일정이 종일 일정인지 확인하는 함수
- * @param startDate 시작 날짜
- * @param endDate 종료 날짜
- * @returns 종일 일정 여부
- */
-var calculateIsAllDay = function (startDate, endDate) {
-    // 시작 시간이 00:00:00(UTC)이고 종료 시간이 23:59:59(UTC)인 경우를 체크
-    var isStartAtMidnight = startDate.getUTCHours() === 0 &&
-        startDate.getUTCMinutes() === 0 &&
-        startDate.getUTCSeconds() === 0;
-    var isEndAtEndOfDay = endDate.getUTCHours() === 23 &&
-        endDate.getUTCMinutes() === 59 &&
-        endDate.getUTCSeconds() === 59;
-    // 시작 시간이 00:00:00(UTC)이고 종료 시간이 23:59:59(UTC)인 경우를 전체일로 간주
-    return isStartAtMidnight && isEndAtEndOfDay;
-};
-exports.calculateIsAllDay = calculateIsAllDay;
-var calculateDateRange = function (viewType, baseDate) {
-    switch (viewType) {
-        case 'DAILY':
-            return { startDate: baseDate, endDate: baseDate };
-        case 'WEEKLY': {
-            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': {
-            var startDate = new Date(baseDate.getFullYear(), baseDate.getMonth(), 1);
-            // 실제 MonthlyView에서 보여지는 날짜 배열을 구함
-            var days = dateHelper_1.DateHelper.getCalendarDatesForCalendar(startDate, 'sunday');
-            return {
-                startDate: days[0],
-                endDate: days[days.length - 1]
-            };
-        }
-        case 'YEARLY':
-            return {
-                startDate: new Date(baseDate.getFullYear(), 0, 1),
-                endDate: new Date(baseDate.getFullYear(), 11, 31)
-            };
-        default:
-            return { startDate: baseDate, endDate: baseDate };
-    }
-};
-exports.calculateDateRange = calculateDateRange;
-/**
- * 뷰 타입에 따른 헤더 텍스트를 반환하는 함수
- * @param viewType 캘린더 뷰 타입 (DAILY, WEEKLY, MONTHLY, YEARLY)
- * @param selectedDate 선택된 날짜
- * @param t 다국어 변환 함수 (i18next)
- * @param monthNames 월 이름 배열 (예: ['1월', '2월', ...])
- * @param getDayTextByDate 날짜에 따른 요일 텍스트 반환 함수
- * @returns 헤더에 표시할 텍스트
- */
-var getHeaderText = function (viewType, selectedDate, t) {
-    var year = selectedDate.getFullYear();
-    var monthNumber = selectedDate.getMonth() + 1;
-    var day = selectedDate.getDate();
-    if (viewType === 'DAILY') {
-        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 === 'MONTHLY') {
-        return t('str_calendar_monthly_header', { year: year, month: monthNumber });
-    }
-    if (viewType === 'YEARLY') {
-        return t('str_calendar_yearly_header', { year: year });
-    }
-    return '';
-};
-exports.getHeaderText = getHeaderText;
-// Date를 UTC 시간으로 변환
-var toUTC = function (date) {
-    if (!(date instanceof Date))
-        return null;
-    return date.toISOString();
-};
-exports.toUTC = toUTC;

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

@@ -1 +0,0 @@
-export declare const getLocaleFromLang: (lang: string) => string;

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

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getLocaleFromLang = void 0;
-// Map language codes to locales for toLocaleString
-var getLocaleFromLang = function (lang) {
-    switch (lang.toLowerCase()) {
-        case 'ko':
-        case 'ko-kr':
-            return 'ko-KR';
-        case 'ja':
-        case 'ja-jp':
-            return 'ja-JP';
-        case 'zh':
-        case 'zh-cn':
-            return 'zh-CN';
-        case 'zh-tw':
-            return 'zh-TW';
-        case 'zh-hk':
-            return 'zh-HK';
-        case 'fil':
-            return 'fil-PH';
-        case 'es':
-        case 'es-es':
-            return 'es-ES';
-        case 'en':
-        case 'en-us':
-        default:
-            return 'en-US';
-    }
-};
-exports.getLocaleFromLang = getLocaleFromLang;

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

@@ -1,10 +0,0 @@
-export { default as Calendar } from './Calendar';
-export { AllDaySchedulesSection } from './AllDaySchedulesSection';
-export { CurrentTimeIndicator } from './CurrentTimeIndicator';
-export { MonthlyView } from './MonthlyView';
-export { WeeklyView } from './WeeklyView';
-export { DailyView } from './DailyView';
-export { YearlyView } from './YearlyView';
-export * from './timeFormatUtils';
-export type { Schedule, CalendarViewType, CalendarProps, displayAllDayScheduleMode, StartOfWeek, TodayBtnMode, Config, ConfigTrigger } from './types';
-export { getLocaleFromLang } from './constants';

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

@@ -1,37 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-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.DailyView = exports.WeeklyView = exports.MonthlyView = exports.CurrentTimeIndicator = exports.AllDaySchedulesSection = exports.Calendar = void 0;
-var Calendar_1 = require("./Calendar");
-Object.defineProperty(exports, "Calendar", { enumerable: true, get: function () { return __importDefault(Calendar_1).default; } });
-var AllDaySchedulesSection_1 = require("./AllDaySchedulesSection");
-Object.defineProperty(exports, "AllDaySchedulesSection", { enumerable: true, get: function () { return AllDaySchedulesSection_1.AllDaySchedulesSection; } });
-var CurrentTimeIndicator_1 = require("./CurrentTimeIndicator");
-Object.defineProperty(exports, "CurrentTimeIndicator", { enumerable: true, get: function () { return CurrentTimeIndicator_1.CurrentTimeIndicator; } });
-var MonthlyView_1 = require("./MonthlyView");
-Object.defineProperty(exports, "MonthlyView", { enumerable: true, get: function () { return MonthlyView_1.MonthlyView; } });
-var WeeklyView_1 = require("./WeeklyView");
-Object.defineProperty(exports, "WeeklyView", { enumerable: true, get: function () { return WeeklyView_1.WeeklyView; } });
-var DailyView_1 = require("./DailyView");
-Object.defineProperty(exports, "DailyView", { enumerable: true, get: function () { return DailyView_1.DailyView; } });
-var YearlyView_1 = require("./YearlyView");
-Object.defineProperty(exports, "YearlyView", { enumerable: true, get: function () { return YearlyView_1.YearlyView; } });
-__exportStar(require("./timeFormatUtils"), exports);
-var constants_1 = require("./constants");
-Object.defineProperty(exports, "getLocaleFromLang", { enumerable: true, get: function () { return constants_1.getLocaleFromLang; } });

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

@@ -1,16 +0,0 @@
-import type { TFunction } from 'react-i18next';
-/**
- * 로케일에 따라 시간을 문자열로 포맷팅
- * @param hour - 시간 (0-23)
- * @param currentLang - 현재 언어 코드
- * @returns 포맷팅된 시간 문자열
- */
-export declare const formatHour: (hour: number, currentLang: string) => string;
-/**
- * 로케일별 텍스트로 시간 포맷팅 (한국어용)
- * @param hour - 시간 (0-23)
- * @param currentLang - 현재 언어 코드
- * @param t - react-i18next의 번역 함수
- * @returns 로케일별 텍스트가 포함된 포맷팅된 시간 문자열
- */
-export declare const formatTimeWithLocale: (hour: number, currentLang: string, t: TFunction) => string;

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

@@ -1,45 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.formatTimeWithLocale = exports.formatHour = void 0;
-/**
- * 로케일에 따라 시간을 문자열로 포맷팅
- * @param hour - 시간 (0-23)
- * @param currentLang - 현재 언어 코드
- * @returns 포맷팅된 시간 문자열
- */
-var formatHour = function (hour, currentLang) {
-    var is24HourFormat = ['ko', 'ja', 'zh', 'zh-cn', 'zh-tw', 'es'].includes(currentLang);
-    if (is24HourFormat) {
-        return "".concat(hour, ":00");
-    }
-    if (hour === 0)
-        return '12:00 AM';
-    if (hour === 12)
-        return '12:00 PM';
-    if (hour < 12)
-        return "".concat(hour, ":00 AM");
-    return "".concat(hour - 12, ":00 PM");
-};
-exports.formatHour = formatHour;
-/**
- * 로케일별 텍스트로 시간 포맷팅 (한국어용)
- * @param hour - 시간 (0-23)
- * @param currentLang - 현재 언어 코드
- * @param t - react-i18next의 번역 함수
- * @returns 로케일별 텍스트가 포함된 포맷팅된 시간 문자열
- */
-var formatTimeWithLocale = function (hour, currentLang, t) {
-    if (currentLang === 'ko') {
-        if (hour === 12)
-            return t('str_fm_datetime_noon');
-        if (hour < 12) {
-            return hour === 0
-                ? "".concat(t('str_fm_datetime_am', { hour: 12 }))
-                : "".concat(t('str_fm_datetime_am', { hour: hour }));
-        }
-        return "".concat(t('str_fm_datetime_pm', { hour: hour - 12 }));
-    }
-    // 다른 언어의 경우 기본 formatHour 함수 사용
-    return (0, exports.formatHour)(hour, currentLang);
-};
-exports.formatTimeWithLocale = formatTimeWithLocale;

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

@@ -1,61 +0,0 @@
-/// <reference types="react" />
-export type CalendarViewType = 'MONTHLY' | 'WEEKLY' | 'DAILY' | 'YEARLY';
-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 TargetType = 'SCHEDULE' | 'DATE';
-export type Action = {
-    action: ActionType;
-    target: TargetType;
-    date?: Date;
-    dates?: Date[];
-    schedule?: Schedule;
-    schedules?: Schedule[];
-    selectedDates?: Date[];
-    startDate?: string | undefined | null;
-    endDate?: string | undefined | null;
-};
-export type ConfigTrigger = (action: Action) => void;
-export type Config = {
-    [target in TargetType]?: {
-        [action in ActionType]?: ConfigTrigger;
-    };
-};
-export type Schedule = {
-    id: number;
-    title: string;
-    startDate: Date;
-    endDate: Date;
-    isAllDay?: boolean;
-    [key: string]: any;
-};
-export type CalendarActionType = 'CALENDAR_TYPE_CHANGE' | 'PREV_BUTTON_CLICK' | 'NEXT_BUTTON_CLICK' | 'TODAY_BUTTON_CLICK';
-export type CalendarAction = {
-    type: CalendarActionType;
-    payload: {
-        type?: CalendarViewType;
-        startDate: string | undefined | null;
-        endDate: string | undefined | null;
-    };
-};
-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')[];
-    displayAllDayScheduleMode?: displayAllDayScheduleMode;
-    startOfWeek?: StartOfWeek;
-    todayBtnMode?: TodayBtnMode;
-    schedules?: Schedule[];
-    config?: Config;
-    onActionDispatch?: (action: CalendarAction) => void;
-};
-export type EventItemProps = {
-    event: Schedule;
-    date?: Date;
-    extraProps?: Record<string, any>;
-    onDragStart: (event: Schedule, e: React.DragEvent) => void;
-    onDragEnd: (e: React.DragEvent) => void;
-    onClick: (schedule: Schedule, e: React.MouseEvent) => void;
-    onDoubleClick: (schedule: Schedule) => void;
-    isSelected?: boolean;
-};

package/dist/src/desktop/panels/MultilingualModal/MultilingualModal.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import type { MultilingualConfig } from '../../../common/types';
-type MultilingualModalModalProps = {
-    isOpen: boolean;
-    onClose: () => void;
-    config?: MultilingualConfig;
-    size?: 'large' | 'medium' | 'small' | 'rlarge';
-    onHiddenInputUpdate?: (newValue: string) => void;
-};
-declare function MultilingualModal({ isOpen, onClose, config, size, onHiddenInputUpdate }: MultilingualModalModalProps): import("react").ReactPortal | null;
-export default MultilingualModal;

package/dist/src/desktop/panels/MultilingualModal/MultilingualModal.js

@@ -1,198 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var react_dom_1 = __importDefault(require("react-dom"));
-var react_hook_form_1 = require("react-hook-form");
-var react_i18next_1 = require("react-i18next");
-var animationStyle_1 = require("../../../common/styles/movement/animationStyle");
-var components_1 = require("../../components");
-var components_2 = require("../../../hybrid/components");
-var styled_components_1 = __importDefault(require("styled-components"));
-var LANGUAGE_I18N_KEYS = {
-    en: 'str_multilingual_en',
-    ko: 'str_multilingual_ko',
-    ja: 'str_multilingual_ja',
-    zh: 'str_multilingual_zh_cn',
-    'zh-Hant': 'str_multilingual_zh_tw',
-    fr: 'str_multilingual_fr',
-    es: 'str_multilingual_es'
-};
-function MultilingualModal(_a) {
-    var _b;
-    var isOpen = _a.isOpen, onClose = _a.onClose, config = _a.config, _c = _a.size, size = _c === void 0 ? 'medium' : _c, onHiddenInputUpdate = _a.onHiddenInputUpdate;
-    var t = (0, react_i18next_1.useTranslation)().t;
-    // FormProvider에서 사용할 기본값 계산
-    var getDefaultValues = function () {
-        if (!config)
-            return {};
-        // 먼저 hiddenInput에 저장된 값이 있는지 확인
-        if (config.hiddenInputId) {
-            var hiddenInputId = "hiddenInput_".concat(config.hiddenInputId);
-            var hiddenInput = document.getElementById(hiddenInputId);
-            if (hiddenInput && hiddenInput.value) {
-                var existingValues = JSON.parse(hiddenInput.value);
-                // 빈 객체가 아닌 경우에만 사용
-                if (Object.keys(existingValues).length > 0) {
-                    return existingValues;
-                }
-            }
-        }
-        // hiddenInput에 값이 없으면 config.initialValues 사용
-        return config.initialValues || {};
-    };
-    var methods = (0, react_hook_form_1.useForm)({
-        defaultValues: getDefaultValues()
-    });
-    var container = (0, react_1.useState)(function () {
-        var modalRoot = document.createElement('div');
-        modalRoot.setAttribute('id', 'MultilingualModal');
-        return modalRoot;
-    })[0];
-    (0, react_1.useLayoutEffect)(function () {
-        if (!isOpen)
-            return;
-        var root = document.getElementById('root');
-        if (!root)
-            return;
-        root.appendChild(container);
-        return function () {
-            if (root.contains(container)) {
-                root.removeChild(container);
-            }
-        };
-    }, [isOpen, container]);
-    (0, react_1.useLayoutEffect)(function () {
-        if (isOpen && config) {
-            var newDefaultValues = getDefaultValues();
-            methods.reset(newDefaultValues);
-        }
-    }, [isOpen, config]);
-    var handleConfirm = function () {
-        var formValues = methods.getValues();
-        // hidden input에 다국어 값들을 JSON 형태로 저장
-        var newValue = JSON.stringify(formValues);
-        if (config === null || config === void 0 ? void 0 : config.hiddenInputId) {
-            var hiddenInputId = "hiddenInput_".concat(config.hiddenInputId);
-            var hiddenInput = document.getElementById(hiddenInputId);
-            if (hiddenInput) {
-                // BasicFormGroup의 state 업데이트
-                if (onHiddenInputUpdate) {
-                    onHiddenInputUpdate(newValue);
-                }
-                // input change 이벤트 발생시켜서 form validation 등이 동작하도록 함
-                var event_1 = new Event('change', { bubbles: true });
-                hiddenInput.dispatchEvent(event_1);
-            }
-        }
-        if (config === null || config === void 0 ? void 0 : config.onApply) {
-            config.onApply(formValues);
-        }
-        onClose();
-    };
-    var handleCancel = function () {
-        onClose();
-    };
-    if (!isOpen)
-        return null;
-    return react_dom_1.default.createPortal((0, jsx_runtime_1.jsxs)(react_hook_form_1.FormProvider, __assign({}, methods, { children: [(0, jsx_runtime_1.jsx)(S_ModalOverlay, { onClick: handleCancel }), (0, jsx_runtime_1.jsxs)(S_ModalWrapper, __assign({ "x-pds-name": "MultiLanguageModal", "x-pds-element-type": "panel", "x-pds-device-type": "desktop", size: size }, { children: [(0, jsx_runtime_1.jsx)(S_Header, { children: (0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: t('str_multilingual_modal_title'), colorTheme: "sysTextPrimary", styleTheme: "headingBold" }) }), (0, jsx_runtime_1.jsxs)(S_Body, { children: [(config === null || config === void 0 ? void 0 : config.originalText) && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.BodyTextGroup, { titleText: t('str_original_text'), contentText: config.originalText }), (0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_f" }), (0, jsx_runtime_1.jsx)(components_2.Divider, {}), (0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_f" })] })), (_b = config === null || config === void 0 ? void 0 : config.visibleLanguages) === null || _b === void 0 ? void 0 : _b.map(function (languageCode, index) {
-                                var _a, _b;
-                                var isReadonly = (_a = config.readonlyLanguages) === null || _a === void 0 ? void 0 : _a.includes(languageCode);
-                                return ((0, jsx_runtime_1.jsxs)(S_LanguageField, { children: [(0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: "".concat(t(LANGUAGE_I18N_KEYS[languageCode]), " (").concat(languageCode, ")"), styleTheme: "subTitleBold", colorTheme: "sysTextPrimary" }), (0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_b" }), (0, jsx_runtime_1.jsx)(components_1.TextField, { responsiveMode: "use", multiRows: config.textFieldLineType === 'multi' ? 5 : undefined, autoMaxRows: config.textFieldLineType === 'auto' ? 5 : undefined, autoMinRows: config.textFieldLineType === 'auto' ? 1 : undefined, name: languageCode, hintText: t('str_9071'), placeholder: "Input Text", textLineType: config.textFieldLineType, state: isReadonly ? 'disabled' : 'normal' }), index < (((_b = config.visibleLanguages) === null || _b === void 0 ? void 0 : _b.length) || 0) - 1 && (0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_f" })] }, "".concat(languageCode, "_field")));
-                            })] }), (0, jsx_runtime_1.jsxs)(S_Footer, { children: [(0, jsx_runtime_1.jsx)(S_Left, {}), (0, jsx_runtime_1.jsxs)(S_Right, { children: [(0, jsx_runtime_1.jsx)(S_Btn2Wrapper, { children: (0, jsx_runtime_1.jsx)(components_1.MainButton, { styleTheme: "secondary", text: t('str_cancel'), size: "medium", onClick: handleCancel }) }), (0, jsx_runtime_1.jsx)(components_1.MainButton, { text: t('str_apply'), size: "medium", onClick: handleConfirm })] })] })] }))] })), container);
-}
-var S_ModalOverlay = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: ", ";\n  height: 100vh;\n  left: 0;\n  position: fixed;\n  top: 0;\n  width: 100vw;\n\n  ", "\n"], ["\n  background-color: ", ";\n  height: 100vh;\n  left: 0;\n  position: fixed;\n  top: 0;\n  width: 100vw;\n\n  ", "\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_modal_dimmed;
-}, animationStyle_1.modalOverlayOnAni);
-var S_ModalWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: ", ";\n  border: 1px solid ", ";\n  border-radius: 24px;\n  box-shadow: ", ";\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  left: 50%;\n  position: fixed;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  width: ", ";\n\n  ", "\n"], ["\n  background-color: ", ";\n  border: 1px solid ", ";\n  border-radius: 24px;\n  box-shadow: ", ";\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  left: 50%;\n  position: fixed;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  width: ", ";\n\n  ", "\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_modal_base;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_modal_border;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.boxShadow.elevation4;
-}, function (_a) {
-    var size = _a.size;
-    var sizes = {
-        large: '960px',
-        medium: '688px',
-        small: '400px',
-        rlarge: '80vw'
-    };
-    return size && sizes[size];
-}, animationStyle_1.modalOnAni);
-var S_Header = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  padding-bottom: ", ";\n  padding-left: ", ";\n  padding-right: ", ";\n  padding-top: ", ";\n"], ["\n  padding-bottom: ", ";\n  padding-left: ", ";\n  padding-right: ", ";\n  padding-top: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingC;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingE;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingE;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingE;
-});
-var S_Body = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  flex: 1;\n  max-height: 60vh;\n  overflow: auto;\n  padding-bottom: ", ";\n  padding-left: ", ";\n  padding-right: ", ";\n  padding-top: ", ";\n"], ["\n  flex: 1;\n  max-height: 60vh;\n  overflow: auto;\n  padding-bottom: ", ";\n  padding-left: ", ";\n  padding-right: ", ";\n  padding-top: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingF;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingE;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingE;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingD;
-});
-var S_Footer = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  border-top: 1px solid ", ";\n  box-sizing: border-box;\n  display: flex;\n  justify-content: space-between;\n  padding-bottom: ", ";\n  padding-left: ", ";\n  padding-right: ", ";\n  padding-top: ", ";\n"], ["\n  border-top: 1px solid ", ";\n  box-sizing: border-box;\n  display: flex;\n  justify-content: space-between;\n  padding-bottom: ", ";\n  padding-left: ", ";\n  padding-right: ", ";\n  padding-top: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.ui_cpnt_modal_border;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingD;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingE;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingE;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingD;
-});
-var S_Left = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  margin-right: ", ";\n"], ["\n  margin-right: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingB;
-});
-var S_Btn2Wrapper = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  margin-right: ", ";\n"], ["\n  margin-right: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.spacingB;
-});
-var S_Right = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
-var S_LanguageField = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  width: 100%;\n"], ["\n  width: 100%;\n"])));
-exports.default = MultilingualModal;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;

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

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