@etsoo/materialui 1.4.88 → 1.4.89

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.
@@ -37,8 +37,12 @@ exports.InputField = react_2.default.forwardRef((props, ref) => {
37
37
  const onChangeEx = (event) => {
38
38
  // Min characters check
39
39
  const len = event.target.value.length;
40
- if (len > 0 && len < minChars)
40
+ if (len > 0 && len < minChars) {
41
+ // Avoid to trigger the form change event
42
+ event.stopPropagation();
43
+ event.preventDefault();
41
44
  return;
45
+ }
42
46
  if (onChange && (delayed == null || onChangeDelay != null))
43
47
  onChange(event);
44
48
  delayed?.call(undefined, event);
@@ -29,11 +29,15 @@ function SearchField(props) {
29
29
  ? (0, react_1.useDelayedExecutor)(onChange, changeDelay)
30
30
  : undefined;
31
31
  const onChangeEx = (event) => {
32
- if (onChange == null)
33
- return;
34
32
  // Min characters check
35
33
  const len = event.target.value.length;
36
- if (len > 0 && len < minChars)
34
+ if (len > 0 && len < minChars) {
35
+ // Avoid to trigger the form change event
36
+ event.stopPropagation();
37
+ event.preventDefault();
38
+ return;
39
+ }
40
+ if (onChange == null)
37
41
  return;
38
42
  if (changeDelay == null || changeDelay < 1) {
39
43
  onChange(event);
@@ -31,8 +31,12 @@ export const InputField = React.forwardRef((props, ref) => {
31
31
  const onChangeEx = (event) => {
32
32
  // Min characters check
33
33
  const len = event.target.value.length;
34
- if (len > 0 && len < minChars)
34
+ if (len > 0 && len < minChars) {
35
+ // Avoid to trigger the form change event
36
+ event.stopPropagation();
37
+ event.preventDefault();
35
38
  return;
39
+ }
36
40
  if (onChange && (delayed == null || onChangeDelay != null))
37
41
  onChange(event);
38
42
  delayed?.call(undefined, event);
@@ -23,11 +23,15 @@ export function SearchField(props) {
23
23
  ? useDelayedExecutor(onChange, changeDelay)
24
24
  : undefined;
25
25
  const onChangeEx = (event) => {
26
- if (onChange == null)
27
- return;
28
26
  // Min characters check
29
27
  const len = event.target.value.length;
30
- if (len > 0 && len < minChars)
28
+ if (len > 0 && len < minChars) {
29
+ // Avoid to trigger the form change event
30
+ event.stopPropagation();
31
+ event.preventDefault();
32
+ return;
33
+ }
34
+ if (onChange == null)
31
35
  return;
32
36
  if (changeDelay == null || changeDelay < 1) {
33
37
  onChange(event);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@etsoo/materialui",
3
- "version": "1.4.88",
3
+ "version": "1.4.89",
4
4
  "description": "TypeScript Material-UI Implementation",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/mjs/index.js",
@@ -77,7 +77,12 @@ export const InputField = React.forwardRef<HTMLDivElement, InputFieldProps>(
77
77
  ) => {
78
78
  // Min characters check
79
79
  const len = event.target.value.length;
80
- if (len > 0 && len < minChars) return;
80
+ if (len > 0 && len < minChars) {
81
+ // Avoid to trigger the form change event
82
+ event.stopPropagation();
83
+ event.preventDefault();
84
+ return;
85
+ }
81
86
 
82
87
  if (onChange && (delayed == null || onChangeDelay != null))
83
88
  onChange(event);
@@ -61,11 +61,16 @@ export function SearchField(props: SearchFieldProps) {
61
61
  const onChangeEx = (
62
62
  event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>
63
63
  ) => {
64
- if (onChange == null) return;
65
-
66
64
  // Min characters check
67
65
  const len = event.target.value.length;
68
- if (len > 0 && len < minChars) return;
66
+ if (len > 0 && len < minChars) {
67
+ // Avoid to trigger the form change event
68
+ event.stopPropagation();
69
+ event.preventDefault();
70
+ return;
71
+ }
72
+
73
+ if (onChange == null) return;
69
74
 
70
75
  if (changeDelay == null || changeDelay < 1) {
71
76
  onChange(event);