@etsoo/materialui 1.4.88 → 1.4.90

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 (10) hide show
  1. package/lib/cjs/InputField.js +5 -1
  2. package/lib/cjs/SearchField.js +7 -3
  3. package/lib/cjs/pages/ViewPage.js +10 -5
  4. package/lib/mjs/InputField.js +5 -1
  5. package/lib/mjs/SearchField.js +7 -3
  6. package/lib/mjs/pages/ViewPage.js +10 -5
  7. package/package.json +1 -1
  8. package/src/InputField.tsx +6 -1
  9. package/src/SearchField.tsx +8 -3
  10. package/src/pages/ViewPage.tsx +7 -2
package/lib/cjs/InputField.js CHANGED
@@ -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);
package/lib/cjs/SearchField.js CHANGED
@@ -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);
package/lib/cjs/pages/ViewPage.js CHANGED
@@ -88,13 +88,18 @@ function getItemField(app, field, data) {
88
88
  itemData = (0, GridDataFormat_1.GridDataFormat)(data[fieldData], dataType, renderProps);
89
89
  // Field label
90
90
  itemLabel =
91
- typeof fieldLabel === "function"
92
- ? fieldLabel(data)
93
- : fieldLabel != null
94
- ? app.get(fieldLabel) ?? fieldLabel
95
- : fieldLabel;
91
+ fieldLabel === ""
92
+ ? undefined
93
+ : fieldLabel == null && typeof fieldData === "string"
94
+ ? app.get(fieldData) ?? fieldData
95
+ : typeof fieldLabel === "function"
96
+ ? fieldLabel(data)
97
+ : fieldLabel != null
98
+ ? app.get(fieldLabel) ?? fieldLabel
99
+ : undefined;
96
100
  }
97
101
  else {
102
+ // Single field format
98
103
  itemData = formatItemData(app, data[field]);
99
104
  itemLabel = app.get(field) ?? field;
100
105
  }
package/lib/mjs/InputField.js CHANGED
@@ -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);
package/lib/mjs/SearchField.js CHANGED
@@ -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/lib/mjs/pages/ViewPage.js CHANGED
@@ -81,13 +81,18 @@ function getItemField(app, field, data) {
81
81
  itemData = GridDataFormat(data[fieldData], dataType, renderProps);
82
82
  // Field label
83
83
  itemLabel =
84
- typeof fieldLabel === "function"
85
- ? fieldLabel(data)
86
- : fieldLabel != null
87
- ? app.get(fieldLabel) ?? fieldLabel
88
- : fieldLabel;
84
+ fieldLabel === ""
85
+ ? undefined
86
+ : fieldLabel == null && typeof fieldData === "string"
87
+ ? app.get(fieldData) ?? fieldData
88
+ : typeof fieldLabel === "function"
89
+ ? fieldLabel(data)
90
+ : fieldLabel != null
91
+ ? app.get(fieldLabel) ?? fieldLabel
92
+ : undefined;
89
93
  }
90
94
  else {
95
+ // Single field format
91
96
  itemData = formatItemData(app, data[field]);
92
97
  itemLabel = app.get(field) ?? field;
93
98
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@etsoo/materialui",
3
- "version": "1.4.88",
3
+ "version": "1.4.90",
4
4
  "description": "TypeScript Material-UI Implementation",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/mjs/index.js",
package/src/InputField.tsx CHANGED
@@ -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);
package/src/SearchField.tsx CHANGED
@@ -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);
package/src/pages/ViewPage.tsx CHANGED
@@ -236,12 +236,17 @@ function getItemField<T extends object>(
236
236
 
237
237
  // Field label
238
238
  itemLabel =
239
- typeof fieldLabel === "function"
239
+ fieldLabel === ""
240
+ ? undefined
241
+ : fieldLabel == null && typeof fieldData === "string"
242
+ ? app.get<string>(fieldData) ?? fieldData
243
+ : typeof fieldLabel === "function"
240
244
  ? fieldLabel(data)
241
245
  : fieldLabel != null
242
246
  ? app.get<string>(fieldLabel) ?? fieldLabel
243
- : fieldLabel;
247
+ : undefined;
244
248
  } else {
249
+ // Single field format
245
250
  itemData = formatItemData(app, data[field]);
246
251
  itemLabel = app.get<string>(field) ?? field;
247
252
  }