@rolster/react-forms 18.14.0 → 19.0.0
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.
- package/dist/cjs/index.js +45 -46
- package/dist/cjs/index.js.map +1 -1
- package/dist/es/index.js +45 -46
- package/dist/es/index.js.map +1 -1
- package/dist/esm/form-array/form-array-control.js +3 -3
- package/dist/esm/form-array/form-array-control.js.map +1 -1
- package/dist/esm/form-array/form-array.js +11 -11
- package/dist/esm/form-array/form-array.js.map +1 -1
- package/dist/esm/form-control.js +6 -6
- package/dist/esm/form-control.js.map +1 -1
- package/dist/esm/form-group.js +25 -26
- package/dist/esm/form-group.js.map +1 -1
- package/dist/esm/form-ref.js +8 -9
- package/dist/esm/form-ref.js.map +1 -1
- package/package.json +4 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-control.js","sourceRoot":"","sources":["../../src/form-control.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAC;AACpE,OAAO,EACL,cAAc,EACd,QAAQ,IAAI,eAAe,EAC3B,UAAU,IAAI,iBAAiB,EAChC,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAiBtD,SAAS,eAAe,CACtB,KAAQ,EACR,UAA6B;IAE7B,OAAO,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AACjE,CAAC;AAED,SAAS,UAAU,CACjB,OAAoC,EACpC,UAA6B;IAE7B,MAAM,
|
|
1
|
+
{"version":3,"file":"form-control.js","sourceRoot":"","sources":["../../src/form-control.ts"],"names":[],"mappings":"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"}
|
package/dist/esm/form-group.js
CHANGED
|
@@ -9,8 +9,7 @@ function refactorForValid(controls, validators) {
|
|
|
9
9
|
};
|
|
10
10
|
}
|
|
11
11
|
export function useFormGroup(options, validators) {
|
|
12
|
-
const
|
|
13
|
-
const { controls } = _options;
|
|
12
|
+
const formGroup = createFormGroupOptions(options, validators);
|
|
14
13
|
const firstEffects = useRef({
|
|
15
14
|
dirty: true,
|
|
16
15
|
disabledFocused: true,
|
|
@@ -18,68 +17,68 @@ export function useFormGroup(options, validators) {
|
|
|
18
17
|
value: true
|
|
19
18
|
});
|
|
20
19
|
const [state, setState] = useState({
|
|
21
|
-
...refactorForValid(controls,
|
|
22
|
-
controls,
|
|
23
|
-
dirties: controlsAllChecked(controls, 'dirty'),
|
|
24
|
-
dirty: controlsPartialChecked(controls, 'dirty'),
|
|
25
|
-
touched: controlsPartialChecked(controls, 'touched'),
|
|
26
|
-
toucheds: controlsAllChecked(controls, 'touched'),
|
|
27
|
-
value: controlsToValue(controls),
|
|
28
|
-
validators:
|
|
20
|
+
...refactorForValid(formGroup.controls, formGroup.validators),
|
|
21
|
+
controls: formGroup.controls,
|
|
22
|
+
dirties: controlsAllChecked(formGroup.controls, 'dirty'),
|
|
23
|
+
dirty: controlsPartialChecked(formGroup.controls, 'dirty'),
|
|
24
|
+
touched: controlsPartialChecked(formGroup.controls, 'touched'),
|
|
25
|
+
toucheds: controlsAllChecked(formGroup.controls, 'touched'),
|
|
26
|
+
value: controlsToValue(formGroup.controls),
|
|
27
|
+
validators: formGroup.validators
|
|
29
28
|
});
|
|
30
29
|
useEffect(() => {
|
|
31
30
|
if (!firstEffects.current.value) {
|
|
32
31
|
setState((state) => ({
|
|
33
32
|
...state,
|
|
34
|
-
...refactorForValid(controls, state.validators),
|
|
35
|
-
controls,
|
|
36
|
-
value: controlsToValue(controls)
|
|
33
|
+
...refactorForValid(formGroup.controls, state.validators),
|
|
34
|
+
controls: formGroup.controls,
|
|
35
|
+
value: controlsToValue(formGroup.controls)
|
|
37
36
|
}));
|
|
38
37
|
}
|
|
39
38
|
else {
|
|
40
39
|
firstEffects.current.value = false;
|
|
41
40
|
}
|
|
42
|
-
}, reduceControlsToArray(controls, 'value'));
|
|
41
|
+
}, reduceControlsToArray(formGroup.controls, 'value'));
|
|
43
42
|
useEffect(() => {
|
|
44
43
|
if (!firstEffects.current.disabledFocused) {
|
|
45
44
|
setState((state) => ({
|
|
46
45
|
...state,
|
|
47
|
-
controls
|
|
46
|
+
controls: formGroup.controls
|
|
48
47
|
}));
|
|
49
48
|
}
|
|
50
49
|
else {
|
|
51
50
|
firstEffects.current.disabledFocused = false;
|
|
52
51
|
}
|
|
53
52
|
}, [
|
|
54
|
-
...reduceControlsToArray(controls, 'disabled'),
|
|
55
|
-
...reduceControlsToArray(controls, 'focused')
|
|
53
|
+
...reduceControlsToArray(formGroup.controls, 'disabled'),
|
|
54
|
+
...reduceControlsToArray(formGroup.controls, 'focused')
|
|
56
55
|
]);
|
|
57
56
|
useEffect(() => {
|
|
58
57
|
if (!firstEffects.current.dirty) {
|
|
59
58
|
setState((state) => ({
|
|
60
59
|
...state,
|
|
61
|
-
controls,
|
|
62
|
-
dirty: controlsPartialChecked(controls, 'dirty'),
|
|
63
|
-
dirties: controlsAllChecked(controls, 'dirty')
|
|
60
|
+
controls: formGroup.controls,
|
|
61
|
+
dirty: controlsPartialChecked(formGroup.controls, 'dirty'),
|
|
62
|
+
dirties: controlsAllChecked(formGroup.controls, 'dirty')
|
|
64
63
|
}));
|
|
65
64
|
}
|
|
66
65
|
else {
|
|
67
66
|
firstEffects.current.dirty = false;
|
|
68
67
|
}
|
|
69
|
-
}, reduceControlsToArray(controls, 'dirty'));
|
|
68
|
+
}, reduceControlsToArray(formGroup.controls, 'dirty'));
|
|
70
69
|
useEffect(() => {
|
|
71
70
|
if (!firstEffects.current.touched) {
|
|
72
71
|
setState((state) => ({
|
|
73
72
|
...state,
|
|
74
|
-
controls,
|
|
75
|
-
touched: controlsPartialChecked(controls, 'touched'),
|
|
76
|
-
toucheds: controlsAllChecked(controls, 'touched')
|
|
73
|
+
controls: formGroup.controls,
|
|
74
|
+
touched: controlsPartialChecked(formGroup.controls, 'touched'),
|
|
75
|
+
toucheds: controlsAllChecked(formGroup.controls, 'touched')
|
|
77
76
|
}));
|
|
78
77
|
}
|
|
79
78
|
else {
|
|
80
79
|
firstEffects.current.touched = false;
|
|
81
80
|
}
|
|
82
|
-
}, reduceControlsToArray(controls, 'touched'));
|
|
81
|
+
}, reduceControlsToArray(formGroup.controls, 'touched'));
|
|
83
82
|
const setValidators = useCallback((validators) => {
|
|
84
83
|
setState((state) => ({
|
|
85
84
|
...state,
|
|
@@ -87,7 +86,7 @@ export function useFormGroup(options, validators) {
|
|
|
87
86
|
}));
|
|
88
87
|
}, []);
|
|
89
88
|
const reset = useCallback(() => {
|
|
90
|
-
Object.values(controls).forEach((control) => {
|
|
89
|
+
Object.values(formGroup.controls).forEach((control) => {
|
|
91
90
|
control.reset();
|
|
92
91
|
});
|
|
93
92
|
}, []);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-group.js","sourceRoot":"","sources":["../../src/form-group.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EACL,kBAAkB,EAClB,sBAAsB,EACtB,eAAe,EACf,YAAY,EACZ,qBAAqB,EACtB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAejE,SAAS,gBAAgB,CACvB,QAAW,EACX,UAAkC;IAElC,MAAM,MAAM,GAAG,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAExE,OAAO;QACL,MAAM;QACN,KAAK,EAAE,MAAM,CAAC,MAAM,KAAK,CAAC,IAAI,kBAAkB,CAAC,QAAQ,EAAE,OAAO,CAAC;KACpE,CAAC;AACJ,CAAC;AASD,MAAM,UAAU,YAAY,CAC1B,OAAgC,EAChC,UAAkC;IAElC,MAAM,
|
|
1
|
+
{"version":3,"file":"form-group.js","sourceRoot":"","sources":["../../src/form-group.ts"],"names":[],"mappings":"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"}
|
package/dist/esm/form-ref.js
CHANGED
|
@@ -2,20 +2,19 @@ import { createFormControlOptions } from '@rolster/forms/arguments';
|
|
|
2
2
|
import { useEffect } from 'react';
|
|
3
3
|
import { useInputControl } from './form-control';
|
|
4
4
|
function useInputRefControl(options) {
|
|
5
|
-
const
|
|
5
|
+
const formRef = useInputControl(options);
|
|
6
6
|
useEffect(() => {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
control.focus();
|
|
7
|
+
formRef.elementRef?.current?.addEventListener('focus', () => {
|
|
8
|
+
formRef.focus();
|
|
10
9
|
});
|
|
11
|
-
elementRef?.current?.addEventListener('blur', () => {
|
|
12
|
-
|
|
10
|
+
formRef.elementRef?.current?.addEventListener('blur', () => {
|
|
11
|
+
formRef.blur();
|
|
13
12
|
});
|
|
14
|
-
elementRef?.current?.addEventListener('change', ({ target }) => {
|
|
15
|
-
options.setValue(
|
|
13
|
+
formRef.elementRef?.current?.addEventListener('change', ({ target }) => {
|
|
14
|
+
options.setValue(formRef, target.value);
|
|
16
15
|
});
|
|
17
16
|
}, []);
|
|
18
|
-
return
|
|
17
|
+
return formRef;
|
|
19
18
|
}
|
|
20
19
|
export function useTextRefControl(options, validators) {
|
|
21
20
|
return useInputRefControl({
|
package/dist/esm/form-ref.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-ref.js","sourceRoot":"","sources":["../../src/form-ref.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAC;AAEpE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAYjD,SAAS,kBAAkB,CAAU,OAA2B;IAC9D,MAAM,OAAO,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;IAEzC,SAAS,CAAC,GAAG,EAAE;QACb,
|
|
1
|
+
{"version":3,"file":"form-ref.js","sourceRoot":"","sources":["../../src/form-ref.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAC;AAEpE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAYjD,SAAS,kBAAkB,CAAU,OAA2B;IAC9D,MAAM,OAAO,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;IAEzC,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,UAAU,EAAE,OAAO,EAAE,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;YAC1D,OAAO,CAAC,KAAK,EAAE,CAAC;QAClB,CAAC,CAAC,CAAC;QAEH,OAAO,CAAC,UAAU,EAAE,OAAO,EAAE,gBAAgB,CAAC,MAAM,EAAE,GAAG,EAAE;YACzD,OAAO,CAAC,IAAI,EAAE,CAAC;QACjB,CAAC,CAAC,CAAC;QAEH,OAAO,CAAC,UAAU,EAAE,OAAO,EAAE,gBAAgB,CAAC,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;YACrE,OAAO,CAAC,QAAQ,CAAC,OAAO,EAAG,MAA2B,CAAC,KAAK,CAAC,CAAC;QAChE,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,OAAO,CAAC;AACjB,CAAC;AAUD,MAAM,UAAU,iBAAiB,CAC/B,OAAiC,EACjC,UAAkC;IAElC,OAAO,kBAAkB,CAAC;QACxB,GAAG,wBAAwB,CACzB,OAAO,EACP,UAAU,CACX;QACD,QAAQ,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;YAC3B,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC1B,CAAC;KACF,CAAC,CAAC;AACL,CAAC;AAUD,MAAM,UAAU,mBAAmB,CACjC,OAAmC,EACnC,UAAkC;IAElC,OAAO,kBAAkB,CAAC;QACxB,GAAG,wBAAwB,CACzB,OAAO,EACP,UAAU,CACX;QACD,QAAQ,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;YAC3B,OAAO,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC;KACF,CAAC,CAAC;AACL,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rolster/react-forms",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "19.0.0",
|
|
4
4
|
"description": "It implements a set of classes that allow managing the control of states of the input components in React",
|
|
5
5
|
"module": "dist/esm/index.js",
|
|
6
6
|
"main": "dist/cjs/index.js",
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
"dependencies": {
|
|
30
30
|
"@rolster/forms": "^3.0.0",
|
|
31
31
|
"@rolster/validators": "^2.3.0",
|
|
32
|
-
"react": "^
|
|
32
|
+
"react": "^19.2.0",
|
|
33
33
|
"uuid": "^11.0.3"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
@@ -42,13 +42,13 @@
|
|
|
42
42
|
"@types/uuid": "^9.0.7",
|
|
43
43
|
"@vitejs/plugin-react": "^4.2.1",
|
|
44
44
|
"prettier": "^3.0.3",
|
|
45
|
-
"react-dom": "^
|
|
45
|
+
"react-dom": "^19.2.0",
|
|
46
46
|
"rimraf": "^3.0.2",
|
|
47
47
|
"rollup": "^2.32.0",
|
|
48
48
|
"rollup-plugin-peer-deps-external": "^2.2.4",
|
|
49
49
|
"tslib": "^2.4.0",
|
|
50
50
|
"typescript": "^5.7.2",
|
|
51
|
-
"vite": "^6.
|
|
51
|
+
"vite": "^6.4.1"
|
|
52
52
|
},
|
|
53
53
|
"repository": {
|
|
54
54
|
"type": "git",
|