pds-dev-kit-web 2.2.67 → 2.2.68

package/dist/src/desktop/components/TextField/TextField.js

@@ -69,7 +69,10 @@ function TextField(_a) {
     var _w = (0, react_1.useState)(false), isFocused = _w[0], setIsFocused = _w[1];
     var _x = (0, react_hook_form_1.useFormContext)(), register = _x.register, trigger = _x.trigger, errors = _x.formState.errors;
     var _y = register(name, validation), validateOnChange = _y.onChange, validateOnBlur = _y.onBlur;
-    var isError = Object.keys(errors).some(function (error) { return error === name; });
+    var getErrorByName = function (errors, name) {
+        return name.split('.').reduce(function (errors, property) { return errors && errors[property]; }, errors);
+    };
+    var isError = getErrorByName(errors, name);
     var handleClickIBtn1 = function () {
         if (onClickIBtn1) {
             onClickIBtn1();
@@ -155,7 +158,7 @@ function TextField(_a) {
                                         }[colorTheme]), iconFillType: iBtn1IconFillType === 'fill' ? 'fill' : 'line', state: state === 'disabled' ? 'disabled' : 'normal', onClick: handleClickIBtn1 }))] })] }));
         }
     };
-    return ((0, jsx_runtime_1.jsxs)(S_TextFieldBox, __assign({ "x-pds-name": "TextField", "x-pds-element-type": "component", "x-pds-device-type": "desktop", size: size, responsiveMode: responsiveMode, customWidth: customWidth }, { children: [(0, jsx_runtime_1.jsx)(S_TextFieldWrapper, __assign({ size: size, responsiveMode: responsiveMode, textLineType: textLineType, isFocused: isFocused, isError: isError, state: state, colorTheme: colorTheme, customWidth: customWidth }, { children: S_TextField() })), ((_b = errors[name]) === null || _b === void 0 ? void 0 : _b.message) && state === 'normal' && ((0, jsx_runtime_1.jsx)(S_Error, __assign({ colorTheme: colorTheme }, { children: errors[name].message })))] })));
+    return ((0, jsx_runtime_1.jsxs)(S_TextFieldBox, __assign({ "x-pds-name": "TextField", "x-pds-element-type": "component", "x-pds-device-type": "desktop", size: size, responsiveMode: responsiveMode, customWidth: customWidth }, { children: [(0, jsx_runtime_1.jsx)(S_TextFieldWrapper, __assign({ size: size, responsiveMode: responsiveMode, textLineType: textLineType, isFocused: isFocused, isError: Boolean(isError), state: state, colorTheme: colorTheme, customWidth: customWidth }, { children: S_TextField() })), ((_b = errors[name]) === null || _b === void 0 ? void 0 : _b.message) && state === 'normal' && ((0, jsx_runtime_1.jsx)(S_Error, __assign({ colorTheme: colorTheme }, { children: errors[name].message })))] })));
 }
 var S_TextFieldBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", ";\n  ", ";\n  ", "\n"], ["\n  ", ";\n  ", ";\n  ", "\n"])), function (_a) {
     var size = _a.size;

package/dist/src/mobile/components/TextField/TextField.js

@@ -69,7 +69,10 @@ function TextField(_a) {
     var _w = (0, react_1.useState)(false), isFocused = _w[0], setIsFocused = _w[1];
     var _x = (0, react_hook_form_1.useFormContext)(), register = _x.register, trigger = _x.trigger, errors = _x.formState.errors;
     var _y = register(name, validation), validateOnChange = _y.onChange, validateOnBlur = _y.onBlur;
-    var isError = Object.keys(errors).some(function (error) { return error === name; });
+    var getErrorByName = function (errors, name) {
+        return name.split('.').reduce(function (errors, property) { return errors && errors[property]; }, errors);
+    };
+    var isError = getErrorByName(errors, name);
     var handleClickIBtn1 = function () {
         if (onClickIBtn1) {
             onClickIBtn1();
@@ -155,7 +158,7 @@ function TextField(_a) {
                                         }[colorTheme]), iconFillType: iBtn1IconFillType === 'fill' ? 'fill' : 'line', state: state === 'disabled' ? 'disabled' : 'normal', onClick: handleClickIBtn1 }))] })] }));
         }
     };
-    return ((0, jsx_runtime_1.jsxs)(S_TextFieldBox, __assign({ "x-pds-name": "TextField", "x-pds-element-type": "component", "x-pds-device-type": "mobile", size: size, responsiveMode: responsiveMode, customWidth: customWidth }, { children: [(0, jsx_runtime_1.jsx)(S_TextFieldWrapper, __assign({ size: size, responsiveMode: responsiveMode, textLineType: textLineType, isFocused: isFocused, isError: isError, state: state, colorTheme: colorTheme, customWidth: customWidth }, { children: S_TextField() })), ((_b = errors[name]) === null || _b === void 0 ? void 0 : _b.message) && state === 'normal' && ((0, jsx_runtime_1.jsx)(S_Error, __assign({ colorTheme: colorTheme }, { children: errors[name].message })))] })));
+    return ((0, jsx_runtime_1.jsxs)(S_TextFieldBox, __assign({ "x-pds-name": "TextField", "x-pds-element-type": "component", "x-pds-device-type": "mobile", size: size, responsiveMode: responsiveMode, customWidth: customWidth }, { children: [(0, jsx_runtime_1.jsx)(S_TextFieldWrapper, __assign({ size: size, responsiveMode: responsiveMode, textLineType: textLineType, isFocused: isFocused, isError: Boolean(isError), state: state, colorTheme: colorTheme, customWidth: customWidth }, { children: S_TextField() })), ((_b = errors[name]) === null || _b === void 0 ? void 0 : _b.message) && state === 'normal' && ((0, jsx_runtime_1.jsx)(S_Error, __assign({ colorTheme: colorTheme }, { children: errors[name].message })))] })));
 }
 var S_TextFieldBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", ";\n  ", ";\n  ", "\n"], ["\n  ", ";\n  ", ";\n  ", "\n"])), function (_a) {
     var size = _a.size;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web",
-  "version": "2.2.67",
+  "version": "2.2.68",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",

package/release-note.md

@@ -1,18 +1,7 @@
 # PDS-DEV-KIT-WEB Release Notes
-## [v2.2.67]
+## [v2.2.68]
 ## daily|https://design.storybook.publ.biz/
 
 ### sub
-* Common > Assets > icons
-    * 아이콘 추가
-        ic_typeface_blackletter_20
-        ic_typeface_deco_20
-        ic_typeface_round_20
-        ic_typeface_script_20
-        ic_typeface_slab_20
-        ic_typeface_symbol_20
-        ic_recent
-        ic_logo_sandoll
-    * 기존 것 업데이트
-        ic_typeface_system
-        ic_logo_google
+* components > TextField
+    * TextField 에러 조건 고침