pds-dev-kit-web-test 0.3.67 → 0.3.69
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 +2 -1
- package/dist/src/common/services/i18n/resources/es.json +2 -1
- package/dist/src/common/services/i18n/resources/fil.json +2 -1
- package/dist/src/common/services/i18n/resources/index.d.ts +7 -0
- package/dist/src/common/services/i18n/resources/ja.json +2 -1
- package/dist/src/common/services/i18n/resources/ko.json +2 -1
- package/dist/src/common/services/i18n/resources/zh-cn.json +2 -1
- package/dist/src/common/services/i18n/resources/zh-tw.json +2 -1
- package/dist/src/desktop/components/DesktopAlertDialog/DesktopAlertDialog.js +12 -19
- package/dist/src/desktop/components/TextButton/TextButton.d.ts +2 -3
- package/dist/src/desktop/components/TextButton/TextButton.js +2 -2
- package/dist/src/sub/DynamicLayout/pagesPreviewMock.d.ts +418 -4
- package/dist/src/sub/DynamicLayout/pagesPreviewMock.js +601 -10
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/ComponentBlockMatcher.js +3 -0
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Embed/Embed.d.ts +5 -0
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Embed/Embed.js +48 -0
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Embed/EmbedIframe.d.ts +8 -0
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Embed/EmbedIframe.js +45 -0
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Embed/IframeDenied.d.ts +3 -0
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Embed/IframeDenied.js +21 -0
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Embed/constant.d.ts +1 -0
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Embed/constant.js +4 -0
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Embed/types.d.ts +6 -0
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Embed/types.js +2 -0
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/types.d.ts +3 -0
- package/dist/src/sub/DynamicLayout/sections/CustomSection/types.d.ts +11 -4
- package/dist/src/sub/DynamicLayout/sections/CustomSection/types.js +1 -0
- package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parseProperties.d.ts +2 -2
- package/dist/src/sub/DynamicLayout/sections/CustomSection/util/types.d.ts +11 -1
- package/package.json +1 -1
|
@@ -23,6 +23,7 @@
|
|
|
23
23
|
"str_payment_option_subs_regularly": "Regular Payment",
|
|
24
24
|
"str_5831": "{{price}} USD",
|
|
25
25
|
"str_start": "Start",
|
|
26
|
-
"str_free": "FREE"
|
|
26
|
+
"str_free": "FREE",
|
|
27
|
+
"str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info": "Unable to run because the provider's domain is disconnected."
|
|
27
28
|
}
|
|
28
29
|
}
|
|
@@ -23,6 +23,7 @@
|
|
|
23
23
|
"str_payment_option_subs_regularly": "Regular Payment",
|
|
24
24
|
"str_5831": "{{price}} USD",
|
|
25
25
|
"str_start": "Start",
|
|
26
|
-
"str_free": "FREE"
|
|
26
|
+
"str_free": "FREE",
|
|
27
|
+
"str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info": "Unable to run because the provider's domain is disconnected."
|
|
27
28
|
}
|
|
28
29
|
}
|
|
@@ -23,6 +23,7 @@
|
|
|
23
23
|
"str_payment_option_subs_regularly": "Regular na Pagbabayad",
|
|
24
24
|
"str_5831": "{{price}} USD",
|
|
25
25
|
"str_start": "Start",
|
|
26
|
-
"str_free": "FREE"
|
|
26
|
+
"str_free": "FREE",
|
|
27
|
+
"str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info": "Unable to run because the provider's domain is disconnected."
|
|
27
28
|
}
|
|
28
29
|
}
|
|
@@ -25,6 +25,7 @@ declare const locale: {
|
|
|
25
25
|
str_5831: string;
|
|
26
26
|
str_start: string;
|
|
27
27
|
str_free: string;
|
|
28
|
+
str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info: string;
|
|
28
29
|
};
|
|
29
30
|
};
|
|
30
31
|
readonly en: {
|
|
@@ -53,6 +54,7 @@ declare const locale: {
|
|
|
53
54
|
str_5831: string;
|
|
54
55
|
str_start: string;
|
|
55
56
|
str_free: string;
|
|
57
|
+
str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info: string;
|
|
56
58
|
};
|
|
57
59
|
};
|
|
58
60
|
readonly ja: {
|
|
@@ -81,6 +83,7 @@ declare const locale: {
|
|
|
81
83
|
str_5831: string;
|
|
82
84
|
str_start: string;
|
|
83
85
|
str_free: string;
|
|
86
|
+
str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info: string;
|
|
84
87
|
};
|
|
85
88
|
};
|
|
86
89
|
readonly es: {
|
|
@@ -109,6 +112,7 @@ declare const locale: {
|
|
|
109
112
|
str_5831: string;
|
|
110
113
|
str_start: string;
|
|
111
114
|
str_free: string;
|
|
115
|
+
str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info: string;
|
|
112
116
|
};
|
|
113
117
|
};
|
|
114
118
|
readonly 'zh-cn': {
|
|
@@ -137,6 +141,7 @@ declare const locale: {
|
|
|
137
141
|
str_5831: string;
|
|
138
142
|
str_start: string;
|
|
139
143
|
str_free: string;
|
|
144
|
+
str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info: string;
|
|
140
145
|
};
|
|
141
146
|
};
|
|
142
147
|
readonly 'zh-tw': {
|
|
@@ -165,6 +170,7 @@ declare const locale: {
|
|
|
165
170
|
str_5831: string;
|
|
166
171
|
str_start: string;
|
|
167
172
|
str_free: string;
|
|
173
|
+
str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info: string;
|
|
168
174
|
};
|
|
169
175
|
};
|
|
170
176
|
readonly fil: {
|
|
@@ -193,6 +199,7 @@ declare const locale: {
|
|
|
193
199
|
str_5831: string;
|
|
194
200
|
str_start: string;
|
|
195
201
|
str_free: string;
|
|
202
|
+
str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info: string;
|
|
196
203
|
};
|
|
197
204
|
};
|
|
198
205
|
};
|
|
@@ -23,6 +23,7 @@
|
|
|
23
23
|
"str_payment_option_subs_regularly": "Regular Payment",
|
|
24
24
|
"str_5831": "{{price}} USD",
|
|
25
25
|
"str_start": "Start",
|
|
26
|
-
"str_free": "FREE"
|
|
26
|
+
"str_free": "FREE",
|
|
27
|
+
"str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info": "Unable to run because the provider's domain is disconnected."
|
|
27
28
|
}
|
|
28
29
|
}
|
|
@@ -23,6 +23,7 @@
|
|
|
23
23
|
"str_payment_option_subs_regularly": "定期付款",
|
|
24
24
|
"str_5831": "{{price}} USD",
|
|
25
25
|
"str_start": "Start",
|
|
26
|
-
"str_free": "FREE"
|
|
26
|
+
"str_free": "FREE",
|
|
27
|
+
"str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info": "Unable to run because the provider's domain is disconnected."
|
|
27
28
|
}
|
|
28
29
|
}
|
|
@@ -23,6 +23,7 @@
|
|
|
23
23
|
"str_payment_option_subs_regularly": "定期結算",
|
|
24
24
|
"str_5831": "{{price}} USD",
|
|
25
25
|
"str_start": "Start",
|
|
26
|
-
"str_free": "FREE"
|
|
26
|
+
"str_free": "FREE",
|
|
27
|
+
"str_key_user_scene_x00001pages_notconnectdomain_embedcb_hide_info": "Unable to run because the provider's domain is disconnected."
|
|
27
28
|
}
|
|
28
29
|
}
|
|
@@ -44,24 +44,17 @@ function DesktopAlertDialog(_a) {
|
|
|
44
44
|
};
|
|
45
45
|
}, []);
|
|
46
46
|
// Enter 키 입력 감지를 위한 useEffect
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
// }, []);
|
|
59
|
-
function handleKeyDown(e) {
|
|
60
|
-
console.log(e);
|
|
61
|
-
if (e.key === 'Enter') {
|
|
62
|
-
onClickTBtn1 && onClickTBtn1();
|
|
63
|
-
}
|
|
64
|
-
}
|
|
47
|
+
(0, react_1.useEffect)(function () {
|
|
48
|
+
var handleKeyDown = function (event) {
|
|
49
|
+
if (event.key === 'Enter') {
|
|
50
|
+
onClickTBtn1 && onClickTBtn1();
|
|
51
|
+
}
|
|
52
|
+
};
|
|
53
|
+
document.addEventListener('keydown', handleKeyDown);
|
|
54
|
+
return function () {
|
|
55
|
+
document.removeEventListener('keydown', handleKeyDown);
|
|
56
|
+
};
|
|
57
|
+
}, [onClickTBtn1]);
|
|
65
58
|
var btn1Mode = ['tbtn_amount1', 'tbtn_amount2', 'tbtn_amount3'];
|
|
66
59
|
var btn2Mode = ['tbtn_amount2', 'tbtn_amount3'];
|
|
67
60
|
var btn3Mode = ['tbtn_amount3'];
|
|
@@ -70,7 +63,7 @@ function DesktopAlertDialog(_a) {
|
|
|
70
63
|
return ((0, jsx_runtime_1.jsxs)(S_IconWrapper, { children: [iconMode === 'success' && ((0, jsx_runtime_1.jsx)(hybrid_1.Icon, { iconName: "ic_success", size: 72, colorKey: "ui_cpnt_alertdialog_icon_success" })), iconMode === 'error' && ((0, jsx_runtime_1.jsx)(hybrid_1.Icon, { iconName: "ic_error", size: 72, colorKey: "ui_cpnt_alertdialog_icon_error" })), iconMode === 'warning' && ((0, jsx_runtime_1.jsx)(hybrid_1.Icon, { iconName: "ic_warning", size: 72, colorKey: "ui_cpnt_alertdialog_icon_warning" })), iconMode === 'information' && ((0, jsx_runtime_1.jsx)(hybrid_1.Icon, { iconName: "ic_information", size: 72, colorKey: "ui_cpnt_alertdialog_icon_information" }))] }));
|
|
71
64
|
}
|
|
72
65
|
};
|
|
73
|
-
return react_dom_1.default.createPortal((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(S_ModalOverlay, {}), (0, jsx_runtime_1.jsxs)(S_ModalWrapper, __assign({ "x-pds-name": "DesktopAlertDialog", "x-pds-element-type": "component", "x-pds-device-type": "desktop" }, { children: [(0, jsx_runtime_1.jsxs)(S_UpperBox, { children: [icon(), iconMode !== 'none' && (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d", spacingType: "width" }), (0, jsx_runtime_1.jsxs)(S_TextBox, { children: [titleText && ((0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: titleText, colorTheme: "sysTextPrimary", styleTheme: "leadParaBold" })), titleText && (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_c" }), contentText && ((0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: contentText, colorTheme: "sysTextPrimary", styleTheme: "body1Regular" }))] })] }), (0, jsx_runtime_1.jsxs)(S_Footer, { children: [btn3Mode.includes(btnMode) && tBtn3Text && ((0, jsx_runtime_1.jsx)(TextButton_1.TextButton, { text: tBtn3Text, state: tBtn3State, type: tBtn3Type, size: "large", onClick: onClickTBtn3, colorTheme: "grey_01" })), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" }), btn2Mode.includes(btnMode) && tBtn2Text && ((0, jsx_runtime_1.jsx)(TextButton_1.TextButton, { text: tBtn2Text, state: tBtn2State, type: tBtn2Type, size: "large", onClick: onClickTBtn2, colorTheme: "grey_01" })), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" }), btn1Mode.includes(btnMode) && tBtn1Text && ((0, jsx_runtime_1.jsx)(TextButton_1.TextButton, { text: tBtn1Text, state: tBtn1State, type: tBtn1Type, size: "large", onClick: onClickTBtn1
|
|
66
|
+
return react_dom_1.default.createPortal((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(S_ModalOverlay, {}), (0, jsx_runtime_1.jsxs)(S_ModalWrapper, __assign({ "x-pds-name": "DesktopAlertDialog", "x-pds-element-type": "component", "x-pds-device-type": "desktop" }, { children: [(0, jsx_runtime_1.jsxs)(S_UpperBox, { children: [icon(), iconMode !== 'none' && (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d", spacingType: "width" }), (0, jsx_runtime_1.jsxs)(S_TextBox, { children: [titleText && ((0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: titleText, colorTheme: "sysTextPrimary", styleTheme: "leadParaBold" })), titleText && (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_c" }), contentText && ((0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: contentText, colorTheme: "sysTextPrimary", styleTheme: "body1Regular" }))] })] }), (0, jsx_runtime_1.jsxs)(S_Footer, { children: [btn3Mode.includes(btnMode) && tBtn3Text && ((0, jsx_runtime_1.jsx)(TextButton_1.TextButton, { text: tBtn3Text, state: tBtn3State, type: tBtn3Type, size: "large", onClick: onClickTBtn3, colorTheme: "grey_01" })), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" }), btn2Mode.includes(btnMode) && tBtn2Text && ((0, jsx_runtime_1.jsx)(TextButton_1.TextButton, { text: tBtn2Text, state: tBtn2State, type: tBtn2Type, size: "large", onClick: onClickTBtn2, colorTheme: "grey_01" })), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" }), btn1Mode.includes(btnMode) && tBtn1Text && ((0, jsx_runtime_1.jsx)(TextButton_1.TextButton, { text: tBtn1Text, state: tBtn1State, type: tBtn1Type, size: "large", onClick: onClickTBtn1 }))] })] }))] }), container);
|
|
74
67
|
}
|
|
75
68
|
var S_UpperBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n margin: ", ";\n"], ["\n display: flex;\n margin: ", ";\n"])), function (_a) {
|
|
76
69
|
var theme = _a.theme;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
import type { PDSTextType } from '../../../common';
|
|
2
|
-
import type React from 'react';
|
|
3
3
|
export type TextButtonProps = {
|
|
4
4
|
text?: PDSTextType;
|
|
5
5
|
size?: 'rlarge' | 'large' | 'medium' | 'small' | 'xsmall';
|
|
@@ -9,7 +9,6 @@ export type TextButtonProps = {
|
|
|
9
9
|
state?: 'normal' | 'disabled';
|
|
10
10
|
colorTheme?: 'none' | 'red' | 'grey_01' | 'grey2' | 'white' | 'white2';
|
|
11
11
|
onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
|
|
12
|
-
onKeyDown?: (e: React.KeyboardEvent<HTMLButtonElement>) => void;
|
|
13
12
|
};
|
|
14
|
-
declare function TextButton({ text, size, responsiveMode, fontWeight, type, state, colorTheme, onClick,
|
|
13
|
+
declare function TextButton({ text, size, responsiveMode, fontWeight, type, state, colorTheme, onClick, ...rest }: TextButtonProps): JSX.Element;
|
|
15
14
|
export default TextButton;
|
|
@@ -69,13 +69,13 @@ var textColor = {
|
|
|
69
69
|
white2: 'sysTextWhite'
|
|
70
70
|
};
|
|
71
71
|
function TextButton(_a) {
|
|
72
|
-
var text = _a.text, _b = _a.size, size = _b === void 0 ? 'large' : _b, _c = _a.responsiveMode, responsiveMode = _c === void 0 ? 'none' : _c, fontWeight = _a.fontWeight, _d = _a.type, type = _d === void 0 ? 'button' : _d, _e = _a.state, state = _e === void 0 ? 'normal' : _e, _f = _a.colorTheme, colorTheme = _f === void 0 ? 'none' : _f, onClick = _a.onClick,
|
|
72
|
+
var text = _a.text, _b = _a.size, size = _b === void 0 ? 'large' : _b, _c = _a.responsiveMode, responsiveMode = _c === void 0 ? 'none' : _c, fontWeight = _a.fontWeight, _d = _a.type, type = _d === void 0 ? 'button' : _d, _e = _a.state, state = _e === void 0 ? 'normal' : _e, _f = _a.colorTheme, colorTheme = _f === void 0 ? 'none' : _f, onClick = _a.onClick, rest = __rest(_a, ["text", "size", "responsiveMode", "fontWeight", "type", "state", "colorTheme", "onClick"]);
|
|
73
73
|
var handleClick = function (e) {
|
|
74
74
|
if (onClick) {
|
|
75
75
|
onClick(e);
|
|
76
76
|
}
|
|
77
77
|
};
|
|
78
|
-
return ((0, jsx_runtime_1.jsx)(S_Button, __assign({ "x-pds-name": "TextButton", "x-pds-element-type": "component", "x-pds-device-type": "desktop" }, rest, { size: size, responsiveMode: responsiveMode, onClick: handleClick,
|
|
78
|
+
return ((0, jsx_runtime_1.jsx)(S_Button, __assign({ "x-pds-name": "TextButton", "x-pds-element-type": "component", "x-pds-device-type": "desktop" }, rest, { size: size, responsiveMode: responsiveMode, onClick: handleClick, type: type, fontWeight: fontWeight, disabled: state === 'disabled', state: state, colorTheme: colorTheme }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: text, styleTheme: textStyle[size], colorTheme: state === 'disabled' ? 'sysTextTertiary' : textColor[colorTheme], singleLineMode: "use", ellipsisMode: "use", lineLimit: 1, wordBreak: "break_all" }) })));
|
|
79
79
|
}
|
|
80
80
|
var large = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border-radius: 14px;\n height: 48px;\n ", ";\n\n & > div {\n height: 48px;\n line-height: 48px;\n }\n"], ["\n border-radius: 14px;\n height: 48px;\n ", ";\n\n & > div {\n height: 48px;\n line-height: 48px;\n }\n"])), function (_a) {
|
|
81
81
|
var size = _a.size;
|