@conform-to/react 1.19.0 → 1.19.2
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/README.md +1 -1
- package/dist/future/hooks.js +17 -19
- package/dist/future/hooks.mjs +17 -19
- package/dist/integrations.js +8 -10
- package/dist/integrations.mjs +8 -10
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
╚══════╝ ╚═════╝ ╚═╝ ╚══╝ ╚═╝ ╚═════╝ ╚═╝ ╚═╝ ╚═╝ ╚═╝
|
|
8
8
|
```
|
|
9
9
|
|
|
10
|
-
Version 1.19.
|
|
10
|
+
Version 1.19.2 / License MIT / Copyright (c) 2026 Edmund Hung
|
|
11
11
|
|
|
12
12
|
Progressively enhance HTML forms with React. Build resilient, type-safe forms with no hassle using web standards.
|
|
13
13
|
|
package/dist/future/hooks.js
CHANGED
|
@@ -391,27 +391,25 @@ function useControl() {
|
|
|
391
391
|
return next;
|
|
392
392
|
}, () => snapshotRef.current);
|
|
393
393
|
react.useEffect(() => {
|
|
394
|
-
var createEventListener = listener => {
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
clearTimeout(timer);
|
|
401
|
-
}
|
|
402
|
-
eventDispatched.current[listener] = window.setTimeout(() => {
|
|
403
|
-
eventDispatched.current[listener] = undefined;
|
|
404
|
-
});
|
|
405
|
-
if (listener === 'focus') {
|
|
406
|
-
var _optionsRef$current4, _optionsRef$current4$;
|
|
407
|
-
(_optionsRef$current4 = optionsRef.current) === null || _optionsRef$current4 === void 0 || (_optionsRef$current4$ = _optionsRef$current4.onFocus) === null || _optionsRef$current4$ === void 0 || _optionsRef$current4$.call(_optionsRef$current4);
|
|
408
|
-
}
|
|
394
|
+
var createEventListener = (listener, event) => {
|
|
395
|
+
var _inputRef$current2;
|
|
396
|
+
if (Array.isArray(inputRef.current) ? inputRef.current.some(item => item === event.target) : event.target instanceof Node && ((_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.contains(event.target))) {
|
|
397
|
+
var timer = eventDispatched.current[listener];
|
|
398
|
+
if (timer) {
|
|
399
|
+
clearTimeout(timer);
|
|
409
400
|
}
|
|
410
|
-
|
|
401
|
+
eventDispatched.current[listener] = window.setTimeout(() => {
|
|
402
|
+
eventDispatched.current[listener] = undefined;
|
|
403
|
+
});
|
|
404
|
+
if (listener === 'focus') {
|
|
405
|
+
var _optionsRef$current4, _optionsRef$current4$;
|
|
406
|
+
(_optionsRef$current4 = optionsRef.current) === null || _optionsRef$current4 === void 0 || (_optionsRef$current4$ = _optionsRef$current4.onFocus) === null || _optionsRef$current4$ === void 0 || _optionsRef$current4$.call(_optionsRef$current4);
|
|
407
|
+
}
|
|
408
|
+
}
|
|
411
409
|
};
|
|
412
|
-
var inputHandler = createEventListener('change');
|
|
413
|
-
var focusHandler = createEventListener('focus');
|
|
414
|
-
var blurHandler = createEventListener('blur');
|
|
410
|
+
var inputHandler = createEventListener.bind(null, 'change');
|
|
411
|
+
var focusHandler = createEventListener.bind(null, 'focus');
|
|
412
|
+
var blurHandler = createEventListener.bind(null, 'blur');
|
|
415
413
|
document.addEventListener('input', inputHandler, true);
|
|
416
414
|
document.addEventListener('focusin', focusHandler, true);
|
|
417
415
|
document.addEventListener('focusout', blurHandler, true);
|
package/dist/future/hooks.mjs
CHANGED
|
@@ -387,27 +387,25 @@ function useControl() {
|
|
|
387
387
|
return next;
|
|
388
388
|
}, () => snapshotRef.current);
|
|
389
389
|
useEffect(() => {
|
|
390
|
-
var createEventListener = listener => {
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
clearTimeout(timer);
|
|
397
|
-
}
|
|
398
|
-
eventDispatched.current[listener] = window.setTimeout(() => {
|
|
399
|
-
eventDispatched.current[listener] = undefined;
|
|
400
|
-
});
|
|
401
|
-
if (listener === 'focus') {
|
|
402
|
-
var _optionsRef$current4, _optionsRef$current4$;
|
|
403
|
-
(_optionsRef$current4 = optionsRef.current) === null || _optionsRef$current4 === void 0 || (_optionsRef$current4$ = _optionsRef$current4.onFocus) === null || _optionsRef$current4$ === void 0 || _optionsRef$current4$.call(_optionsRef$current4);
|
|
404
|
-
}
|
|
390
|
+
var createEventListener = (listener, event) => {
|
|
391
|
+
var _inputRef$current2;
|
|
392
|
+
if (Array.isArray(inputRef.current) ? inputRef.current.some(item => item === event.target) : event.target instanceof Node && ((_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.contains(event.target))) {
|
|
393
|
+
var timer = eventDispatched.current[listener];
|
|
394
|
+
if (timer) {
|
|
395
|
+
clearTimeout(timer);
|
|
405
396
|
}
|
|
406
|
-
|
|
397
|
+
eventDispatched.current[listener] = window.setTimeout(() => {
|
|
398
|
+
eventDispatched.current[listener] = undefined;
|
|
399
|
+
});
|
|
400
|
+
if (listener === 'focus') {
|
|
401
|
+
var _optionsRef$current4, _optionsRef$current4$;
|
|
402
|
+
(_optionsRef$current4 = optionsRef.current) === null || _optionsRef$current4 === void 0 || (_optionsRef$current4$ = _optionsRef$current4.onFocus) === null || _optionsRef$current4$ === void 0 || _optionsRef$current4$.call(_optionsRef$current4);
|
|
403
|
+
}
|
|
404
|
+
}
|
|
407
405
|
};
|
|
408
|
-
var inputHandler = createEventListener('change');
|
|
409
|
-
var focusHandler = createEventListener('focus');
|
|
410
|
-
var blurHandler = createEventListener('blur');
|
|
406
|
+
var inputHandler = createEventListener.bind(null, 'change');
|
|
407
|
+
var focusHandler = createEventListener.bind(null, 'focus');
|
|
408
|
+
var blurHandler = createEventListener.bind(null, 'blur');
|
|
411
409
|
document.addEventListener('input', inputHandler, true);
|
|
412
410
|
document.addEventListener('focusin', focusHandler, true);
|
|
413
411
|
document.addEventListener('focusout', blurHandler, true);
|
package/dist/integrations.js
CHANGED
|
@@ -75,17 +75,15 @@ function useInputEvent(onUpdate) {
|
|
|
75
75
|
blur: false
|
|
76
76
|
});
|
|
77
77
|
react.useEffect(() => {
|
|
78
|
-
var createEventListener = listener => {
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
}
|
|
84
|
-
};
|
|
78
|
+
var createEventListener = (listener, event) => {
|
|
79
|
+
var element = ref.current;
|
|
80
|
+
if (element && event.target === element) {
|
|
81
|
+
eventDispatched.current[listener] = true;
|
|
82
|
+
}
|
|
85
83
|
};
|
|
86
|
-
var inputHandler = createEventListener('change');
|
|
87
|
-
var focusHandler = createEventListener('focus');
|
|
88
|
-
var blurHandler = createEventListener('blur');
|
|
84
|
+
var inputHandler = createEventListener.bind(null, 'change');
|
|
85
|
+
var focusHandler = createEventListener.bind(null, 'focus');
|
|
86
|
+
var blurHandler = createEventListener.bind(null, 'blur');
|
|
89
87
|
document.addEventListener('input', inputHandler, true);
|
|
90
88
|
document.addEventListener('focusin', focusHandler, true);
|
|
91
89
|
document.addEventListener('focusout', blurHandler, true);
|
package/dist/integrations.mjs
CHANGED
|
@@ -71,17 +71,15 @@ function useInputEvent(onUpdate) {
|
|
|
71
71
|
blur: false
|
|
72
72
|
});
|
|
73
73
|
useEffect(() => {
|
|
74
|
-
var createEventListener = listener => {
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
}
|
|
80
|
-
};
|
|
74
|
+
var createEventListener = (listener, event) => {
|
|
75
|
+
var element = ref.current;
|
|
76
|
+
if (element && event.target === element) {
|
|
77
|
+
eventDispatched.current[listener] = true;
|
|
78
|
+
}
|
|
81
79
|
};
|
|
82
|
-
var inputHandler = createEventListener('change');
|
|
83
|
-
var focusHandler = createEventListener('focus');
|
|
84
|
-
var blurHandler = createEventListener('blur');
|
|
80
|
+
var inputHandler = createEventListener.bind(null, 'change');
|
|
81
|
+
var focusHandler = createEventListener.bind(null, 'focus');
|
|
82
|
+
var blurHandler = createEventListener.bind(null, 'blur');
|
|
85
83
|
document.addEventListener('input', inputHandler, true);
|
|
86
84
|
document.addEventListener('focusin', focusHandler, true);
|
|
87
85
|
document.addEventListener('focusout', blurHandler, true);
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"description": "Conform view adapter for react",
|
|
4
4
|
"homepage": "https://conform.guide",
|
|
5
5
|
"license": "MIT",
|
|
6
|
-
"version": "1.19.
|
|
6
|
+
"version": "1.19.2",
|
|
7
7
|
"main": "./dist/index.js",
|
|
8
8
|
"module": "./dist/index.mjs",
|
|
9
9
|
"types": "./dist/index.d.ts",
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"url": "https://github.com/edmundhung/conform/issues"
|
|
42
42
|
},
|
|
43
43
|
"dependencies": {
|
|
44
|
-
"@conform-to/dom": "1.19.
|
|
44
|
+
"@conform-to/dom": "1.19.2"
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
47
|
"@babel/core": "^7.17.8",
|