pds-dev-kit-web 1.4.14 → 1.4.15
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.
|
@@ -26,7 +26,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
26
26
|
/* eslint-disable react/jsx-no-bind */
|
|
27
27
|
var react_1 = __importStar(require("react"));
|
|
28
28
|
var react_hook_form_1 = require("react-hook-form");
|
|
29
|
-
var react_i18next_1 = require("react-i18next");
|
|
30
29
|
var styled_components_1 = __importStar(require("styled-components"));
|
|
31
30
|
var hybrid_1 = require("../../../hybrid");
|
|
32
31
|
var components_1 = require("../../common/components");
|
|
@@ -34,7 +33,6 @@ var IconButton_1 = require("../IconButton");
|
|
|
34
33
|
function EditApplyTextField(_a) {
|
|
35
34
|
var _b;
|
|
36
35
|
var name = _a.name, hintText = _a.hintText, defaultText = _a.defaultText, validation = _a.validation, _c = _a.preventBlankMode, preventBlankMode = _c === void 0 ? 'none' : _c, _d = _a.size, size = _d === void 0 ? 'large' : _d, _e = _a.responsiveMode, responsiveMode = _e === void 0 ? 'none' : _e, _f = _a.textLineType, textLineType = _f === void 0 ? 'single' : _f, _g = _a.multiRows, multiRows = _g === void 0 ? 8 : _g, _h = _a.autoMinRows, autoMinRows = _h === void 0 ? 8 : _h, autoMaxRows = _a.autoMaxRows, _j = _a.inputType, inputType = _j === void 0 ? 'text' : _j, _k = _a.state, state = _k === void 0 ? 'normal' : _k, max = _a.max, maxLength = _a.maxLength, min = _a.min, getInputValue = _a.getInputValue, onBlur = _a.onBlur, onChange = _a.onChange, onClickSubmitBtn = _a.onClickSubmitBtn, onFocus = _a.onFocus, onTarget = _a.onTarget;
|
|
37
|
-
var t = (0, react_i18next_1.useTranslation)('translation').t;
|
|
38
36
|
var _l = (0, react_hook_form_1.useFormContext)(), register = _l.register, setValue = _l.setValue, trigger = _l.trigger, watch = _l.watch, reset = _l.reset, _m = _l.formState, errors = _m.errors, isSubmitSuccessful = _m.isSubmitSuccessful;
|
|
39
37
|
var _o = (0, react_1.useState)(false), isFocused = _o[0], setIsFocused = _o[1];
|
|
40
38
|
var _p = (0, react_1.useState)(false), isOpen = _p[0], setIsOpen = _p[1];
|
|
@@ -157,7 +155,7 @@ function EditApplyTextField(_a) {
|
|
|
157
155
|
react_1.default.createElement(IconButton_1.IconButton, { iconName: "ic_xmark", fillType: "line", baseSize: "small", iconSize: 16, shapeType: "circular", shadow: "visible", iconColorKey: "ui_cpnt_button_icon_enabled", baseColorKey: "ui_cpnt_button_fill_base_white", borderColorKey: "ui_cpnt_button_line_border_default", tabIndex: -1, onMouseDown: handleCancel }),
|
|
158
156
|
react_1.default.createElement(hybrid_1.Spacing, { size: "spacing_b", spacingType: "width" }),
|
|
159
157
|
react_1.default.createElement(IconButton_1.IconButton, { iconName: "ic_check", fillType: "fill", baseSize: "small", iconSize: 16, shapeType: "circular", shadow: "visible", iconColorKey: "ui_cpnt_button_icon_on_primary", baseColorKey: "ui_cpnt_button_fill_base_primary", state: isError === true ? 'disabled' : 'normal', tabIndex: -1, onMouseDown: handleMouseDown, type: "submit" })))),
|
|
160
|
-
((_b = errors[name]) === null || _b === void 0 ? void 0 : _b.message) &&
|
|
158
|
+
((_b = errors[name]) === null || _b === void 0 ? void 0 : _b.message) && react_1.default.createElement(S_Error, { isFocused: isFocused }, errors[name].message))));
|
|
161
159
|
}
|
|
162
160
|
var S_EditApplyTextFieldWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: ", ";\n"], ["\n width: ", ";\n"])), function (_a) {
|
|
163
161
|
var size = _a.size, responsiveMode = _a.responsiveMode;
|
|
@@ -26,7 +26,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
26
26
|
/* eslint-disable react/jsx-no-bind */
|
|
27
27
|
var react_1 = __importStar(require("react"));
|
|
28
28
|
var react_hook_form_1 = require("react-hook-form");
|
|
29
|
-
var react_i18next_1 = require("react-i18next");
|
|
30
29
|
var styled_components_1 = __importStar(require("styled-components"));
|
|
31
30
|
var components_1 = require("../../common/components");
|
|
32
31
|
var IconButton_1 = require("../IconButton");
|
|
@@ -43,7 +42,6 @@ function TextField(_a) {
|
|
|
43
42
|
read_only: 'ui_cpnt_textfield_icon_darktheme_default',
|
|
44
43
|
disabled: 'ui_cpnt_textfield_icon_darktheme_disabled'
|
|
45
44
|
};
|
|
46
|
-
var t = (0, react_i18next_1.useTranslation)('translation').t;
|
|
47
45
|
var _r = (0, react_1.useState)(false), isFocused = _r[0], setIsFocused = _r[1];
|
|
48
46
|
var _s = (0, react_hook_form_1.useFormContext)(), register = _s.register, trigger = _s.trigger, errors = _s.formState.errors;
|
|
49
47
|
var _t = register(name, validation), validateOnChange = _t.onChange, validateOnBlur = _t.onBlur;
|
|
@@ -119,7 +117,7 @@ function TextField(_a) {
|
|
|
119
117
|
};
|
|
120
118
|
return (react_1.default.createElement(S_TextFieldBox, { size: size, responsiveMode: responsiveMode },
|
|
121
119
|
react_1.default.createElement(S_TextFieldWrapper, { size: size, responsiveMode: responsiveMode, textLineType: textLineType, isFocused: isFocused, isError: isError, state: state, colorTheme: colorTheme }, S_TextField()),
|
|
122
|
-
((_b = errors[name]) === null || _b === void 0 ? void 0 : _b.message) && react_1.default.createElement(S_Error, null,
|
|
120
|
+
((_b = errors[name]) === null || _b === void 0 ? void 0 : _b.message) && react_1.default.createElement(S_Error, null, errors[name].message)));
|
|
123
121
|
}
|
|
124
122
|
var S_TextFieldBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", ";\n ", ";\n"], ["\n ", ";\n ", ";\n"])), function (_a) {
|
|
125
123
|
var size = _a.size;
|
|
@@ -26,7 +26,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
26
26
|
/* eslint-disable react/jsx-no-bind */
|
|
27
27
|
var react_1 = __importStar(require("react"));
|
|
28
28
|
var react_hook_form_1 = require("react-hook-form");
|
|
29
|
-
var react_i18next_1 = require("react-i18next");
|
|
30
29
|
var styled_components_1 = __importStar(require("styled-components"));
|
|
31
30
|
var components_1 = require("../../common/components");
|
|
32
31
|
var IconButton_1 = require("../IconButton");
|
|
@@ -43,7 +42,6 @@ function TextField(_a) {
|
|
|
43
42
|
read_only: 'ui_cpnt_textfield_icon_darktheme_default',
|
|
44
43
|
disabled: 'ui_cpnt_textfield_icon_darktheme_disabled'
|
|
45
44
|
};
|
|
46
|
-
var t = (0, react_i18next_1.useTranslation)('translation').t;
|
|
47
45
|
var _r = (0, react_1.useState)(false), isFocused = _r[0], setIsFocused = _r[1];
|
|
48
46
|
var _s = (0, react_hook_form_1.useFormContext)(), register = _s.register, trigger = _s.trigger, errors = _s.formState.errors;
|
|
49
47
|
var _t = register(name, validation), validateOnChange = _t.onChange, validateOnBlur = _t.onBlur;
|
|
@@ -119,7 +117,7 @@ function TextField(_a) {
|
|
|
119
117
|
};
|
|
120
118
|
return (react_1.default.createElement(S_TextFieldBox, { size: size, responsiveMode: responsiveMode },
|
|
121
119
|
react_1.default.createElement(S_TextFieldWrapper, { size: size, responsiveMode: responsiveMode, textLineType: textLineType, isFocused: isFocused, isError: isError, state: state, colorTheme: colorTheme }, S_TextField()),
|
|
122
|
-
((_b = errors[name]) === null || _b === void 0 ? void 0 : _b.message) && react_1.default.createElement(S_Error, null,
|
|
120
|
+
((_b = errors[name]) === null || _b === void 0 ? void 0 : _b.message) && react_1.default.createElement(S_Error, null, errors[name].message)));
|
|
123
121
|
}
|
|
124
122
|
var S_TextFieldBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", ";\n ", ";\n"], ["\n ", ";\n ", ";\n"])), function (_a) {
|
|
125
123
|
var size = _a.size;
|
package/package.json
CHANGED
package/release-note.md
CHANGED
|
@@ -1,19 +1,8 @@
|
|
|
1
1
|
# PDS-DEV-KIT-WEB Release Notes
|
|
2
|
-
## [v1.4.
|
|
2
|
+
## [v1.4.15]
|
|
3
3
|
|
|
4
4
|
### Component
|
|
5
|
-
*
|
|
6
|
-
*
|
|
7
|
-
*
|
|
8
|
-
*
|
|
9
|
-
* DynamicDesktopNavBar
|
|
10
|
-
* 내부의 MenuItemNav에 'INTERNAL_LINK' | 'DISPLAY_ONLY' 타입을 추가
|
|
11
|
-
* Icon
|
|
12
|
-
* ic_clip line 추가
|
|
13
|
-
* Select
|
|
14
|
-
* defaultValue를 부여한경우 체크 표시와 함께 disabled 처리 되지 않은 상태로 보여지게 수정
|
|
15
|
-
* hintText가 options에 포함되어 나타나되, disabled처리되어 보이게 수정
|
|
16
|
-
* 우측 Icon영역을 클릭해도 option이 열리도록 수정
|
|
17
|
-
|
|
18
|
-
### Color
|
|
19
|
-
* 컬러 키 값 22.06.24 12시 42분 기준 싱크
|
|
5
|
+
* EditApplyTextField
|
|
6
|
+
* error message를 표시하는 부분의 useTranslation 삭제
|
|
7
|
+
* TextField
|
|
8
|
+
* error message를 표시하는 부분의 useTranslation 삭제
|