pds-dev-kit-web-test 2.5.509 → 2.5.510
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/BasicFormGroup/BasicFormGroup.d.ts +2 -2
- package/dist/src/desktop/components/BasicFormGroup/BasicFormGroup.js +6 -5
- package/dist/src/desktop/components/Calendar/TimeBasedScheduleItem.js +11 -6
- package/dist/src/desktop/panels/MultilingualModal/MultilingualModal.js +1 -1
- package/package.json +1 -1
|
@@ -83,6 +83,7 @@ declare const locale: {
|
|
|
83
83
|
str_fm_month: string;
|
|
84
84
|
str_fm_day: string;
|
|
85
85
|
str_fm_week: string;
|
|
86
|
+
str_multilingual_settings: string;
|
|
86
87
|
};
|
|
87
88
|
};
|
|
88
89
|
readonly en: {
|
|
@@ -169,6 +170,7 @@ declare const locale: {
|
|
|
169
170
|
str_fm_month: string;
|
|
170
171
|
str_fm_day: string;
|
|
171
172
|
str_fm_week: string;
|
|
173
|
+
str_multilingual_settings: string;
|
|
172
174
|
};
|
|
173
175
|
};
|
|
174
176
|
readonly ja: {
|
|
@@ -255,6 +257,7 @@ declare const locale: {
|
|
|
255
257
|
str_fm_month: string;
|
|
256
258
|
str_fm_day: string;
|
|
257
259
|
str_fm_week: string;
|
|
260
|
+
str_multilingual_settings: string;
|
|
258
261
|
};
|
|
259
262
|
};
|
|
260
263
|
readonly es: {
|
|
@@ -341,6 +344,7 @@ declare const locale: {
|
|
|
341
344
|
str_fm_month: string;
|
|
342
345
|
str_fm_day: string;
|
|
343
346
|
str_fm_week: string;
|
|
347
|
+
str_multilingual_settings: string;
|
|
344
348
|
};
|
|
345
349
|
};
|
|
346
350
|
readonly 'zh-cn': {
|
|
@@ -427,6 +431,7 @@ declare const locale: {
|
|
|
427
431
|
str_fm_month: string;
|
|
428
432
|
str_fm_day: string;
|
|
429
433
|
str_fm_week: string;
|
|
434
|
+
str_multilingual_settings: string;
|
|
430
435
|
};
|
|
431
436
|
};
|
|
432
437
|
readonly 'zh-tw': {
|
|
@@ -513,6 +518,7 @@ declare const locale: {
|
|
|
513
518
|
str_fm_month: string;
|
|
514
519
|
str_fm_day: string;
|
|
515
520
|
str_fm_week: string;
|
|
521
|
+
str_multilingual_settings: string;
|
|
516
522
|
};
|
|
517
523
|
};
|
|
518
524
|
readonly fil: {
|
|
@@ -599,6 +605,7 @@ declare const locale: {
|
|
|
599
605
|
str_fm_month: string;
|
|
600
606
|
str_fm_day: string;
|
|
601
607
|
str_fm_week: string;
|
|
608
|
+
str_multilingual_settings: string;
|
|
602
609
|
};
|
|
603
610
|
};
|
|
604
611
|
};
|
|
@@ -12,5 +12,5 @@ type BasicFormGroupProps = {
|
|
|
12
12
|
multilingualBtnState?: 'normal' | 'disabled';
|
|
13
13
|
multilingualConfig?: MultilingualConfig;
|
|
14
14
|
};
|
|
15
|
-
declare
|
|
16
|
-
export default
|
|
15
|
+
declare function BasicFormGroup({ titleStyleTheme, headerSize, titleText, descText, captionText, inputForm, titleRequirementMode, multilingualBtnMode, multilingualBtnState, multilingualConfig }: BasicFormGroupProps): JSX.Element;
|
|
16
|
+
export default BasicFormGroup;
|
|
@@ -20,10 +20,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
20
20
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
21
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
22
22
|
var react_1 = require("react");
|
|
23
|
-
var components_1 = require("../../components");
|
|
24
23
|
var MultilingualModal_1 = __importDefault(require("../../panels/MultilingualModal"));
|
|
25
|
-
var
|
|
24
|
+
var components_1 = require("../../../hybrid/components");
|
|
26
25
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
26
|
+
var IconButton_1 = require("../IconButton");
|
|
27
|
+
var TextLabel_1 = require("../TextLabel");
|
|
27
28
|
function BasicFormGroup(_a) {
|
|
28
29
|
var _b = _a.titleStyleTheme, titleStyleTheme = _b === void 0 ? 'subTitleBold' : _b, _c = _a.headerSize, headerSize = _c === void 0 ? 'rlarge' : _c, titleText = _a.titleText, descText = _a.descText, captionText = _a.captionText, inputForm = _a.inputForm, _d = _a.titleRequirementMode, titleRequirementMode = _d === void 0 ? 'none' : _d, _e = _a.multilingualBtnMode, multilingualBtnMode = _e === void 0 ? 'none' : _e, _f = _a.multilingualBtnState, multilingualBtnState = _f === void 0 ? 'normal' : _f, multilingualConfig = _a.multilingualConfig;
|
|
29
30
|
var _g = (0, react_1.useState)(false), isMultiLanguageModalOpen = _g[0], setIsMultiLanguageModalOpen = _g[1];
|
|
@@ -67,9 +68,9 @@ function BasicFormGroup(_a) {
|
|
|
67
68
|
var handleHiddenInputUpdate = function (newValue) {
|
|
68
69
|
setHiddenInputValue(newValue);
|
|
69
70
|
};
|
|
70
|
-
return ((0, jsx_runtime_1.jsxs)("div", __assign({ "x-pds-name": "BasicFormGroup", "x-pds-element-type": "component", "x-pds-device-type": "desktop" }, { children: [titleText && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(S_TitleTextWrapper, __assign({ "$headerSize": headerSize }, { children: [(0, jsx_runtime_1.jsxs)(S_TitleText, { children: [(0, jsx_runtime_1.jsx)(
|
|
71
|
+
return ((0, jsx_runtime_1.jsxs)("div", __assign({ "x-pds-name": "BasicFormGroup", "x-pds-element-type": "component", "x-pds-device-type": "desktop" }, { children: [titleText && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(S_TitleTextWrapper, __assign({ "$headerSize": headerSize }, { children: [(0, jsx_runtime_1.jsxs)(S_TitleText, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: titleText, styleTheme: titleStyleTheme, colorTheme: "sysTextPrimary" }), titleRequirementMode === 'use' && ((0, jsx_runtime_1.jsx)(S_IconWrapper, { children: (0, jsx_runtime_1.jsx)(components_1.Icon, { iconName: "ic_requirement", size: 16, fillType: "line", colorKey: "ui_cpnt_icon_sys_error_01" }) }))] }), multilingualBtnMode === 'use' && ((0, jsx_runtime_1.jsx)(S_MultilingualButtonWrapper, { children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { iconFillType: "line", iconName: "ic_translate", baseSize: "small", shapeType: "round", baseColorKey: "ui_cpnt_button_fill_base_default", iconColorKey: hasMultilingualValues
|
|
71
72
|
? 'ui_cpnt_button_icon_primary'
|
|
72
|
-
: '
|
|
73
|
+
: 'ui_cpnt_icon_sys_grey_02', state: multilingualBtnState, onClick: multilingualBtnState === 'normal' ? handleLanguageButtonClick : undefined }) }))] })), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" })] })), multilingualBtnMode === 'use' && multilingualConfig && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("input", { type: "hidden", id: "hiddenInput_".concat(multilingualConfig.hiddenInputId), name: multilingualConfig.hiddenInputId, value: hiddenInputValue }), (0, jsx_runtime_1.jsx)(MultilingualModal_1.default, { isOpen: isMultiLanguageModalOpen, onClose: handleLanguageModalClose, config: multilingualConfig, onHiddenInputUpdate: handleHiddenInputUpdate })] })), descText && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: descText, styleTheme: "caption1Regular", colorTheme: "sysTextSecondary" }), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_d" })] })), inputForm, captionText && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: captionText, styleTheme: "caption1Regular", colorTheme: "sysTextPrimary" })] }))] })));
|
|
73
74
|
}
|
|
74
75
|
var S_TitleTextWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n justify-content: space-between;\n width: ", ";\n"], ["\n align-items: center;\n display: flex;\n justify-content: space-between;\n width: ", ";\n"])), function (_a) {
|
|
75
76
|
var $headerSize = _a.$headerSize;
|
|
@@ -91,5 +92,5 @@ var S_MultilingualButtonWrapper = styled_components_1.default.div(templateObject
|
|
|
91
92
|
var theme = _a.theme;
|
|
92
93
|
return theme.spacing.spacingB;
|
|
93
94
|
});
|
|
94
|
-
exports.default =
|
|
95
|
+
exports.default = BasicFormGroup;
|
|
95
96
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
@@ -54,13 +54,15 @@ var TimeBasedScheduleItem = function (_a) {
|
|
|
54
54
|
var durationB = new Date(b.endDate).getTime() - startTimeB;
|
|
55
55
|
return durationA - durationB;
|
|
56
56
|
});
|
|
57
|
-
// 모든 겹치는 스케줄 그룹을 찾기 위한 Union-Find 알고리즘 사용
|
|
58
57
|
var parent = new Map();
|
|
59
58
|
var find = function (x) {
|
|
60
|
-
|
|
61
|
-
|
|
59
|
+
var currentParent = parent.get(x);
|
|
60
|
+
if (currentParent !== undefined && currentParent !== x) {
|
|
61
|
+
var root = find(currentParent);
|
|
62
|
+
parent.set(x, root);
|
|
63
|
+
return root;
|
|
62
64
|
}
|
|
63
|
-
return
|
|
65
|
+
return x;
|
|
64
66
|
};
|
|
65
67
|
var union = function (x, y) {
|
|
66
68
|
var rootX = find(x);
|
|
@@ -95,7 +97,10 @@ var TimeBasedScheduleItem = function (_a) {
|
|
|
95
97
|
if (!groups.has(root)) {
|
|
96
98
|
groups.set(root, []);
|
|
97
99
|
}
|
|
98
|
-
groups.get(root)
|
|
100
|
+
var group = groups.get(root);
|
|
101
|
+
if (group) {
|
|
102
|
+
group.push(schedule);
|
|
103
|
+
}
|
|
99
104
|
});
|
|
100
105
|
// 각 그룹 내에서 grid 위치 할당
|
|
101
106
|
var schedulesWithGrid = [];
|
|
@@ -146,7 +151,7 @@ var TimeBasedScheduleItem = function (_a) {
|
|
|
146
151
|
}) }));
|
|
147
152
|
};
|
|
148
153
|
exports.TimeBasedScheduleItem = TimeBasedScheduleItem;
|
|
149
|
-
var S_ScheduleItem = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background: ", ";\n border: 1px solid ", ";\n border-left: 2px solid ", ";\n border-radius: 4px;\n cursor: ", ";\n height: ", "px;\n left: ", ";\n overflow: hidden;\n position: absolute;\n top: ", "px;\n width: ", ";\n z-index:
|
|
154
|
+
var S_ScheduleItem = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background: ", ";\n border: 1px solid ", ";\n border-left: 2px solid ", ";\n border-radius: 4px;\n cursor: ", ";\n height: ", "px;\n left: ", ";\n overflow: hidden;\n position: absolute;\n top: ", "px;\n width: ", ";\n z-index: 2;\n\n &:active {\n background: ", ";\n cursor: ", ";\n }\n"], ["\n background: ", ";\n border: 1px solid ", ";\n border-left: 2px solid ", ";\n border-radius: 4px;\n cursor: ", ";\n height: ", "px;\n left: ", ";\n overflow: hidden;\n position: absolute;\n top: ", "px;\n width: ", ";\n z-index: 2;\n\n &:active {\n background: ", ";\n cursor: ", ";\n }\n"])), function (props) {
|
|
150
155
|
if (props.$isSelected)
|
|
151
156
|
return props.theme.ui_cpnt_sheet_base_06;
|
|
152
157
|
return props.theme.ui_cpnt_sheet_base;
|
|
@@ -113,7 +113,7 @@ function MultilingualModal(_a) {
|
|
|
113
113
|
};
|
|
114
114
|
if (!isOpen)
|
|
115
115
|
return null;
|
|
116
|
-
return react_dom_1.default.createPortal((0, jsx_runtime_1.jsxs)(react_hook_form_1.FormProvider, __assign({}, methods, { children: [(0, jsx_runtime_1.jsx)(S_ModalOverlay, { onClick: handleCancel }), (0, jsx_runtime_1.jsxs)(S_ModalWrapper, __assign({ "x-pds-name": "MultiLanguageModal", "x-pds-element-type": "panel", "x-pds-device-type": "desktop", size: size }, { children: [(0, jsx_runtime_1.jsx)(S_Header, { children: (0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: t('
|
|
116
|
+
return react_dom_1.default.createPortal((0, jsx_runtime_1.jsxs)(react_hook_form_1.FormProvider, __assign({}, methods, { children: [(0, jsx_runtime_1.jsx)(S_ModalOverlay, { onClick: handleCancel }), (0, jsx_runtime_1.jsxs)(S_ModalWrapper, __assign({ "x-pds-name": "MultiLanguageModal", "x-pds-element-type": "panel", "x-pds-device-type": "desktop", size: size }, { children: [(0, jsx_runtime_1.jsx)(S_Header, { children: (0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: t('str_multilingual_settings'), colorTheme: "sysTextPrimary", styleTheme: "headingBold" }) }), (0, jsx_runtime_1.jsxs)(S_Body, { children: [(config === null || config === void 0 ? void 0 : config.originalText) && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.BodyTextGroup, { titleText: t('str_original_text'), contentText: config.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" })] })), (_b = config === null || config === void 0 ? void 0 : config.visibleLanguages) === null || _b === void 0 ? void 0 : _b.map(function (languageCode, index) {
|
|
117
117
|
var _a, _b;
|
|
118
118
|
var isReadonly = (_a = config.readonlyLanguages) === null || _a === void 0 ? void 0 : _a.includes(languageCode);
|
|
119
119
|
return ((0, jsx_runtime_1.jsxs)(S_LanguageField, { children: [(0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: "".concat(t(LANGUAGE_I18N_KEYS[languageCode]), " (").concat(languageCode, ")"), styleTheme: "subTitleBold", colorTheme: "sysTextPrimary" }), (0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_b" }), (0, jsx_runtime_1.jsx)(components_1.TextField, { responsiveMode: "use", multiRows: config.textFieldLineType === 'multi' ? 5 : undefined, autoMaxRows: config.textFieldLineType === 'auto' ? 5 : undefined, autoMinRows: config.textFieldLineType === 'auto' ? 1 : undefined, name: languageCode, hintText: t('str_9071'), placeholder: "Input Text", textLineType: config.textFieldLineType, state: isReadonly ? 'disabled' : 'normal' }), index < (((_b = config.visibleLanguages) === null || _b === void 0 ? void 0 : _b.length) || 0) - 1 && (0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_f" })] }, "".concat(languageCode, "_field")));
|