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.
@@ -81,6 +81,7 @@
81
81
  "str_fm_year": "Year",
82
82
  "str_fm_month": "Month",
83
83
  "str_fm_day": "Day",
84
- "str_fm_week": "Week"
84
+ "str_fm_week": "Week",
85
+ "str_multilingual_settings": "Multilingual Settings"
85
86
  }
86
87
  }
@@ -81,6 +81,7 @@
81
81
  "str_fm_year": "Año",
82
82
  "str_fm_month": "Mes",
83
83
  "str_fm_day": "Día",
84
- "str_fm_week": "Principal"
84
+ "str_fm_week": "Principal",
85
+ "str_multilingual_settings": "Configuración Multilingüe"
85
86
  }
86
87
  }
@@ -81,6 +81,7 @@
81
81
  "str_fm_year": "Taon",
82
82
  "str_fm_month": "Buwan",
83
83
  "str_fm_day": "Araw",
84
- "str_fm_week": "Linggo"
84
+ "str_fm_week": "Linggo",
85
+ "str_multilingual_settings": "Multilingual Settings"
85
86
  }
86
87
  }
@@ -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
  };
@@ -81,6 +81,7 @@
81
81
  "str_fm_year": "年",
82
82
  "str_fm_month": "月",
83
83
  "str_fm_day": "日",
84
- "str_fm_week": "週"
84
+ "str_fm_week": "週",
85
+ "str_multilingual_settings": "多言語設定"
85
86
  }
86
87
  }
@@ -81,6 +81,7 @@
81
81
  "str_fm_year": "년",
82
82
  "str_fm_month": "월",
83
83
  "str_fm_day": "일",
84
- "str_fm_week": "주"
84
+ "str_fm_week": "주",
85
+ "str_multilingual_settings": "다국어 설정"
85
86
  }
86
87
  }
@@ -81,6 +81,7 @@
81
81
  "str_fm_year": "年份",
82
82
  "str_fm_month": "月",
83
83
  "str_fm_day": "日",
84
- "str_fm_week": "周"
84
+ "str_fm_week": "周",
85
+ "str_multilingual_settings": "多语言设置"
85
86
  }
86
87
  }
@@ -81,6 +81,7 @@
81
81
  "str_fm_year": "年份",
82
82
  "str_fm_month": "月",
83
83
  "str_fm_day": "日",
84
- "str_fm_week": "週"
84
+ "str_fm_week": "週",
85
+ "str_multilingual_settings": "多語言設定"
85
86
  }
86
87
  }
@@ -12,5 +12,5 @@ type BasicFormGroupProps = {
12
12
  multilingualBtnState?: 'normal' | 'disabled';
13
13
  multilingualConfig?: MultilingualConfig;
14
14
  };
15
- declare const _default: import("react").ForwardRefExoticComponent<BasicFormGroupProps & import("react").RefAttributes<unknown>>;
16
- export default _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 components_2 = require("../../../hybrid/components");
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)(components_1.TextLabel, { text: titleText, styleTheme: titleStyleTheme, colorTheme: "sysTextPrimary" }), titleRequirementMode === 'use' && ((0, jsx_runtime_1.jsx)(S_IconWrapper, { children: (0, jsx_runtime_1.jsx)(components_2.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)(components_1.IconButton, { iconFillType: "line", iconName: "ic_translate", baseSize: "small", shapeType: "round", baseColorKey: "ui_cpnt_button_fill_base_default", iconColorKey: hasMultilingualValues
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
- : 'ui_cpnt_button_icon_disabled', state: multilingualBtnState, onClick: multilingualBtnState === 'normal' ? handleLanguageButtonClick : undefined }) }))] })), (0, jsx_runtime_1.jsx)(components_2.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)(components_1.TextLabel, { text: descText, styleTheme: "caption1Regular", colorTheme: "sysTextSecondary" }), (0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_d" })] })), inputForm, captionText && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_b" }), (0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: captionText, styleTheme: "caption1Regular", colorTheme: "sysTextPrimary" })] }))] })));
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 = (0, react_1.forwardRef)(BasicFormGroup);
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
- if (parent.get(x) !== x) {
61
- parent.set(x, find(parent.get(x)));
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 parent.get(x);
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).push(schedule);
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: 9;\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: 9;\n\n &:active {\n background: ", ";\n cursor: ", ";\n }\n"])), function (props) {
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('str_multilingual_modal_title'), 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) {
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")));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web-test",
3
- "version": "2.5.509",
3
+ "version": "2.5.510",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",