pds-dev-kit-web 2.2.239 → 2.2.241

package/dist/src/common/services/i18n/resources/en.json

@@ -93,6 +93,13 @@
         "str_channel_min_price": "ex) {{channelMinPrice}}",
         "str_friendly_currency_won": "KRW",
         "str_friendly_currency_jpy": "JPY",
-        "str_friendly_currency_dollar": "USD"
+        "str_friendly_currency_dollar": "USD",
+        "str_9064": "If you do not enter text in Korean, it will be shown to the member in English.",
+        "str_9065": "If English is not entered, members will see the $t(str_original_text).",
+        "str_9066": "If Japanese is not entered, members will see the content in English.",
+        "str_9067": "If Simplified Chinese is not entered, members will see the content in English.",
+        "str_9068": "If Traditional Chinese is not entered, members will see the content in English.",
+        "str_9069": "If French is not entered, members will see the content in English.",
+        "str_9070": "If Spanish is not entered, members will see the content in English."
     }
 }

package/dist/src/common/services/i18n/resources/es.json

@@ -93,6 +93,13 @@
         "str_channel_min_price": "ex) {{channelMinPrice}}",
         "str_friendly_currency_won": "ganó",
         "str_friendly_currency_jpy": "JPY",
-        "str_friendly_currency_dollar": "dólares"
+        "str_friendly_currency_dollar": "dólares",
+        "str_9064": "Si no ingresa el idioma coreano, se mostrará como $t(str_original_text) para los miembros.",
+        "str_9065": "Si no ingresa el idioma inglés, se mostrará a los miembros como $t(str_original_text).",
+        "str_9066": "Si no ingresa en japonés, se mostrará a los miembros en inglés.",
+        "str_9067": "Si no ingresa chino simplificado, se mostrará a los miembros en inglés.",
+        "str_9068": "Si no ingresa en chino tradicional, se mostrará a los miembros en inglés.",
+        "str_9069": "Si no ingresa en francés, se mostrará a los miembros en inglés.",
+        "str_9070": "Si no ingresa en español, se mostrará a los miembros en inglés."
     }
 }

package/dist/src/common/services/i18n/resources/index.d.ts

@@ -96,6 +96,13 @@ declare const locale: {
             str_friendly_currency_won: string;
             str_friendly_currency_jpy: string;
             str_friendly_currency_dollar: string;
+            str_9064: string;
+            str_9065: string;
+            str_9066: string;
+            str_9067: string;
+            str_9068: string;
+            str_9069: string;
+            str_9070: string;
         };
     };
     readonly en: {
@@ -194,6 +201,13 @@ declare const locale: {
             str_friendly_currency_won: string;
             str_friendly_currency_jpy: string;
             str_friendly_currency_dollar: string;
+            str_9064: string;
+            str_9065: string;
+            str_9066: string;
+            str_9067: string;
+            str_9068: string;
+            str_9069: string;
+            str_9070: string;
         };
     };
     readonly ja: {
@@ -292,6 +306,13 @@ declare const locale: {
             str_friendly_currency_won: string;
             str_friendly_currency_jpy: string;
             str_friendly_currency_dollar: string;
+            str_9064: string;
+            str_9065: string;
+            str_9066: string;
+            str_9067: string;
+            str_9068: string;
+            str_9069: string;
+            str_9070: string;
         };
     };
     readonly es: {
@@ -390,6 +411,13 @@ declare const locale: {
             str_friendly_currency_won: string;
             str_friendly_currency_jpy: string;
             str_friendly_currency_dollar: string;
+            str_9064: string;
+            str_9065: string;
+            str_9066: string;
+            str_9067: string;
+            str_9068: string;
+            str_9069: string;
+            str_9070: string;
         };
     };
     readonly 'zh-cn': {
@@ -488,6 +516,13 @@ declare const locale: {
             str_friendly_currency_won: string;
             str_friendly_currency_jpy: string;
             str_friendly_currency_dollar: string;
+            str_9064: string;
+            str_9065: string;
+            str_9066: string;
+            str_9067: string;
+            str_9068: string;
+            str_9069: string;
+            str_9070: string;
         };
     };
     readonly 'zh-tw': {
@@ -586,6 +621,13 @@ declare const locale: {
             str_friendly_currency_won: string;
             str_friendly_currency_jpy: string;
             str_friendly_currency_dollar: string;
+            str_9064: string;
+            str_9065: string;
+            str_9066: string;
+            str_9067: string;
+            str_9068: string;
+            str_9069: string;
+            str_9070: string;
         };
     };
     readonly fil: {

package/dist/src/common/services/i18n/resources/ja.json

@@ -93,6 +93,13 @@
         "str_channel_min_price": "ex) {{channelMinPrice}}",
         "str_friendly_currency_won": "ウォン",
         "str_friendly_currency_jpy": "JPY",
-        "str_friendly_currency_dollar": "ドル"
+        "str_friendly_currency_dollar": "ドル",
+        "str_9064": "韓国語を入力しない場合、メンバーには英語で表示されます。",
+        "str_9065": "英語を入力しないと、メンバーに$t(str_original_text)として表示されます。",
+        "str_9066": "日本語を入力しないと、会員に英語で表示されます。",
+        "str_9067": "簡体字中国語を入力しないと、会員に英語で表示されます。",
+        "str_9068": "中国語・繁体字を入力しない場合は、会員に英語で表示されます。",
+        "str_9069": "フランス語を入力しないと、メンバーに英語で表示されます。",
+        "str_9070": "スペイン語を入力しないと、会員に英語で表示されます。"
     }
 }

package/dist/src/common/services/i18n/resources/ko.json

@@ -94,6 +94,13 @@
         "str_channel_min_price": "예) {{channelMinPrice}}",
         "str_friendly_currency_won": "원",
         "str_friendly_currency_jpy": "엔",
