pds-dev-kit-web-test 2.7.9 → 2.7.92
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.
|
@@ -41,6 +41,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
41
41
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
42
42
|
var react_1 = require("react");
|
|
43
43
|
var react_dom_1 = require("react-dom");
|
|
44
|
+
var usePackageTranslation_1 = require("../../../common/hooks/usePackageTranslation");
|
|
44
45
|
var systemUI_1 = require("../../../common/styles/systemUI");
|
|
45
46
|
var SystemUIPositionGenerator_1 = require("../../../common/utils/SystemUIPositionGenerator");
|
|
46
47
|
var styled_components_1 = __importStar(require("styled-components"));
|
|
@@ -52,6 +53,7 @@ function TextLabel(_a) {
|
|
|
52
53
|
var tooltipRef = (0, react_1.useRef)(null);
|
|
53
54
|
var _p = (0, react_1.useState)(null), tooltipSizeOffset = _p[0], setTooltipSizeOffset = _p[1];
|
|
54
55
|
var _q = (0, react_1.useState)(null), tooltipPositionOffset = _q[0], setTooltipPositionOffset = _q[1];
|
|
56
|
+
var t = (0, usePackageTranslation_1.usePackageTranslation)().t;
|
|
55
57
|
/**
|
|
56
58
|
* @when : 화면진입 시, dependency 변경되었을 때
|
|
57
59
|
* @expected : tooltipPositionTargetRef, tooltipRef 의 위치를 업데이트합니다.
|
|
@@ -119,7 +121,7 @@ function TextLabel(_a) {
|
|
|
119
121
|
var handleTooltipToggle = function () {
|
|
120
122
|
setIsTooltipOpen(function (prev) { return !prev; });
|
|
121
123
|
};
|
|
122
|
-
return ((0, jsx_runtime_1.jsxs)(S_TextLabel, __assign({ "x-pds-name": "TextLabel", "x-pds-element-type": "component", "x-pds-device-type": "mobile", textAlign: textAlign, styleTheme: styleTheme, colorOverride: colorOverride, colorTheme: colorTheme, singleLineMode: singleLineMode, ellipsisMode: ellipsisMode, lineLimit: lineLimit, userSelectMode: userSelectMode, customFontSize: customFontSize, customFontWeight: customFontWeight, textDecorationType: textDecorationType, bulletPointMode: bulletPointMode, wordBreak: wordBreak, "$letterSpacing": letterSpacing }, { children: [text, requirementMode === 'use' && ((0, jsx_runtime_1.jsx)(S_AfterTextBox, __assign({ styleTheme: styleTheme }, { children: (0, jsx_runtime_1.jsx)(S_IconWrapper, { children: (0, jsx_runtime_1.jsx)(hybrid_1.Icon, { iconName: "ic_requirement", size: 16, fillType: "line", colorKey: "ui_cpnt_icon_sys_error_01" }) }) }))), tooltipText && ((0, jsx_runtime_1.jsx)(S_AfterTextBox, __assign({ styleTheme: styleTheme }, { children: (0, jsx_runtime_1.jsxs)(S_IconWrapper, __assign({ ref: tooltipPositionTargetRef, onClick: handleTooltipToggle, "aria-expanded": isTooltipOpen, role: "button", tabIndex: 0 }, { children: [(0, jsx_runtime_1.jsx)(hybrid_1.Icon, { iconName: "ic_question", size: 16, fillType: "fill", colorKey: tooltipIconColorKey }), isTooltipOpen && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(S_TooltipWrapper, __assign({ className: "TooltipWrapper", ref: tooltipRef, tooltipPositionCss: tooltipPositionCss }, { children: tooltipText })), document.body) }))] })) })))] })));
|
|
124
|
+
return ((0, jsx_runtime_1.jsxs)(S_TextLabel, __assign({ "x-pds-name": "TextLabel", "x-pds-element-type": "component", "x-pds-device-type": "mobile", textAlign: textAlign, styleTheme: styleTheme, colorOverride: colorOverride, colorTheme: colorTheme, singleLineMode: singleLineMode, ellipsisMode: ellipsisMode, lineLimit: lineLimit, userSelectMode: userSelectMode, customFontSize: customFontSize, customFontWeight: customFontWeight, textDecorationType: textDecorationType, bulletPointMode: bulletPointMode, wordBreak: wordBreak, "$letterSpacing": letterSpacing }, { children: [t(String(text)), requirementMode === 'use' && ((0, jsx_runtime_1.jsx)(S_AfterTextBox, __assign({ styleTheme: styleTheme }, { children: (0, jsx_runtime_1.jsx)(S_IconWrapper, { children: (0, jsx_runtime_1.jsx)(hybrid_1.Icon, { iconName: "ic_requirement", size: 16, fillType: "line", colorKey: "ui_cpnt_icon_sys_error_01" }) }) }))), tooltipText && ((0, jsx_runtime_1.jsx)(S_AfterTextBox, __assign({ styleTheme: styleTheme }, { children: (0, jsx_runtime_1.jsxs)(S_IconWrapper, __assign({ ref: tooltipPositionTargetRef, onClick: handleTooltipToggle, "aria-expanded": isTooltipOpen, role: "button", tabIndex: 0 }, { children: [(0, jsx_runtime_1.jsx)(hybrid_1.Icon, { iconName: "ic_question", size: 16, fillType: "fill", colorKey: tooltipIconColorKey }), isTooltipOpen && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(S_TooltipWrapper, __assign({ className: "TooltipWrapper", ref: tooltipRef, tooltipPositionCss: tooltipPositionCss }, { children: tooltipText })), document.body) }))] })) })))] })));
|
|
123
125
|
}
|
|
124
126
|
var displayBold = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n"], ["\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n"])), function (_a) {
|
|
125
127
|
var theme = _a.theme;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "pds-dev-kit-web-test",
|
|
3
|
-
"version": "2.7.
|
|
3
|
+
"version": "2.7.92",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"private": false,
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -13,20 +13,12 @@
|
|
|
13
13
|
"@testing-library/react": "^11.2.7",
|
|
14
14
|
"@testing-library/user-event": "^12.8.3",
|
|
15
15
|
"@tinymce/tinymce-react": "^4.3.0",
|
|
16
|
-
"@types/google-spreadsheet": "^3.1.5",
|
|
17
|
-
"@types/react": "^17.0.27",
|
|
18
|
-
"@types/react-dom": "^17.0.9",
|
|
19
|
-
"@types/uuid": "^8.3.4",
|
|
20
16
|
"dotenv": "^8.2.0",
|
|
21
17
|
"google-spreadsheet": "^3.3.0",
|
|
22
|
-
"i18next": "^21.3.2",
|
|
23
|
-
"i18next-browser-languagedetector": "^6.1.2",
|
|
24
|
-
"i18next-intervalplural-postprocessor": "^3.0.0",
|
|
25
18
|
"lottie-react": "^2.3.1",
|
|
26
19
|
"nuka-carousel": "^4.8.4",
|
|
27
20
|
"publ-echo": "^0.0.120",
|
|
28
21
|
"react-hook-form": "^7.28.1",
|
|
29
|
-
"react-i18next": "^11.12.0",
|
|
30
22
|
"react-router-dom": "^5.2.0",
|
|
31
23
|
"react-scripts": "4.0.3",
|
|
32
24
|
"smoothscroll-polyfill": "^0.4.4",
|
|
@@ -37,6 +29,14 @@
|
|
|
37
29
|
"uuid": "^8.3.2",
|
|
38
30
|
"web-vitals": "^1.1.2"
|
|
39
31
|
},
|
|
32
|
+
"peerDependencies": {
|
|
33
|
+
"react": ">=17 <19",
|
|
34
|
+
"react-dom": ">=17 <19",
|
|
35
|
+
"react-i18next": ">=11 <14",
|
|
36
|
+
"i18next": ">=20 <22",
|
|
37
|
+
"i18next-browser-languagedetector": ">=6 <8",
|
|
38
|
+
"i18next-intervalplural-postprocessor": ">=3 <4"
|
|
39
|
+
},
|
|
40
40
|
"scripts": {
|
|
41
41
|
"build": "rm -rf ./dist && tsc && tsc-alias && npm run copy:tinymce",
|
|
42
42
|
"copy:tinymce": "node scripts/copy-tinymce.js",
|
|
@@ -120,7 +120,11 @@
|
|
|
120
120
|
"tsconfig-paths": "^4.1.2",
|
|
121
121
|
"typescript": "^4.9.5",
|
|
122
122
|
"webpack": "^4.46.0",
|
|
123
|
-
"webpack-cli": "^4.9.0"
|
|
123
|
+
"webpack-cli": "^4.9.0",
|
|
124
|
+
"@types/google-spreadsheet": "^3.1.5",
|
|
125
|
+
"@types/react": "^17.0.27",
|
|
126
|
+
"@types/react-dom": "^17.0.9",
|
|
127
|
+
"@types/uuid": "^8.3.4"
|
|
124
128
|
},
|
|
125
129
|
"overrides": {
|
|
126
130
|
"@storybook/react-docgen-typescript-plugin": "1.0.2--canary.12.cf35881ff63bf958b8998e8dd1dfd5626ee868c2.0"
|