pds-dev-kit-web-test 0.3.68 → 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 -11
- 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;
|
|
@@ -50,7 +50,6 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
50
50
|
};
|
|
51
51
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
52
52
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
53
|
-
var react_1 = require("react");
|
|
54
53
|
var styled_components_1 = __importStar(require("styled-components"));
|
|
55
54
|
var transitionStyle_1 = require("../../../common/styles/movement/transitionStyle");
|
|
56
55
|
var TextLabel_1 = require("../TextLabel");
|
|
@@ -70,21 +69,13 @@ var textColor = {
|
|
|
70
69
|
white2: 'sysTextWhite'
|
|
71
70
|
};
|
|
72
71
|
function TextButton(_a) {
|
|
73
|
-
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,
|
|
74
|
-
var buttonRef = (0, react_1.useRef)(null);
|
|
75
|
-
(0, react_1.useEffect)(function () {
|
|
76
|
-
if (!onKeyDown)
|
|
77
|
-
return;
|
|
78
|
-
if (buttonRef === null || buttonRef === void 0 ? void 0 : buttonRef.current) {
|
|
79
|
-
buttonRef.current.focus();
|
|
80
|
-
}
|
|
81
|
-
}, []);
|
|
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"]);
|
|
82
73
|
var handleClick = function (e) {
|
|
83
74
|
if (onClick) {
|
|
84
75
|
onClick(e);
|
|
85
76
|
}
|
|
86
77
|
};
|
|
87
|
-
return ((0, jsx_runtime_1.jsx)(S_Button, __assign({
|
|
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" }) })));
|
|
88
79
|
}
|
|
89
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) {
|
|
90
81
|
var size = _a.size;
|