@xaypay/tui 0.0.75 → 0.0.76

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.
Files changed (4) hide show
  1. package/dist/index.es.js +23 -19
  2. package/dist/index.js +23 -19
  3. package/package.json +1 -1
  4. package/src/components/input/index.js +23 -19
package/dist/index.es.js CHANGED
@@ -856,26 +856,30 @@ const Input = ({
856
856
  } else {
857
857
  setInnerErrorMessage('');
858
858
  }
859
- if (value !== undefined && value !== null) {
860
- setInnerValue(value);
861
- if (type === 'tel') {
862
- if (!phoneNumberRegex.test(value)) {
863
- telErrorMessage && setInnerErrorMessage(telErrorMessage);
864
- setInnerValue('');
865
- } else {
866
- setInnerErrorMessage('');
867
- if (value.length > 8) {
868
- setInnerValue(value.substr(0, 8));
859
+ if (value !== undefined) {
860
+ if (value === null) {
861
+ setInnerValue('');
862
+ } else {
863
+ setInnerValue(value);
864
+ if (type === 'tel') {
865
+ if (!phoneNumberRegex.test(value)) {
866
+ telErrorMessage && setInnerErrorMessage(telErrorMessage);
867
+ setInnerValue('');
869
868
  } else {
870
- setInnerValue(value);
869
+ setInnerErrorMessage('');
870
+ if (value.length > 8) {
871
+ setInnerValue(value.substr(0, 8));
872
+ } else {
873
+ setInnerValue(value);
874
+ }
871
875
  }
872
876
  }
873
- }
874
- if (maxLength && value.length > maxLength && type !== 'tel') {
875
- setInnerValue(value.substr(0, maxLength));
876
- }
877
- if (regexp && regexpErrorMessage && !maxLength && type !== 'tel') {
878
- !regexp.test(value) ? setInnerErrorMessage(regexpErrorMessage) : setInnerErrorMessage('');
877
+ if (maxLength && value.length > maxLength && type !== 'tel') {
878
+ setInnerValue(value.substr(0, maxLength));
879
+ }
880
+ if (regexp && regexpErrorMessage && !maxLength && type !== 'tel') {
881
+ !regexp.test(value) ? setInnerErrorMessage(regexpErrorMessage) : setInnerErrorMessage('');
882
+ }
879
883
  }
880
884
  }
881
885
  }, [type, value, regexp, maxLength, errorMessage, regexpErrorMessage]);
@@ -990,7 +994,6 @@ Input.propTypes = {
990
994
  name: PropTypes.string,
991
995
  change: PropTypes.func,
992
996
  color: PropTypes.string,
993
- value: PropTypes.string,
994
997
  width: PropTypes.string,
995
998
  label: PropTypes.string,
996
999
  required: PropTypes.bool,
@@ -1035,7 +1038,8 @@ Input.propTypes = {
1035
1038
  errorAnimationDuration: PropTypes.string,
1036
1039
  leftIcon: PropTypes.arrayOf(PropTypes.element),
1037
1040
  rightIcon: PropTypes.arrayOf(PropTypes.element),
1038
- type: PropTypes.oneOf(Object.values(InputTypes))
1041
+ type: PropTypes.oneOf(Object.values(InputTypes)),
1042
+ value: PropTypes.oneOfType([PropTypes.string, PropTypes.object])
1039
1043
  };
1040
1044
  Input.defaultProps = {
1041
1045
  type: "text"
package/dist/index.js CHANGED
@@ -886,26 +886,30 @@ const Input = ({
886
886
  } else {
887
887
  setInnerErrorMessage('');
888
888
  }
889
- if (value !== undefined && value !== null) {
890
- setInnerValue(value);
891
- if (type === 'tel') {
892
- if (!phoneNumberRegex.test(value)) {
893
- telErrorMessage && setInnerErrorMessage(telErrorMessage);
894
- setInnerValue('');
895
- } else {
896
- setInnerErrorMessage('');
897
- if (value.length > 8) {
898
- setInnerValue(value.substr(0, 8));
889
+ if (value !== undefined) {
890
+ if (value === null) {
891
+ setInnerValue('');
892
+ } else {
893
+ setInnerValue(value);
894
+ if (type === 'tel') {
895
+ if (!phoneNumberRegex.test(value)) {
896
+ telErrorMessage && setInnerErrorMessage(telErrorMessage);
897
+ setInnerValue('');
899
898
  } else {
900
- setInnerValue(value);
899
+ setInnerErrorMessage('');
900
+ if (value.length > 8) {
901
+ setInnerValue(value.substr(0, 8));
902
+ } else {
903
+ setInnerValue(value);
904
+ }
901
905
  }
902
906
  }
903
- }
904
- if (maxLength && value.length > maxLength && type !== 'tel') {
905
- setInnerValue(value.substr(0, maxLength));
906
- }
907
- if (regexp && regexpErrorMessage && !maxLength && type !== 'tel') {
908
- !regexp.test(value) ? setInnerErrorMessage(regexpErrorMessage) : setInnerErrorMessage('');
907
+ if (maxLength && value.length > maxLength && type !== 'tel') {
908
+ setInnerValue(value.substr(0, maxLength));
909
+ }
910
+ if (regexp && regexpErrorMessage && !maxLength && type !== 'tel') {
911
+ !regexp.test(value) ? setInnerErrorMessage(regexpErrorMessage) : setInnerErrorMessage('');
912
+ }
909
913
  }
910
914
  }
911
915
  }, [type, value, regexp, maxLength, errorMessage, regexpErrorMessage]);
@@ -1020,7 +1024,6 @@ Input.propTypes = {
1020
1024
  name: PropTypes__default["default"].string,
1021
1025
  change: PropTypes__default["default"].func,
1022
1026
  color: PropTypes__default["default"].string,
1023
- value: PropTypes__default["default"].string,
1024
1027
  width: PropTypes__default["default"].string,
1025
1028
  label: PropTypes__default["default"].string,
1026
1029
  required: PropTypes__default["default"].bool,
@@ -1065,7 +1068,8 @@ Input.propTypes = {
1065
1068
  errorAnimationDuration: PropTypes__default["default"].string,
1066
1069
  leftIcon: PropTypes__default["default"].arrayOf(PropTypes__default["default"].element),
1067
1070
  rightIcon: PropTypes__default["default"].arrayOf(PropTypes__default["default"].element),
1068
- type: PropTypes__default["default"].oneOf(Object.values(InputTypes))
1071
+ type: PropTypes__default["default"].oneOf(Object.values(InputTypes)),
1072
+ value: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].object])
1069
1073
  };
1070
1074
  Input.defaultProps = {
1071
1075
  type: "text"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xaypay/tui",
3
- "version": "0.0.75",
3
+ "version": "0.0.76",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.es.js",
package/src/components/input/index.js CHANGED
@@ -153,28 +153,32 @@ export const Input = ({
153
153
  setInnerErrorMessage('');
154
154
  }
155
155
 
156
- if (value !== undefined && value !== null) {
157
- setInnerValue(value);
158
- if (type === 'tel') {
159
- if (!phoneNumberRegex.test(value)) {
160
- telErrorMessage && setInnerErrorMessage(telErrorMessage);
161
- setInnerValue('');
162
- } else {
163
- setInnerErrorMessage('');
164
- if (value.length > 8) {
165
- setInnerValue(value.substr(0, 8));
156
+ if (value !== undefined) {
157
+ if (value === null) {
158
+ setInnerValue('');
159
+ } else {
160
+ setInnerValue(value);
161
+ if (type === 'tel') {
162
+ if (!phoneNumberRegex.test(value)) {
163
+ telErrorMessage && setInnerErrorMessage(telErrorMessage);
164
+ setInnerValue('');
166
165
  } else {
167
- setInnerValue(value);
166
+ setInnerErrorMessage('');
167
+ if (value.length > 8) {
168
+ setInnerValue(value.substr(0, 8));
169
+ } else {
170
+ setInnerValue(value);
171
+ }
168
172
  }
169
- }
170
- }
173
+ }
171
174
 
172
- if (maxLength && value.length > maxLength && type !== 'tel') {
173
- setInnerValue(value.substr(0, maxLength));
174
- }
175
+ if (maxLength && value.length > maxLength && type !== 'tel') {
176
+ setInnerValue(value.substr(0, maxLength));
177
+ }
175
178
 
176
- if (regexp && regexpErrorMessage && !maxLength && type !== 'tel') {
177
- !regexp.test(value) ? setInnerErrorMessage(regexpErrorMessage) : setInnerErrorMessage('')
179
+ if (regexp && regexpErrorMessage && !maxLength && type !== 'tel') {
180
+ !regexp.test(value) ? setInnerErrorMessage(regexpErrorMessage) : setInnerErrorMessage('')
181
+ }
178
182
  }
179
183
  }
180
184
  }, [type, value, regexp, maxLength, errorMessage, regexpErrorMessage]);
@@ -327,7 +331,6 @@ Input.propTypes = {
327
331
  name: PropTypes.string,
328
332
  change: PropTypes.func,
329
333
  color: PropTypes.string,
330
- value: PropTypes.string,
331
334
  width: PropTypes.string,
332
335
  label: PropTypes.string,
333
336
  required: PropTypes.bool,
@@ -373,6 +376,7 @@ Input.propTypes = {
373
376
  leftIcon: PropTypes.arrayOf(PropTypes.element),
374
377
  rightIcon: PropTypes.arrayOf(PropTypes.element),
375
378
  type: PropTypes.oneOf(Object.values(InputTypes)),
379
+ value: PropTypes.oneOfType([PropTypes.string, PropTypes.object])
376
380
  };
377
381
 
378
382
  Input.defaultProps = {