-        "str_friendly_currency_dollar": "달러"
+        "str_friendly_currency_dollar": "달러",
+        "str_9064": "한국어를 입력하지 않을 경우, 회원에게 영어로 보여집니다.",
+        "str_9065": "영어를 입력하지 않을 경우, 회원에게 $t(str_original_text)으로 보여집니다.",
+        "str_9066": "일본어를 입력하지 않을 경우, 회원에게 영어로 보여집니다.",
+        "str_9067": "중국어-간체를 입력하지 않을 경우, 회원에게 영어로 보여집니다.",
+        "str_9068": "중국어-번체를 입력하지 않을 경우, 회원에게 영어로 보여집니다.",
+        "str_9069": "프랑스어를 입력하지 않을 경우, 회원에게 영어로 보여집니다.",
+        "str_9070": "스페인어를 입력하지 않을 경우, 회원에게 영어로 보여집니다."
     }
 }

package/dist/src/common/services/i18n/resources/zh-cn.json

@@ -93,6 +93,13 @@
         "str_channel_min_price": "ex) {{channelMinPrice}}",
         "str_friendly_currency_won": "韩元",
         "str_friendly_currency_jpy": "JPY",
-        "str_friendly_currency_dollar": "美元"
+        "str_friendly_currency_dollar": "美元",
+        "str_9064": "如果不输入韩文，会员将看到英文内容。",
+        "str_9065": "如果不输入英文，则会员会显示为$t(str_original_text)。",
+        "str_9066": "如果不输入日语，则会员以英语向会员显示。",
+        "str_9067": "如果您不输入简体中文，则会员以英文显示给会员。",
+        "str_9068": "如果您不输入繁体中文，则会员以英文显示给会员。",
+        "str_9069": "如果您不输入法语，则会员以英文显示给会员。",
+        "str_9070": "如果您不输入西班牙语，它将以英文显示给会员。"
     }
 }

package/dist/src/common/services/i18n/resources/zh-tw.json

@@ -93,6 +93,13 @@
         "str_channel_min_price": "ex) {{channelMinPrice}}",
         "str_friendly_currency_won": "韓元",
         "str_friendly_currency_jpy": "JPY",
