pds-dev-kit-web 2.2.242 → 2.2.243
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/src/common/services/i18n/resources/en.json +3 -1
- package/dist/src/common/services/i18n/resources/es.json +3 -1
- package/dist/src/common/services/i18n/resources/fil.json +3 -1
- package/dist/src/common/services/i18n/resources/index.d.ts +14 -0
- package/dist/src/common/services/i18n/resources/ja.json +3 -1
- package/dist/src/common/services/i18n/resources/ko.json +3 -1
- package/dist/src/common/services/i18n/resources/zh-cn.json +3 -1
- package/dist/src/common/services/i18n/resources/zh-tw.json +3 -1
- package/dist/src/desktop/panels/LocalizedContentModal/LocalizedContentModal.d.ts +10 -2
- package/dist/src/desktop/panels/LocalizedContentModal/LocalizedContentModal.js +92 -18
- package/package.json +1 -1
- package/release-note.md +3 -3
|
@@ -100,6 +100,8 @@
|
|
|
100
100
|
"str_9067": "If Simplified Chinese is not entered, members will see the content in English.",
|
|
101
101
|
"str_9068": "If Traditional Chinese is not entered, members will see the content in English.",
|
|
102
102
|
"str_9069": "If French is not entered, members will see the content in English.",
|
|
103
|
-
"str_9070": "If Spanish is not entered, members will see the content in English."
|
|
103
|
+
"str_9070": "If Spanish is not entered, members will see the content in English.",
|
|
104
|
+
"str_upload": "Upload",
|
|
105
|
+
"str_delete": "Delete"
|
|
104
106
|
}
|
|
105
107
|
}
|
|
@@ -100,6 +100,8 @@
|
|
|
100
100
|
"str_9067": "Si no ingresa chino simplificado, se mostrará a los miembros en inglés.",
|
|
101
101
|
"str_9068": "Si no ingresa en chino tradicional, se mostrará a los miembros en inglés.",
|
|
102
102
|
"str_9069": "Si no ingresa en francés, se mostrará a los miembros en inglés.",
|
|
103
|
-
"str_9070": "Si no ingresa en español, se mostrará a los miembros en inglés."
|
|
103
|
+
"str_9070": "Si no ingresa en español, se mostrará a los miembros en inglés.",
|
|
104
|
+
"str_upload": "Subir",
|
|
105
|
+
"str_delete": "borrar"
|
|
104
106
|
}
|
|
105
107
|
}
|
|
@@ -93,6 +93,8 @@
|
|
|
93
93
|
"str_channel_min_price": "ex) {{channelMinPrice}}",
|
|
94
94
|
"str_friendly_currency_won": "nalo",
|
|
95
95
|
"str_friendly_currency_jpy": "JPY",
|
|
96
|
-
"str_friendly_currency_dollar": "dolyar"
|
|
96
|
+
"str_friendly_currency_dollar": "dolyar",
|
|
97
|
+
"str_upload": "Upload",
|
|
98
|
+
"str_delete": "Tanggalin"
|
|
97
99
|
}
|
|
98
100
|
}
|
|
@@ -103,6 +103,8 @@ declare const locale: {
|
|
|
103
103
|
str_9068: string;
|
|
104
104
|
str_9069: string;
|
|
105
105
|
str_9070: string;
|
|
106
|
+
str_upload: string;
|
|
107
|
+
str_delete: string;
|
|
106
108
|
};
|
|
107
109
|
};
|
|
108
110
|
readonly en: {
|
|
@@ -208,6 +210,8 @@ declare const locale: {
|
|
|
208
210
|
str_9068: string;
|
|
209
211
|
str_9069: string;
|
|
210
212
|
str_9070: string;
|
|
213
|
+
str_upload: string;
|
|
214
|
+
str_delete: string;
|
|
211
215
|
};
|
|
212
216
|
};
|
|
213
217
|
readonly ja: {
|
|
@@ -313,6 +317,8 @@ declare const locale: {
|
|
|
313
317
|
str_9068: string;
|
|
314
318
|
str_9069: string;
|
|
315
319
|
str_9070: string;
|
|
320
|
+
str_upload: string;
|
|
321
|
+
str_delete: string;
|
|
316
322
|
};
|
|
317
323
|
};
|
|
318
324
|
readonly es: {
|
|
@@ -418,6 +424,8 @@ declare const locale: {
|
|
|
418
424
|
str_9068: string;
|
|
419
425
|
str_9069: string;
|
|
420
426
|
str_9070: string;
|
|
427
|
+
str_upload: string;
|
|
428
|
+
str_delete: string;
|
|
421
429
|
};
|
|
422
430
|
};
|
|
423
431
|
readonly 'zh-cn': {
|
|
@@ -523,6 +531,8 @@ declare const locale: {
|
|
|
523
531
|
str_9068: string;
|
|
524
532
|
str_9069: string;
|
|
525
533
|
str_9070: string;
|
|
534
|
+
str_upload: string;
|
|
535
|
+
str_delete: string;
|
|
526
536
|
};
|
|
527
537
|
};
|
|
528
538
|
readonly 'zh-tw': {
|
|
@@ -628,6 +638,8 @@ declare const locale: {
|
|
|
628
638
|
str_9068: string;
|
|
629
639
|
str_9069: string;
|
|
630
640
|
str_9070: string;
|
|
641
|
+
str_upload: string;
|
|
642
|
+
str_delete: string;
|
|
631
643
|
};
|
|
632
644
|
};
|
|
633
645
|
readonly fil: {
|
|
@@ -726,6 +738,8 @@ declare const locale: {
|
|
|
726
738
|
str_friendly_currency_won: string;
|
|
727
739
|
str_friendly_currency_jpy: string;
|
|
728
740
|
str_friendly_currency_dollar: string;
|
|
741
|
+
str_upload: string;
|
|
742
|
+
str_delete: string;
|
|
729
743
|
};
|
|
730
744
|
};
|
|
731
745
|
};
|
|
@@ -100,6 +100,8 @@
|
|
|
100
100
|
"str_9067": "簡体字中国語を入力しないと、会員に英語で表示されます。",
|
|
101
101
|
"str_9068": "中国語・繁体字を入力しない場合は、会員に英語で表示されます。",
|
|
102
102
|
"str_9069": "フランス語を入力しないと、メンバーに英語で表示されます。",
|
|
103
|
-
"str_9070": "スペイン語を入力しないと、会員に英語で表示されます。"
|
|
103
|
+
"str_9070": "スペイン語を入力しないと、会員に英語で表示されます。",
|
|
104
|
+
"str_upload": "アップロード",
|
|
105
|
+
"str_delete": "削除"
|
|
104
106
|
}
|
|
105
107
|
}
|
|
@@ -101,6 +101,8 @@
|
|
|
101
101
|
"str_9067": "중국어-간체를 입력하지 않을 경우, 회원에게 영어로 보여집니다.",
|
|
102
102
|
"str_9068": "중국어-번체를 입력하지 않을 경우, 회원에게 영어로 보여집니다.",
|
|
103
103
|
"str_9069": "프랑스어를 입력하지 않을 경우, 회원에게 영어로 보여집니다.",
|
|
104
|
-
"str_9070": "스페인어를 입력하지 않을 경우, 회원에게 영어로 보여집니다."
|
|
104
|
+
"str_9070": "스페인어를 입력하지 않을 경우, 회원에게 영어로 보여집니다.",
|
|
105
|
+
"str_upload": "업로드",
|
|
106
|
+
"str_delete": "삭제"
|
|
105
107
|
}
|
|
106
108
|
}
|
|
@@ -100,6 +100,8 @@
|
|
|
100
100
|
"str_9067": "如果您不输入简体中文，则会员以英文显示给会员。",
|
|
101
101
|
"str_9068": "如果您不输入繁体中文，则会员以英文显示给会员。",
|
|
102
102
|
"str_9069": "如果您不输入法语，则会员以英文显示给会员。",
|
|
103
|
-
"str_9070": "如果您不输入西班牙语，它将以英文显示给会员。"
|
|
103
|
+
"str_9070": "如果您不输入西班牙语，它将以英文显示给会员。",
|
|
104
|
+
"str_upload": "上传",
|
|
105
|
+
"str_delete": "删除"
|
|
104
106
|
}
|
|
105
107
|
}
|
|
@@ -100,6 +100,8 @@
|
|
|
100
100
|
"str_9067": "如果您不輸入簡體中文，則以英文顯示給會員。",
|
|
101
101
|
"str_9068": "如果您不輸入繁體中文，則以英文顯示給會員。",
|
|
102
102
|
"str_9069": "如果您不輸入法語，則以英文顯示給會員。",
|
|
103
|
-
"str_9070": "如果您不輸入西班牙語，則以英文顯示給會員。"
|
|
103
|
+
"str_9070": "如果您不輸入西班牙語，則以英文顯示給會員。",
|
|
104
|
+
"str_upload": "上傳",
|
|
105
|
+
"str_delete": "刪除"
|
|
104
106
|
}
|
|
105
107
|
}
|
|
@@ -1,26 +1,34 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { LanguageCode } from '../../../common/types';
|
|
3
3
|
import type { RichTextEditorProps } from '../../components/RichTextEditor/RichTextEditor';
|
|
4
|
+
import type { ImageViewProps } from '../../../hybrid/components/ImageView/ImageView';
|
|
4
5
|
import type { ImageUploadHandler } from '../../../mobile/components/RichTextEditor';
|
|
5
6
|
export type RichEditorConfig = Omit<RichTextEditorProps, 'toolbar'> & {
|
|
6
7
|
toolbar?: string[];
|
|
7
8
|
onImageUpload: ImageUploadHandler;
|
|
8
9
|
};
|
|
10
|
+
export type ImageConfig = ImageViewProps & {
|
|
11
|
+
accept?: string;
|
|
12
|
+
onValid: (file: File) => boolean;
|
|
13
|
+
onImageUpload: ImageUploadHandler;
|
|
14
|
+
};
|
|
9
15
|
type LocalizedContentModalProps = {
|
|
10
16
|
isOpen: boolean;
|
|
11
17
|
size?: 'large' | 'medium' | 'small' | 'rlarge';
|
|
18
|
+
originalFieldType?: 'text' | 'image';
|
|
12
19
|
textFieldLineType?: 'single' | 'multi' | 'auto' | 'tinyeditor';
|
|
13
20
|
originalText?: string;
|
|
14
21
|
initialValues?: {
|
|
15
22
|
[key in LanguageCode]?: string;
|
|
16
23
|
};
|
|
17
24
|
visibleLanguages?: LanguageCode[];
|
|
18
|
-
readonly?: boolean;
|
|
19
25
|
richEditorConfig?: RichEditorConfig;
|
|
26
|
+
imageConfig?: ImageConfig;
|
|
27
|
+
readonly?: boolean;
|
|
20
28
|
onClose: () => void;
|
|
21
29
|
onApply?: (values: {
|
|
22
30
|
[key in LanguageCode]?: string;
|
|
23
31
|
}) => void;
|
|
24
32
|
};
|
|
25
|
-
declare function LocalizedContentModal({ isOpen, size, textFieldLineType, originalText, initialValues, visibleLanguages, readonly, richEditorConfig, onClose, onApply }: LocalizedContentModalProps): JSX.Element | null;
|
|
33
|
+
declare function LocalizedContentModal({ isOpen, originalFieldType, size, textFieldLineType, originalText, initialValues, visibleLanguages, readonly, richEditorConfig, imageConfig, onClose, onApply }: LocalizedContentModalProps): JSX.Element | null;
|
|
26
34
|
export default LocalizedContentModal;
|
|
@@ -14,6 +14,42 @@ var __assign = (this && this.__assign) || function () {
|
|
|
14
14
|
};
|
|
15
15
|
return __assign.apply(this, arguments);
|
|
16
16
|
};
|
|
17
|
+
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
18
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
19
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
20
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
21
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
22
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
23
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
24
|
+
});
|
|
25
|
+
};
|
|
26
|
+
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
27
|
+
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
28
|
+
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
29
|
+
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
30
|
+
function step(op) {
|
|
31
|
+
if (f) throw new TypeError("Generator is already executing.");
|
|
32
|
+
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
|
33
|
+
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
34
|
+
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
35
|
+
switch (op[0]) {
|
|
36
|
+
case 0: case 1: t = op; break;
|
|
37
|
+
case 4: _.label++; return { value: op[1], done: false };
|
|
38
|
+
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
39
|
+
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
40
|
+
default:
|
|
41
|
+
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
42
|
+
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
43
|
+
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
44
|
+
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
45
|
+
if (t[2]) _.ops.pop();
|
|
46
|
+
_.trys.pop(); continue;
|
|
47
|
+
}
|
|
48
|
+
op = body.call(thisArg, _);
|
|
49
|
+
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
50
|
+
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
51
|
+
}
|
|
52
|
+
};
|
|
17
53
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
18
54
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
19
55
|
};
|
|
@@ -25,7 +61,9 @@ var react_i18next_1 = require("react-i18next");
|
|
|
25
61
|
var editorContentStyle_1 = require("../../../common/styles/editorContentStyle");
|
|
26
62
|
var components_1 = require("../../components");
|
|
27
63
|
var HTMLReader_1 = require("../../components/RichTextEditor/HTMLReader");
|
|
64
|
+
var index_1 = require("../../index");
|
|
28
65
|
var components_2 = require("../../../hybrid/components");
|
|
66
|
+
var components_3 = require("../../../sub/DynamicLayout/components");
|
|
29
67
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
30
68
|
var AnnotationSheet_1 = require("../AnnotationSheet");
|
|
31
69
|
var DesktopBasicModal_1 = require("../DesktopBasicModal");
|
|
@@ -48,18 +86,53 @@ var LANGUAGE_DESC_TEXT_KEYS = {
|
|
|
48
86
|
es: 'str_9070'
|
|
49
87
|
};
|
|
50
88
|
function LocalizedContentModal(_a) {
|
|
51
|
-
var
|
|
89
|
+
var _this = this;
|
|
90
|
+
var isOpen = _a.isOpen, _b = _a.originalFieldType, originalFieldType = _b === void 0 ? 'text' : _b, _c = _a.size, size = _c === void 0 ? 'medium' : _c, textFieldLineType = _a.textFieldLineType, originalText = _a.originalText, initialValues = _a.initialValues, visibleLanguages = _a.visibleLanguages, readonly = _a.readonly, richEditorConfig = _a.richEditorConfig, imageConfig = _a.imageConfig, onClose = _a.onClose, onApply = _a.onApply;
|
|
52
91
|
var t = (0, react_i18next_1.useTranslation)().t;
|
|
53
|
-
var
|
|
92
|
+
var form = (0, react_hook_form_1.useForm)({
|
|
54
93
|
defaultValues: initialValues
|
|
55
94
|
});
|
|
56
95
|
(0, react_1.useLayoutEffect)(function () {
|
|
57
96
|
if (isOpen && initialValues) {
|
|
58
|
-
|
|
97
|
+
form.reset(initialValues);
|
|
59
98
|
}
|
|
60
99
|
}, [isOpen, initialValues]);
|
|
100
|
+
var handleImageUpload = function (e, lang) { return __awaiter(_this, void 0, void 0, function () {
|
|
101
|
+
var file, isValid, result, error_1;
|
|
102
|
+
var _a;
|
|
103
|
+
return __generator(this, function (_b) {
|
|
104
|
+
switch (_b.label) {
|
|
105
|
+
case 0:
|
|
106
|
+
if (!((_a = e.target.files) === null || _a === void 0 ? void 0 : _a.length))
|
|
107
|
+
return [2 /*return*/];
|
|
108
|
+
file = e.target.files[0];
|
|
109
|
+
if (imageConfig === null || imageConfig === void 0 ? void 0 : imageConfig.onValid) {
|
|
110
|
+
isValid = imageConfig.onValid(file);
|
|
111
|
+
if (!isValid)
|
|
112
|
+
return [2 /*return*/];
|
|
113
|
+
}
|
|
114
|
+
if (!(imageConfig === null || imageConfig === void 0 ? void 0 : imageConfig.onImageUpload)) return [3 /*break*/, 4];
|
|
115
|
+
_b.label = 1;
|
|
116
|
+
case 1:
|
|
117
|
+
_b.trys.push([1, 3, , 4]);
|
|
118
|
+
return [4 /*yield*/, imageConfig.onImageUpload(file)];
|
|
119
|
+
case 2:
|
|
120
|
+
result = _b.sent();
|
|
121
|
+
if (result.location) {
|
|
122
|
+
form.setValue(lang, result.location);
|
|
123
|
+
}
|
|
124
|
+
return [3 /*break*/, 4];
|
|
125
|
+
case 3:
|
|
126
|
+
error_1 = _b.sent();
|
|
127
|
+
// eslint-disable-next-line no-console
|
|
128
|
+
console.error('Image upload failed', error_1);
|
|
129
|
+
return [3 /*break*/, 4];
|
|
130
|
+
case 4: return [2 /*return*/];
|
|
131
|
+
}
|
|
132
|
+
});
|
|
133
|
+
}); };
|
|
61
134
|
var handleApply = function () {
|
|
62
|
-
var formValues =
|
|
135
|
+
var formValues = form.getValues();
|
|
63
136
|
if (onApply) {
|
|
64
137
|
onApply(formValues);
|
|
65
138
|
}
|
|
@@ -70,22 +143,23 @@ function LocalizedContentModal(_a) {
|
|
|
70
143
|
};
|
|
71
144
|
if (!isOpen)
|
|
72
145
|
return null;
|
|
73
|
-
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({},
|
|
74
|
-
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'
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
146
|
+
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({}, form, { 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" }), originalFieldType === 'text' && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: 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" })] })) })), originalFieldType === 'image' && ((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_3.ImageView, __assign({ width: "responsive", height: "responsive" }, imageConfig, { src: 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" })] })), visibleLanguages === null || visibleLanguages === void 0 ? void 0 : visibleLanguages.map(function (languageCode, index) {
|
|
147
|
+
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" }), originalFieldType === 'text' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [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: {
|
|
148
|
+
__html: (initialValues === null || initialValues === void 0 ? void 0 : initialValues[languageCode]) || ''
|
|
149
|
+
} }) }))), textFieldLineType === 'tinyeditor' && !readonly && ((0, jsx_runtime_1.jsx)(components_1.RichTextEditor, __assign({}, richEditorConfig, { onChange: function (value) { return form.setValue(languageCode, value); }, defaultText: form.getValues(languageCode), toolbar: (richEditorConfig === null || richEditorConfig === void 0 ? void 0 : richEditorConfig.toolbar) || [
|
|
150
|
+
'blocks',
|
|
151
|
+
'bold italic underline strikethrough',
|
|
152
|
+
'alignleft aligncenter alignright alignjustify',
|
|
153
|
+
'outdent indent',
|
|
154
|
+
'forecolor backcolor numlist bullist blockquote',
|
|
155
|
+
'link insertfile image media',
|
|
156
|
+
'undo redo',
|
|
157
|
+
'code'
|
|
158
|
+
] }))), textFieldLineType !== 'tinyeditor' && ((0, jsx_runtime_1.jsx)(components_1.TextField, { responsiveMode: "use", multiRows: textFieldLineType === 'multi' ? 5 : undefined, autoMaxRows: textFieldLineType === 'auto' ? 5 : undefined, autoMinRows: textFieldLineType === 'auto' ? 1 : undefined, name: languageCode, hintText: t('str_9071'), placeholder: "Input Text", textLineType: textFieldLineType, state: readonly ? 'disabled' : 'normal' }))] })), originalFieldType === 'image' && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!readonly && ((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.jsxs)(S_ImageUploadButtonWrapper, { children: [(0, jsx_runtime_1.jsx)(index_1.D_UploadMainButton, { text: t('str_upload'), styleTheme: "secondary", size: "small", accept: (imageConfig === null || imageConfig === void 0 ? void 0 : imageConfig.accept) || 'image/png, image/jpg, image/jpeg, image/gif', onClick: function (e) { return handleImageUpload(e, languageCode); } }), (0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_b", spacingType: "width" }), (0, jsx_runtime_1.jsx)(components_1.MainButton, { text: t('str_delete'), styleTheme: "secondary", size: "small", state: form.watch(languageCode) ? 'normal' : 'disabled', onClick: function () { return form.setValue(languageCode, ''); } })] })] })), (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}), form.watch(languageCode) && ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_d" }), (0, jsx_runtime_1.jsx)(components_3.ImageView, __assign({ width: "responsive", height: "responsive" }, imageConfig, { src: form.watch(languageCode) }))] })), (0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_f" })] })), index < ((visibleLanguages === null || visibleLanguages === void 0 ? void 0 : visibleLanguages.length) || 0) - 1 && (0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_f" })] }, "".concat(languageCode, "_field")));
|
|
86
159
|
})] })) })));
|
|
87
160
|
}
|
|
88
161
|
var S_LanguageField = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n"], ["\n width: 100%;\n"])));
|
|
89
162
|
var S_ReadonlyContent = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", "\n height: 100%;\n overflow-y: auto;\n"], ["\n ", "\n height: 100%;\n overflow-y: auto;\n"])), editorContentStyle_1.editorContentStyle);
|
|
163
|
+
var S_ImageUploadButtonWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
90
164
|
exports.default = LocalizedContentModal;
|
|
91
|
-
var templateObject_1, templateObject_2;
|
|
165
|
+
var templateObject_1, templateObject_2, templateObject_3;
|
package/package.json
CHANGED
package/release-note.md
CHANGED