pds-dev-kit-web 2.2.235 → 2.2.237
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/assets/icons/fill/Gift.js +1 -1
- package/dist/src/desktop/components/RichTextEditor/HTMLReader.d.ts +5 -0
- package/dist/src/desktop/components/RichTextEditor/HTMLReader.js +35 -0
- package/dist/src/desktop/panels/LocalizedContentModal/LocalizedContentModal.js +2 -1
- package/package.json +1 -1
- package/release-note.md +2 -2
|
@@ -25,6 +25,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
25
25
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
26
26
|
var Gift = function (_a) {
|
|
27
27
|
var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
|
|
28
|
-
return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.
|
|
28
|
+
return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("g", __assign({ fill: "none" }, { children: (0, jsx_runtime_1.jsx)("path", { fill: color, fillRule: "evenodd", d: "M13.8,2.3596 C14.591,1.3776 15.88,0.9926 17.082,1.3776 C17.856,1.6256 18.486,2.1596 18.857,2.8796 C19.228,3.6006 19.295,4.4236 19.047,5.1976 C18.7037773,6.26707486 17.787759,7.05249947 16.6941925,7.25484256 L19.2831,7.2539 C20.9401,7.2539 22.2831,8.5969 22.2831,10.2539 L22.2831,12.1399 C22.2831,12.4159 22.0591,12.6399 21.7831,12.6399 L14.5291,12.6399 L14.5283,7.40538409 L13.25,7.4816 L13.25,22.0926 L10.75,22.0926 L10.75,7.4816 L9.4703,7.40538409 L9.4713,12.6399 L2.2173,12.6399 C1.9403,12.6399 1.7173,12.4159 1.7173,12.1399 L1.7173,10.2539 C1.7173,8.5969 3.0603,7.2539 4.7173,7.2539 L7.29874246,7.25515148 C6.21528902,7.05511083 5.29679344,6.26885328 4.953,5.1976 C4.442,3.6026 5.323,1.8896 6.918,1.3776 C8.12,0.9926 9.408,1.3776 10.199,2.3586 L12,4.5986 Z M21.5839,13.7451 L21.5839,19.0921 C21.5839,20.7491 20.2409,22.0921 18.5839,22.0921 L14.5289,22.0921 L14.5289,13.7451 L21.5839,13.7451 Z M9.4713,13.7451 L9.4713,22.0921 L5.4163,22.0921 C3.7593,22.0921 2.4163,20.7491 2.4163,19.0921 L2.4163,13.7451 L9.4713,13.7451 Z M16.154,3.7326 C15.998,3.7326 15.849,3.8016 15.748,3.9276 L14.99,4.8696 L16.141,4.8066 C16.354,4.7976 16.587,4.6806 16.666,4.4346 C16.758,4.1476 16.605,3.8506 16.319,3.7586 C16.264,3.7416 16.208,3.7326 16.154,3.7326 Z M7.846,3.7326 C7.791,3.7326 7.736,3.7416 7.681,3.7586 C7.395,3.8506 7.242,4.1476 7.334,4.4346 C7.413,4.6806 7.645,4.7976 7.841,4.8056 L9.01,4.8696 L8.252,3.9266 C8.151,3.8016 8.002,3.7326 7.846,3.7326 Z" }) })) })));
|
|
29
29
|
};
|
|
30
30
|
exports.default = Gift;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
+
};
|
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
+
exports.HTMLReader = void 0;
|
|
11
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
12
|
+
var react_1 = require("react");
|
|
13
|
+
var editorContentStyle_1 = require("../../../common/styles/editorContentStyle");
|
|
14
|
+
var styled_components_1 = __importDefault(require("styled-components"));
|
|
15
|
+
function HTMLReader(_a) {
|
|
16
|
+
var data = _a.data;
|
|
17
|
+
var contentRef = (0, react_1.useRef)(null);
|
|
18
|
+
/**
|
|
19
|
+
@when : data변경시
|
|
20
|
+
@expected : html을 출력합니다.
|
|
21
|
+
@clear : -
|
|
22
|
+
*/
|
|
23
|
+
(0, react_1.useEffect)(function () {
|
|
24
|
+
if (data && contentRef && contentRef.current) {
|
|
25
|
+
var dom = new DOMParser();
|
|
26
|
+
var doc = dom.parseFromString(data, 'text/html');
|
|
27
|
+
contentRef.current.innerHTML = doc.documentElement.innerHTML;
|
|
28
|
+
}
|
|
29
|
+
}, [data]);
|
|
30
|
+
return (0, jsx_runtime_1.jsx)(S_Content, { ref: contentRef });
|
|
31
|
+
}
|
|
32
|
+
exports.HTMLReader = HTMLReader;
|
|
33
|
+
exports.default = HTMLReader;
|
|
34
|
+
var S_Content = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), editorContentStyle_1.editorContentStyle);
|
|
35
|
+
var templateObject_1;
|
|
@@ -24,6 +24,7 @@ var react_hook_form_1 = require("react-hook-form");
|
|
|
24
24
|
var react_i18next_1 = require("react-i18next");
|
|
25
25
|
var editorContentStyle_1 = require("../../../common/styles/editorContentStyle");
|
|
26
26
|
var components_1 = require("../../components");
|
|
27
|
+
var HTMLReader_1 = require("../../components/RichTextEditor/HTMLReader");
|
|
27
28
|
var components_2 = require("../../../hybrid/components");
|
|
28
29
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
29
30
|
var AnnotationSheet_1 = require("../AnnotationSheet");
|
|
@@ -60,7 +61,7 @@ function LocalizedContentModal(_a) {
|
|
|
60
61
|
};
|
|
61
62
|
if (!isOpen)
|
|
62
63
|
return null;
|
|
63
|
-
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.
|
|
64
|
+
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) {
|
|
64
65
|
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: {
|
|
65
66
|
__html: (initialValues === null || initialValues === void 0 ? void 0 : initialValues[languageCode]) || ''
|
|
66
67
|
} }) }))) : ((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) || [
|
package/package.json
CHANGED
package/release-note.md
CHANGED