@nethru/ui 2.1.27 → 2.1.29

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.
@@ -19,6 +19,8 @@ const MainHeader = /*#__PURE__*/forwardRef(({
19
19
  cancelButtonText = '취소',
20
20
  confirmButtonDisabled = false,
21
21
  rightSlot,
22
+ leading,
23
+ trailing,
22
24
  ...props
23
25
  }, ref) => {
24
26
  return /*#__PURE__*/_jsxs(Stack, {
@@ -48,7 +50,9 @@ const MainHeader = /*#__PURE__*/forwardRef(({
48
50
  direction: "row",
49
51
  spacing: 1,
50
52
  justifyContent: "flex-end",
51
- children: [!edit && /*#__PURE__*/_jsx(Button, {
53
+ children: [leading && /*#__PURE__*/_jsx(_Fragment, {
54
+ children: leading
55
+ }), !edit && /*#__PURE__*/_jsx(Button, {
52
56
  variant: "contained",
53
57
  onClick: onEditClick,
54
58
  children: editButtonText
@@ -63,6 +67,8 @@ const MainHeader = /*#__PURE__*/forwardRef(({
63
67
  disabled: confirmButtonDisabled,
64
68
  children: confirmButtonText
65
69
  })]
70
+ }), trailing && /*#__PURE__*/_jsx(_Fragment, {
71
+ children: trailing
66
72
  })]
67
73
  })]
68
74
  });
package/base/TextField.js CHANGED
@@ -6,6 +6,7 @@ const validateMessage = process.env.REACT_APP_VALIDATE_MESSAGE;
6
6
  // eslint-disable-next-line
7
7
  const validate = validateRule ? new Function("value", validateRule) : null;
8
8
  const TextField = /*#__PURE__*/forwardRef((props, ref) => {
9
+ const [modified, setModified] = useState(false);
9
10
  const [error, setError] = useState(false);
10
11
  const [helperText, setHelperText] = useState('');
11
12
  const handleChange = useCallback(event => {
@@ -18,16 +19,17 @@ const TextField = /*#__PURE__*/forwardRef((props, ref) => {
18
19
  setHelperText('');
19
20
  }
20
21
  }
22
+ setModified(true);
21
23
  if (props.onChange) props.onChange(event);
22
24
  }, [props]);
23
25
  useEffect(() => {
24
- if (!validate || !props.formik) return;
26
+ if (!validate || !props.formik || !modified) return;
25
27
  const {
26
28
  setFieldError,
27
29
  validateForm
28
30
  } = props.formik;
29
31
  validateForm().then(errors => {
30
- if (isEmptyObject(errors)) setFieldError(props.name, error ? helperText : undefined);
32
+ if (!errors[props.name]) setFieldError(props.name, error ? helperText : undefined);
31
33
  });
32
34
  // eslint-disable-next-line
33
35
  }, [error]);
@@ -39,7 +41,4 @@ const TextField = /*#__PURE__*/forwardRef((props, ref) => {
39
41
  onChange: handleChange
40
42
  });
41
43
  });
42
- export default TextField;
43
- function isEmptyObject(obj) {
44
- return obj && Object.keys(obj).length === 0;
45
- }
44
+ export default TextField;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nethru/ui",
3
- "version": "2.1.27",
3
+ "version": "2.1.29",
4
4
  "main": "base/index.js",
5
5
  "files": [
6
6
  "/base"