-        "str_friendly_currency_dollar": "美元"
+        "str_friendly_currency_dollar": "美元",
+        "str_9064": "如果不輸入韓文，會員將看到英文內容。",
+        "str_9065": "若不輸入英文，則會員顯示為$t(str_original_text)。",
+        "str_9066": "如果不輸入日語，則以英語向會員顯示。",
+        "str_9067": "如果您不輸入簡體中文，則以英文顯示給會員。",
+        "str_9068": "如果您不輸入繁體中文，則以英文顯示給會員。",
+        "str_9069": "如果您不輸入法語，則以英文顯示給會員。",
+        "str_9070": "如果您不輸入西班牙語，則以英文顯示給會員。"
     }
 }

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { Path } from 'react-hook-form';
+import { ScrollVisibleType } from '../../../common/styles/scroll/scrollbarStyle';
 import type { PDSTextType, IFormValues } from '../../../common';
 export type EditApplyTextFieldProps = {
     name: Path<IFormValues>;
@@ -21,6 +22,7 @@ export type EditApplyTextFieldProps = {
     maxLength?: number;
     min?: number;
     customWidth?: string;
+    scrollVisibleType?: ScrollVisibleType;
     onBlur?: (e: React.FocusEvent<HTMLInputElement> | React.FocusEvent<HTMLTextAreaElement>) => void;
     onChange?: (e: React.ChangeEvent<HTMLInputElement> | React.ChangeEvent<HTMLTextAreaElement>) => void;
     onFocus?: (e: React.FocusEvent<HTMLInputElement> | React.FocusEvent<HTMLTextAreaElement>) => void;
@@ -30,5 +32,5 @@ export type EditApplyTextFieldProps = {
     /** @deprecated v1.5 해당 prop 대신 Form의 onSubmit을 사용하세요. */
     onClickSubmitBtn?: (...args: any) => any;
 };
-declare function EditApplyTextField({ name, hintText, defaultText, validation, preventBlankMode, size, responsiveMode, textLineType, multiRows, autoMinRows, autoMaxRows, inputType, state, max, maxLength, min, customWidth, getInputValue, onBlur, onChange, onClickSubmitBtn, onFocus, onTarget }: EditApplyTextFieldProps): JSX.Element;
+declare function EditApplyTextField({ name, hintText, defaultText, validation, preventBlankMode, size, responsiveMode, textLineType, multiRows, autoMinRows, autoMaxRows, inputType, state, max, maxLength, min, customWidth, scrollVisibleType, getInputValue, onBlur, onChange, onClickSubmitBtn, onFocus, onTarget }: EditApplyTextFieldProps): JSX.Element;
 export default EditApplyTextField;

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

@@ -42,6 +42,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 /* eslint-disable react/jsx-no-bind */
 var react_1 = require("react");
 var react_hook_form_1 = require("react-hook-form");
+var scrollbarStyle_1 = require("../../../common/styles/scroll/scrollbarStyle");
 var styled_components_1 = __importStar(require("styled-components"));
 var transitionStyle_1 = require("../../../common/styles/movement/transitionStyle");
 var hybrid_1 = require("../../../hybrid");
@@ -49,11 +50,11 @@ var components_1 = require("../../common/components");
 var IconButton_1 = require("../IconButton");
 function EditApplyTextField(_a) {
     var _b;
-    var name = _a.name, hintText = _a.hintText, defaultText = _a.defaultText, validation = _a.validation, _c = _a.preventBlankMode, preventBlankMode = _c === void 0 ? 'none' : _c, _d = _a.size, size = _d === void 0 ? 'large' : _d, _e = _a.responsiveMode, responsiveMode = _e === void 0 ? 'none' : _e, _f = _a.textLineType, textLineType = _f === void 0 ? 'single' : _f, _g = _a.multiRows, multiRows = _g === void 0 ? 8 : _g, _h = _a.autoMinRows, autoMinRows = _h === void 0 ? 8 : _h, autoMaxRows = _a.autoMaxRows, _j = _a.inputType, inputType = _j === void 0 ? 'text' : _j, _k = _a.state, state = _k === void 0 ? 'normal' : _k, max = _a.max, maxLength = _a.maxLength, min = _a.min, customWidth = _a.customWidth, getInputValue = _a.getInputValue, onBlur = _a.onBlur, onChange = _a.onChange, onClickSubmitBtn = _a.onClickSubmitBtn, onFocus = _a.onFocus, onTarget = _a.onTarget;
-    var _l = (0, react_hook_form_1.useFormContext)(), register = _l.register, setValue = _l.setValue, trigger = _l.trigger, watch = _l.watch, reset = _l.reset, _m = _l.formState, errors = _m.errors, isSubmitSuccessful = _m.isSubmitSuccessful;
-    var _o = (0, react_1.useState)(false), isFocused = _o[0], setIsFocused = _o[1];
-    var _p = (0, react_1.useState)(false), isOpen = _p[0], setIsOpen = _p[1];
-    var _q = (0, react_1.useState)(defaultText !== null && defaultText !== void 0 ? defaultText : ''), prevValue = _q[0], setPrevValue = _q[1];
+    var name = _a.name, hintText = _a.hintText, defaultText = _a.defaultText, validation = _a.validation, _c = _a.preventBlankMode, preventBlankMode = _c === void 0 ? 'none' : _c, _d = _a.size, size = _d === void 0 ? 'large' : _d, _e = _a.responsiveMode, responsiveMode = _e === void 0 ? 'none' : _e, _f = _a.textLineType, textLineType = _f === void 0 ? 'single' : _f, _g = _a.multiRows, multiRows = _g === void 0 ? 8 : _g, _h = _a.autoMinRows, autoMinRows = _h === void 0 ? 8 : _h, autoMaxRows = _a.autoMaxRows, _j = _a.inputType, inputType = _j === void 0 ? 'text' : _j, _k = _a.state, state = _k === void 0 ? 'normal' : _k, max = _a.max, maxLength = _a.maxLength, min = _a.min, customWidth = _a.customWidth, _l = _a.scrollVisibleType, scrollVisibleType = _l === void 0 ? 'visible' : _l, getInputValue = _a.getInputValue, onBlur = _a.onBlur, onChange = _a.onChange, onClickSubmitBtn = _a.onClickSubmitBtn, onFocus = _a.onFocus, onTarget = _a.onTarget;
+    var _m = (0, react_hook_form_1.useFormContext)(), register = _m.register, setValue = _m.setValue, trigger = _m.trigger, watch = _m.watch, reset = _m.reset, _o = _m.formState, errors = _o.errors, isSubmitSuccessful = _o.isSubmitSuccessful;
+    var _p = (0, react_1.useState)(false), isFocused = _p[0], setIsFocused = _p[1];
+    var _q = (0, react_1.useState)(false), isOpen = _q[0], setIsOpen = _q[1];
+    var _r = (0, react_1.useState)(defaultText !== null && defaultText !== void 0 ? defaultText : ''), prevValue = _r[0], setPrevValue = _r[1];
     var ref = (0, react_1.useRef)();
     var currentValue = watch(name);
     var validateOnChange = register(name, validation).onChange;
@@ -160,7 +161,7 @@ function EditApplyTextField(_a) {
             return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(components_1.TextFieldBase, { name: name, hintText: hintText, defaultText: defaultText, validation: validation, preventBlankMode: preventBlankMode, enterSubmitMode: "use", textLineType: "single", inputType: inputType, state: state, min: min, max: max, maxLength: maxLength, textSize: size === 'large' || size === 'rlarge' ? 'form2' : 'heading', textWeight: size === 'large' || size === 'rlarge' ? 'normal' : 'bold', onFocus: handleFocus, onBlur: handleBlur, onTarget: handleTarget, onChange: handleChange, onKeyDown: handleKeyDown, inputRef: ref }) }));
         }
     };
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(S_EditApplyTextFieldWrapper, __assign({ "x-pds-name": "EditApplyTextField", "x-pds-element-type": "component", "x-pds-device-type": "desktop", size: size, responsiveMode: responsiveMode, customWidth: customWidth }, { children: [(0, jsx_runtime_1.jsxs)(S_EditApplyTextField, { children: [(0, jsx_runtime_1.jsx)(S_S_TextFieldBaseWrapper, __assign({ size: size, responsiveMode: responsiveMode, textLineType: textLineType, isFocused: isFocused, isError: isError, state: state, customWidth: customWidth }, { children: S_TextFieldBase() })), isOpen === true && ((0, jsx_runtime_1.jsxs)(S_ButtonBox, { children: [(0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { iconName: "ic_xmark", fillType: "line", baseSize: "small", iconSize: 16, shapeType: "circular", shadow: "visible", iconColorKey: "ui_cpnt_button_icon_enabled", baseColorKey: "ui_cpnt_button_fill_base_white", borderColorKey: "ui_cpnt_button_line_border_default", tabIndex: -1, onMouseDown: handleCancel }), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" }), (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { iconName: "ic_check", fillType: "fill", baseSize: "small", iconSize: 16, shapeType: "circular", shadow: "visible", iconColorKey: "ui_cpnt_button_icon_on_primary", baseColorKey: "ui_cpnt_button_fill_base_primary", state: isError === true ? 'disabled' : 'normal', tabIndex: -1, onMouseDown: handleMouseDown, type: "submit" })] }))] }), ((_b = errors[name]) === null || _b === void 0 ? void 0 : _b.message) && (0, jsx_runtime_1.jsx)(S_Error, __assign({ isFocused: isFocused }, { children: errors[name].message }))] })) }));
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(S_EditApplyTextFieldWrapper, __assign({ "x-pds-name": "EditApplyTextField", "x-pds-element-type": "component", "x-pds-device-type": "desktop", size: size, responsiveMode: responsiveMode, customWidth: customWidth }, { children: [(0, jsx_runtime_1.jsxs)(S_EditApplyTextField, { children: [(0, jsx_runtime_1.jsx)(S_S_TextFieldBaseWrapper, __assign({ size: size, responsiveMode: responsiveMode, textLineType: textLineType, isFocused: isFocused, isError: isError, state: state, customWidth: customWidth, scrollVisibleType: scrollVisibleType }, { children: S_TextFieldBase() })), isOpen === true && ((0, jsx_runtime_1.jsxs)(S_ButtonBox, { children: [(0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { iconName: "ic_xmark", fillType: "line", baseSize: "small", iconSize: 16, shapeType: "circular", shadow: "visible", iconColorKey: "ui_cpnt_button_icon_enabled", baseColorKey: "ui_cpnt_button_fill_base_white", borderColorKey: "ui_cpnt_button_line_border_default", tabIndex: -1, onMouseDown: handleCancel }), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" }), (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { iconName: "ic_check", fillType: "fill", baseSize: "small", iconSize: 16, shapeType: "circular", shadow: "visible", iconColorKey: "ui_cpnt_button_icon_on_primary", baseColorKey: "ui_cpnt_button_fill_base_primary", state: isError === true ? 'disabled' : 'normal', tabIndex: -1, onMouseDown: handleMouseDown, type: "submit" })] }))] }), ((_b = errors[name]) === null || _b === void 0 ? void 0 : _b.message) && (0, jsx_runtime_1.jsx)(S_Error, __assign({ isFocused: isFocused }, { children: errors[name].message }))] })) }));
 }
 var S_EditApplyTextFieldWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: ", ";\n\n  ", "\n"], ["\n  width: ", ";\n\n  ", "\n"])), function (_a) {
     var size = _a.size, responsiveMode = _a.responsiveMode;
@@ -246,7 +247,7 @@ var normalActionColor = (0, styled_components_1.css)(templateObject_10 || (templ
     var theme = _a.theme;
     return theme.ui_cpnt_textfield_base_pressed;
 });
-var S_S_TextFieldBaseWrapper = styled_components_1.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  align-items: center;\n  border-radius: 14px;\n  box-sizing: border-box;\n  cursor: ", ";\n  display: flex;\n  ", ";\n  ", ";\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  align-items: center;\n  border-radius: 14px;\n  box-sizing: border-box;\n  cursor: ", ";\n  display: flex;\n  ", ";\n  ", ";\n  ", "\n\n  ", "\n\n  ", "\n"])), function (_a) {
+var S_S_TextFieldBaseWrapper = styled_components_1.default.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  align-items: center;\n  border-radius: 14px;\n  box-sizing: border-box;\n  cursor: ", ";\n  display: flex;\n  ", ";\n  ", ";\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  align-items: center;\n  border-radius: 14px;\n  box-sizing: border-box;\n  cursor: ", ";\n  display: flex;\n  ", ";\n  ", ";\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n"])), function (_a) {
     var state = _a.state;
     return (state === 'disabled' ? 'not-allowed' : 'text');
 }, function (_a) {
@@ -271,8 +272,16 @@ var S_S_TextFieldBaseWrapper = styled_components_1.default.div(templateObject_11
 }, transitionStyle_1.InputTransition, function (_a) {
     var state = _a.state;
     return state === 'normal' && normalActionColor;
+}, function (_a) {
+    var textLineType = _a.textLineType, scrollVisibleType = _a.scrollVisibleType;
+    return (textLineType === 'multi' || textLineType === 'auto') &&
+        scrollVisibleType && (0, styled_components_1.css)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n      textarea {\n        ", "\n      }\n    "], ["\n      textarea {\n        ", "\n      }\n    "])), scrollVisibleType === 'visible' ? scrollbarStyle_1.scrollbarStyle : scrollbarStyle_1.scrollInvisible);
+}, function (_a) {
+    var textLineType = _a.textLineType, scrollVisibleType = _a.scrollVisibleType;
+    return (textLineType === 'multi' || textLineType === 'auto') &&
+        scrollVisibleType === 'visible' && (0, styled_components_1.css)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n      padding-right: 1px;\n    "], ["\n      padding-right: 1px;\n    "])));
 });
-var S_Error = styled_components_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  color: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n  margin-right: ", ";\n  margin-top: ", ";\n  text-align: left;\n  white-space: pre-wrap;\n"], ["\n  color: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n  margin-right: ", ";\n  margin-top: ", ";\n  text-align: left;\n  white-space: pre-wrap;\n"])), function (_a) {
+var S_Error = styled_components_1.default.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  color: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n  margin-right: ", ";\n  margin-top: ", ";\n  text-align: left;\n  white-space: pre-wrap;\n"], ["\n  color: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n  margin-right: ", ";\n  margin-top: ", ";\n  text-align: left;\n  white-space: pre-wrap;\n"])), function (_a) {
     var theme = _a.theme;
     return theme.ui_cpnt_textfield_text_error;
 }, function (_a) {
@@ -291,6 +300,6 @@ var S_Error = styled_components_1.default.div(templateObject_12 || (templateObje
     var theme = _a.theme;
     return theme.spacing.spacingA;
 });
-var S_ButtonBox = styled_components_1.default.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  bottom: -36px;\n  display: flex;\n  position: absolute;\n  right: 0;\n  z-index: 1;\n"], ["\n  bottom: -36px;\n  display: flex;\n  position: absolute;\n  right: 0;\n  z-index: 1;\n"])));
+var S_ButtonBox = styled_components_1.default.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  bottom: -36px;\n  display: flex;\n  position: absolute;\n  right: 0;\n  z-index: 1;\n"], ["\n  bottom: -36px;\n  display: flex;\n  position: absolute;\n  right: 0;\n  z-index: 1;\n"])));
 exports.default = EditApplyTextField;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15;

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { Path } from 'react-hook-form';
+import { ScrollVisibleType } from '../../../common/styles/scroll/scrollbarStyle';
 import type { IFormValues, PDSTextType, UiColors, PDSIconType } from '../../../common';
 import type { TextFieldBaseProps } from '../../common/components/TextFieldBase/TextFieldBase';
 export type TextFieldProps = {
@@ -20,8 +21,9 @@ export type TextFieldProps = {
     fontWeight?: 'bold' | 'regular';
     hintTextFontWeight?: 'normal' | 'bold';
     deleteBtnMode?: 'none' | 'use';
+    scrollVisibleType?: ScrollVisibleType;
     onClickIBtn1?: () => void;
     onClickIBtn2?: () => void;
 } & Partial<TextFieldBaseProps>;
-declare function TextField({ name, hintText, defaultText, textAlign, prefixText, suffixText, validation, validationPoint, preventBlankMode, enterSubmitMode, size, responsiveMode, textLineType, multiRows, autoMinRows, autoMaxRows, inputType, inputMode, state, iBtn1IconName, iBtn1IconFillType, iBtn2IconName, iBtn2IconFillType, overrideIBtn1IconColorKey, overrideIBtn2IconColorKey, colorTheme, max, maxLength, min, customWidth, autoComplete, numberStepperMode, numberStep, fontWeight, hintTextFontWeight, deleteBtnMode, onBlur, onChange, onClickIBtn1, onClickIBtn2, onFocus, onKeyUp, onKeyDown, onTarget }: TextFieldProps): JSX.Element;
+declare function TextField({ name, hintText, defaultText, textAlign, prefixText, suffixText, validation, validationPoint, preventBlankMode, enterSubmitMode, size, responsiveMode, textLineType, multiRows, autoMinRows, autoMaxRows, inputType, inputMode, state, iBtn1IconName, iBtn1IconFillType, iBtn2IconName, iBtn2IconFillType, overrideIBtn1IconColorKey, overrideIBtn2IconColorKey, colorTheme, max, maxLength, min, customWidth, autoComplete, numberStepperMode, numberStep, fontWeight, hintTextFontWeight, deleteBtnMode, scrollVisibleType, onBlur, onChange, onClickIBtn1, onClickIBtn2, onFocus, onKeyUp, onKeyDown, onTarget }: TextFieldProps): JSX.Element;
 export default TextField;

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

@@ -42,6 +42,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 /* eslint-disable react/jsx-no-bind */
 var react_1 = require("react");
 var react_hook_form_1 = require("react-hook-form");
+var scrollbarStyle_1 = require("../../../common/styles/scroll/scrollbarStyle");
 var types_1 = require("../../../common/types");
 var styled_components_1 = __importStar(require("styled-components"));
 var transitionStyle_1 = require("../../../common/styles/movement/transitionStyle");
@@ -51,7 +52,7 @@ var IconButton_1 = require("../IconButton");
 var TextLabel_1 = require("../TextLabel");
 function TextField(_a) {
     var _b;
-    var name = _a.name, hintText = _a.hintText, defaultText = _a.defaultText, _c = _a.textAlign, textAlign = _c === void 0 ? 'left' : _c, prefixText = _a.prefixText, suffixText = _a.suffixText, validation = _a.validation, _d = _a.validationPoint, validationPoint = _d === void 0 ? 'onBlur' : _d, _e = _a.preventBlankMode, preventBlankMode = _e === void 0 ? 'none' : _e, _f = _a.enterSubmitMode, enterSubmitMode = _f === void 0 ? 'none' : _f, _g = _a.size, size = _g === void 0 ? 'large' : _g, _h = _a.responsiveMode, responsiveMode = _h === void 0 ? 'none' : _h, _j = _a.textLineType, textLineType = _j === void 0 ? 'single' : _j, _k = _a.multiRows, multiRows = _k === void 0 ? 8 : _k, _l = _a.autoMinRows, autoMinRows = _l === void 0 ? 8 : _l, autoMaxRows = _a.autoMaxRows, _m = _a.inputType, inputType = _m === void 0 ? 'text' : _m, inputMode = _a.inputMode, _o = _a.state, state = _o === void 0 ? 'normal' : _o, iBtn1IconName = _a.iBtn1IconName, _p = _a.iBtn1IconFillType, iBtn1IconFillType = _p === void 0 ? 'line' : _p, iBtn2IconName = _a.iBtn2IconName, _q = _a.iBtn2IconFillType, iBtn2IconFillType = _q === void 0 ? 'line' : _q, overrideIBtn1IconColorKey = _a.overrideIBtn1IconColorKey, overrideIBtn2IconColorKey = _a.overrideIBtn2IconColorKey, _r = _a.colorTheme, colorTheme = _r === void 0 ? 'none' : _r, max = _a.max, maxLength = _a.maxLength, min = _a.min, customWidth = _a.customWidth, _s = _a.autoComplete, autoComplete = _s === void 0 ? 'on' : _s, _t = _a.numberStepperMode, numberStepperMode = _t === void 0 ? 'none' : _t, numberStep = _a.numberStep, _u = _a.fontWeight, fontWeight = _u === void 0 ? 'regular' : _u, _v = _a.hintTextFontWeight, hintTextFontWeight = _v === void 0 ? 'normal' : _v, _w = _a.deleteBtnMode, deleteBtnMode = _w === void 0 ? 'use' : _w, onBlur = _a.onBlur, onChange = _a.onChange, onClickIBtn1 = _a.onClickIBtn1, onClickIBtn2 = _a.onClickIBtn2, onFocus = _a.onFocus, onKeyUp = _a.onKeyUp, onKeyDown = _a.onKeyDown, onTarget = _a.onTarget;
+    var name = _a.name, hintText = _a.hintText, defaultText = _a.defaultText, _c = _a.textAlign, textAlign = _c === void 0 ? 'left' : _c, prefixText = _a.prefixText, suffixText = _a.suffixText, validation = _a.validation, _d = _a.validationPoint, validationPoint = _d === void 0 ? 'onBlur' : _d, _e = _a.preventBlankMode, preventBlankMode = _e === void 0 ? 'none' : _e, _f = _a.enterSubmitMode, enterSubmitMode = _f === void 0 ? 'none' : _f, _g = _a.size, size = _g === void 0 ? 'large' : _g, _h = _a.responsiveMode, responsiveMode = _h === void 0 ? 'none' : _h, _j = _a.textLineType, textLineType = _j === void 0 ? 'single' : _j, _k = _a.multiRows, multiRows = _k === void 0 ? 8 : _k, _l = _a.autoMinRows, autoMinRows = _l === void 0 ? 8 : _l, autoMaxRows = _a.autoMaxRows, _m = _a.inputType, inputType = _m === void 0 ? 'text' : _m, inputMode = _a.inputMode, _o = _a.state, state = _o === void 0 ? 'normal' : _o, iBtn1IconName = _a.iBtn1IconName, _p = _a.iBtn1IconFillType, iBtn1IconFillType = _p === void 0 ? 'line' : _p, iBtn2IconName = _a.iBtn2IconName, _q = _a.iBtn2IconFillType, iBtn2IconFillType = _q === void 0 ? 'line' : _q, overrideIBtn1IconColorKey = _a.overrideIBtn1IconColorKey, overrideIBtn2IconColorKey = _a.overrideIBtn2IconColorKey, _r = _a.colorTheme, colorTheme = _r === void 0 ? 'none' : _r, max = _a.max, maxLength = _a.maxLength, min = _a.min, customWidth = _a.customWidth, _s = _a.autoComplete, autoComplete = _s === void 0 ? 'on' : _s, _t = _a.numberStepperMode, numberStepperMode = _t === void 0 ? 'none' : _t, numberStep = _a.numberStep, _u = _a.fontWeight, fontWeight = _u === void 0 ? 'regular' : _u, _v = _a.hintTextFontWeight, hintTextFontWeight = _v === void 0 ? 'normal' : _v, _w = _a.deleteBtnMode, deleteBtnMode = _w === void 0 ? 'use' : _w, _x = _a.scrollVisibleType, scrollVisibleType = _x === void 0 ? 'visible' : _x, onBlur = _a.onBlur, onChange = _a.onChange, onClickIBtn1 = _a.onClickIBtn1, onClickIBtn2 = _a.onClickIBtn2, onFocus = _a.onFocus, onKeyUp = _a.onKeyUp, onKeyDown = _a.onKeyDown, onTarget = _a.onTarget;
     var basicThemeIconColors = {
         normal: 'ui_cpnt_button_icon_default',
         read_only: 'ui_cpnt_button_icon_default',
@@ -67,9 +68,9 @@ function TextField(_a) {
         read_only: 'ui_cpnt_textfield_icon_colortheme_transparent_readonly',
         disabled: 'ui_cpnt_textfield_icon_colortheme_transparent_disabled'
     };
-    var _x = (0, react_1.useState)(false), isFocused = _x[0], setIsFocused = _x[1];
-    var _y = (0, react_hook_form_1.useFormContext)(), register = _y.register, trigger = _y.trigger, errors = _y.formState.errors;
-    var _z = register(name, validation), validateOnChange = _z.onChange, validateOnBlur = _z.onBlur;
+    var _y = (0, react_1.useState)(false), isFocused = _y[0], setIsFocused = _y[1];
+    var _z = (0, react_hook_form_1.useFormContext)(), register = _z.register, trigger = _z.trigger, errors = _z.formState.errors;
+    var _0 = register(name, validation), validateOnChange = _0.onChange, validateOnBlur = _0.onBlur;
     var isError = (0, types_1.getErrorByName)(errors, name);
     var handleClickIBtn1 = function () {
         if (onClickIBtn1) {
@@ -180,7 +181,7 @@ function TextField(_a) {
                                         }[colorTheme]), iconFillType: iBtn1IconFillType === 'fill' ? 'fill' : 'line', state: state === 'disabled' ? 'disabled' : 'normal', onClick: handleClickIBtn1 }))] })] }));
         }
     };
-    return ((0, jsx_runtime_1.jsxs)(S_TextFieldBox, __assign({ "x-pds-name": "TextField", "x-pds-element-type": "component", "x-pds-device-type": "desktop", size: size, responsiveMode: responsiveMode, customWidth: customWidth }, { children: [(0, jsx_runtime_1.jsx)(S_TextFieldWrapper, __assign({ size: size, responsiveMode: responsiveMode, textLineType: textLineType, isFocused: isFocused, isError: Boolean(isError), state: state, colorTheme: colorTheme, customWidth: customWidth }, { children: S_TextField() })), ((_b = (0, types_1.getErrorByName)(errors, name)) === null || _b === void 0 ? void 0 : _b.message) && state === 'normal' && ((0, jsx_runtime_1.jsx)(S_Error, __assign({ colorTheme: colorTheme }, { children: (0, types_1.getErrorByName)(errors, name).message })))] })));
+    return ((0, jsx_runtime_1.jsxs)(S_TextFieldBox, __assign({ "x-pds-name": "TextField", "x-pds-element-type": "component", "x-pds-device-type": "desktop", size: size, responsiveMode: responsiveMode, customWidth: customWidth }, { children: [(0, jsx_runtime_1.jsx)(S_TextFieldWrapper, __assign({ size: size, responsiveMode: responsiveMode, textLineType: textLineType, isFocused: isFocused, isError: Boolean(isError), state: state, colorTheme: colorTheme, customWidth: customWidth, scrollVisibleType: scrollVisibleType }, { children: S_TextField() })), ((_b = (0, types_1.getErrorByName)(errors, name)) === null || _b === void 0 ? void 0 : _b.message) && state === 'normal' && ((0, jsx_runtime_1.jsx)(S_Error, __assign({ colorTheme: colorTheme }, { children: (0, types_1.getErrorByName)(errors, name).message })))] })));
 }
 var S_TextFieldBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", ";\n  ", ";\n  ", "\n"], ["\n  ", ";\n  ", ";\n  ", "\n"])), function (_a) {
     var size = _a.size;
@@ -342,7 +343,7 @@ var backgroundActiveColor = (0, styled_components_1.css)(templateObject_17 || (t
     }
 });
 var normalActionColor = (0, styled_components_1.css)(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n  &:hover {\n    background-color: ", ";\n  }\n\n  &:active {\n    background-color: ", ";\n  }\n"], ["\n  &:hover {\n    background-color: ", ";\n  }\n\n  &:active {\n    background-color: ", ";\n  }\n"])), backgroundHoverColor, backgroundActiveColor);
-var S_TextFieldWrapper = styled_components_1.default.div(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n  align-items: center;\n  box-sizing: border-box;\n  cursor: ", ";\n  display: flex;\n  ", ";\n  ", ";\n\n  ", "\n\n  ", "\n\n  ", ";\n  ", "\n"], ["\n  align-items: center;\n  box-sizing: border-box;\n  cursor: ", ";\n  display: flex;\n  ", ";\n  ", ";\n\n  ", "\n\n  ", "\n\n  ", ";\n  ", "\n"])), function (_a) {
+var S_TextFieldWrapper = styled_components_1.default.div(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n  align-items: center;\n  box-sizing: border-box;\n  cursor: ", ";\n  display: flex;\n  ", ";\n  ", ";\n\n  ", "\n\n  ", "\n\n  ", ";\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  align-items: center;\n  box-sizing: border-box;\n  cursor: ", ";\n  display: flex;\n  ", ";\n  ", ";\n\n  ", "\n\n  ", "\n\n  ", ";\n  ", "\n\n  ", "\n\n  ", "\n"])), function (_a) {
     var state = _a.state;
     return (state === 'disabled' ? 'not-allowed' : 'text');
 }, function (_a) {
@@ -382,11 +383,19 @@ var S_TextFieldWrapper = styled_components_1.default.div(templateObject_19 || (t
 }, function (_a) {
     var customWidth = _a.customWidth;
     return customWidth && "width: ".concat(customWidth, ";");
+}, function (_a) {
+    var textLineType = _a.textLineType, scrollVisibleType = _a.scrollVisibleType;
+    return (textLineType === 'multi' || textLineType === 'auto') &&
+        scrollVisibleType && (0, styled_components_1.css)(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n      textarea {\n        ", "\n      }\n    "], ["\n      textarea {\n        ", "\n      }\n    "])), scrollVisibleType === 'visible' ? scrollbarStyle_1.scrollbarStyle : scrollbarStyle_1.scrollInvisible);
+}, function (_a) {
+    var textLineType = _a.textLineType, scrollVisibleType = _a.scrollVisibleType;
+    return (textLineType === 'multi' || textLineType === 'auto') &&
+        scrollVisibleType === 'visible' && (0, styled_components_1.css)(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n      padding-right: 0px;\n    "], ["\n      padding-right: 0px;\n    "])));
 });
-var S_RightBox = styled_components_1.default.div(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n"], ["\n  align-items: center;\n  display: flex;\n"])));
-var S_RightBox_Auto = styled_components_1.default.div(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n  align-items: center;\n  align-self: end;\n  display: flex;\n"], ["\n  align-items: center;\n  align-self: end;\n  display: flex;\n"])));
-var S_RightBox_Multi = styled_components_1.default.div(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n  align-items: center;\n  align-self: end;\n  display: flex;\n"], ["\n  align-items: center;\n  align-self: end;\n  display: flex;\n"])));
-var S_Error = styled_components_1.default.div(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n  color: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n  margin-top: ", ";\n  text-align: left;\n  white-space: pre-wrap;\n"], ["\n  color: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n  margin-top: ", ";\n  text-align: left;\n  white-space: pre-wrap;\n"])), function (_a) {
+var S_RightBox = styled_components_1.default.div(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n"], ["\n  align-items: center;\n  display: flex;\n"])));
+var S_RightBox_Auto = styled_components_1.default.div(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n  align-items: center;\n  align-self: end;\n  display: flex;\n"], ["\n  align-items: center;\n  align-self: end;\n  display: flex;\n"])));
+var S_RightBox_Multi = styled_components_1.default.div(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n  align-items: center;\n  align-self: end;\n  display: flex;\n"], ["\n  align-items: center;\n  align-self: end;\n  display: flex;\n"])));
+var S_Error = styled_components_1.default.div(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n  color: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n  margin-top: ", ";\n  text-align: left;\n  white-space: pre-wrap;\n"], ["\n  color: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n  margin-top: ", ";\n  text-align: left;\n  white-space: pre-wrap;\n"])), function (_a) {
     var theme = _a.theme, colorTheme = _a.colorTheme;
     switch (colorTheme) {
         case 'none': {
@@ -410,6 +419,6 @@ var S_Error = styled_components_1.default.div(templateObject_23 || (templateObje
     var theme = _a.theme;
     return theme.spacing.spacingA;
 });
-var S_PrefixText = styled_components_1.default.div(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n  display: flex;\n  min-width: fit-content;\n"], ["\n  display: flex;\n  min-width: fit-content;\n"])));
+var S_PrefixText = styled_components_1.default.div(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n  display: flex;\n  min-width: fit-content;\n"], ["\n  display: flex;\n  min-width: fit-content;\n"])));
 exports.default = TextField;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26;

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

@@ -1,8 +1,10 @@
 /// <reference types="react" />
 import type { LanguageCode } from '../../../common/types';
 import type { RichTextEditorProps } from '../../components/RichTextEditor/RichTextEditor';
+import type { ImageUploadHandler } from '../../../mobile/components/RichTextEditor';
 export type RichEditorConfig = Omit<RichTextEditorProps, 'toolbar'> & {
     toolbar?: string[];
+    onImageUpload: ImageUploadHandler;
 };
 type LocalizedContentModalProps = {
     isOpen: boolean;

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

@@ -30,14 +30,23 @@ var styled_components_1 = __importDefault(require("styled-components"));
 var AnnotationSheet_1 = require("../AnnotationSheet");
 var DesktopBasicModal_1 = require("../DesktopBasicModal");
 var LANGUAGE_I18N_KEYS = {
-    en: 'str_multilingual_en',
     ko: 'str_multilingual_ko',
+    en: 'str_multilingual_en',
     ja: 'str_multilingual_ja',
     zh: 'str_multilingual_zh_cn',
     'zh-Hant': 'str_multilingual_zh_tw',
     fr: 'str_multilingual_fr',
     es: 'str_multilingual_es'
 };
+var LANGUAGE_DESC_TEXT_KEYS = {
+    ko: 'str_9064',
+    en: 'str_9065',
+    ja: 'str_9066',
+    zh: 'str_9067',
+    'zh-Hant': 'str_9068',
+    fr: 'str_9069',
+    es: 'str_9070'
+};
 function LocalizedContentModal(_a) {
     var isOpen = _a.isOpen, _b = _a.size, size = _b === void 0 ? 'medium' : _b, textFieldLineType = _a.textFieldLineType, originalText = _a.originalText, initialValues = _a.initialValues, visibleLanguages = _a.visibleLanguages, readonly = _a.readonly, richEditorConfig = _a.richEditorConfig, onClose = _a.onClose, onApply = _a.onApply;
     var t = (0, react_i18next_1.useTranslation)().t;
@@ -62,7 +71,7 @@ function LocalizedContentModal(_a) {
     if (!isOpen)
         return null;
     return ((0, jsx_runtime_1.jsx)(DesktopBasicModal_1.DesktopBasicModal, __assign({ titleText: t('str_multilingual_settings'), btnMode: readonly ? 'mbtn_amount1' : 'mbtn_amount2', mBtn1Text: readonly ? t('str_confirm') : t('str_apply'), mBtn2Text: t('str_cancel'), size: size, onClickMBtn1: handleApply, onClickMBtn2: handleCancel }, { children: (0, jsx_runtime_1.jsxs)(react_hook_form_1.FormProvider, __assign({}, methods, { children: [originalText && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: t('str_original_text'), wordBreak: "keep_all", styleTheme: "subTitleBold", colorTheme: "sysTextPrimary" }), textFieldLineType === 'tinyeditor' ? ((0, jsx_runtime_1.jsx)(S_ReadonlyContent, { children: (0, jsx_runtime_1.jsx)(HTMLReader_1.HTMLReader, { data: originalText }) })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_d" }), (0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: originalText, wordBreak: "keep_all", styleTheme: "body2Regular", colorTheme: "sysTextPrimary" })] })), (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" })] })), visibleLanguages === null || visibleLanguages === void 0 ? void 0 : visibleLanguages.map(function (languageCode, index) {
-                    return ((0, jsx_runtime_1.jsxs)(S_LanguageField, { children: [(0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: "".concat(t(LANGUAGE_I18N_KEYS[languageCode])), styleTheme: "subTitleBold", colorTheme: "sysTextPrimary" }), (0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_b" }), textFieldLineType === 'tinyeditor' ? (readonly ? ((0, jsx_runtime_1.jsx)(AnnotationSheet_1.AnnotationSheet, __assign({ width: "100%", height: "240px", backgroundColorTheme: "base3", shapeType: "round", radius: 16, paddingTop: "spacing_d", paddingRight: "spacing_d", paddingBottom: "spacing_d", paddingLeft: "spacing_d" }, { children: (0, jsx_runtime_1.jsx)(S_ReadonlyContent, { dangerouslySetInnerHTML: {
+                    return ((0, jsx_runtime_1.jsxs)(S_LanguageField, { children: [(0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: t(LANGUAGE_I18N_KEYS[languageCode]), styleTheme: "subTitleBold", colorTheme: "sysTextPrimary" }), (0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_b" }), (0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: t(LANGUAGE_DESC_TEXT_KEYS[languageCode]), styleTheme: "caption1Regular", colorTheme: "sysTextSecondary" }), (0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_b" }), textFieldLineType === 'tinyeditor' ? (readonly ? ((0, jsx_runtime_1.jsx)(AnnotationSheet_1.AnnotationSheet, __assign({ width: "100%", height: "240px", backgroundColorTheme: "base3", shapeType: "round", radius: 16, paddingTop: "spacing_d", paddingRight: "spacing_d", paddingBottom: "spacing_d", paddingLeft: "spacing_d" }, { children: (0, jsx_runtime_1.jsx)(S_ReadonlyContent, { dangerouslySetInnerHTML: {
                                         __html: (initialValues === null || initialValues === void 0 ? void 0 : initialValues[languageCode]) || ''
                                     } }) }))) : ((0, jsx_runtime_1.jsx)(components_1.RichTextEditor, __assign({}, richEditorConfig, { onChange: function (value) { return methods.setValue(languageCode, value); }, defaultText: methods.getValues(languageCode), toolbar: (richEditorConfig === null || richEditorConfig === void 0 ? void 0 : richEditorConfig.toolbar) || [
                                     'blocks',

package/package.json

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

package/release-note.md

@@ -1,6 +1,6 @@
 # PDS-DEV-KIT-WEB Release Notes
-## [v2.2.239]
+## [v2.2.241]
 ## daily|https://design.storybook.publ.biz/
 
 ### 업데이트 사항
-* [PDS-1368] TextField의 prefix가 본인의 너비를 보장하지 못하는 문제
+* [PDS-1360] 다국어 설정 모달 언어별 입력에 descText 추가