@flowerforce/flower-react 3.5.1-beta.1 → 3.5.1-beta.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/dist/index.cjs.js +32 -18
- package/dist/index.esm.js +32 -18
- package/package.json +2 -2
package/dist/index.cjs.js
CHANGED
|
@@ -522,6 +522,34 @@ function Wrapper$1({ Component, id, flowName, currentNode, validate, asyncDeboun
|
|
|
522
522
|
}
|
|
523
523
|
});
|
|
524
524
|
}, [flowName, currentNode, isValidating]);
|
|
525
|
+
const resetField = React.useCallback(() => {
|
|
526
|
+
dispatch({
|
|
527
|
+
type: 'flower/formFieldTouch',
|
|
528
|
+
payload: {
|
|
529
|
+
name: flowName,
|
|
530
|
+
id,
|
|
531
|
+
currentNode,
|
|
532
|
+
touched: false
|
|
533
|
+
}
|
|
534
|
+
});
|
|
535
|
+
dispatch({
|
|
536
|
+
type: 'flower/formFieldDirty',
|
|
537
|
+
payload: {
|
|
538
|
+
name: flowName,
|
|
539
|
+
id,
|
|
540
|
+
currentNode,
|
|
541
|
+
dirty: false
|
|
542
|
+
}
|
|
543
|
+
});
|
|
544
|
+
dispatch({
|
|
545
|
+
type: 'flower/formRemoveErrors',
|
|
546
|
+
payload: {
|
|
547
|
+
name: flowName,
|
|
548
|
+
id,
|
|
549
|
+
currentNode
|
|
550
|
+
}
|
|
551
|
+
});
|
|
552
|
+
}, [currentNode, id, flowName]);
|
|
525
553
|
React.useEffect(() => {
|
|
526
554
|
// destroy
|
|
527
555
|
return () => {
|
|
@@ -531,16 +559,9 @@ function Wrapper$1({ Component, id, flowName, currentNode, validate, asyncDeboun
|
|
|
531
559
|
payload: { flowName: flowNameFromPath, id: path }
|
|
532
560
|
});
|
|
533
561
|
}
|
|
534
|
-
|
|
535
|
-
type: 'flower/formRemoveErrors',
|
|
536
|
-
payload: {
|
|
537
|
-
name: flowName,
|
|
538
|
-
id,
|
|
539
|
-
currentNode
|
|
540
|
-
}
|
|
541
|
-
});
|
|
562
|
+
resetField();
|
|
542
563
|
};
|
|
543
|
-
}, [destroyValue, id, flowNameFromPath, path,
|
|
564
|
+
}, [destroyValue, id, flowNameFromPath, path, resetField]);
|
|
544
565
|
React.useEffect(() => {
|
|
545
566
|
if (hidden) {
|
|
546
567
|
if (destroyOnHide) {
|
|
@@ -548,17 +569,10 @@ function Wrapper$1({ Component, id, flowName, currentNode, validate, asyncDeboun
|
|
|
548
569
|
type: `flower/unsetData`,
|
|
549
570
|
payload: { flowName: flowNameFromPath, id: path }
|
|
550
571
|
});
|
|
572
|
+
resetField();
|
|
551
573
|
}
|
|
552
|
-
dispatch({
|
|
553
|
-
type: 'flower/formRemoveErrors',
|
|
554
|
-
payload: {
|
|
555
|
-
name: flowName,
|
|
556
|
-
id,
|
|
557
|
-
currentNode
|
|
558
|
-
}
|
|
559
|
-
});
|
|
560
574
|
}
|
|
561
|
-
}, [destroyOnHide, hidden,
|
|
575
|
+
}, [destroyOnHide, hidden, flowNameFromPath, path, resetField]);
|
|
562
576
|
React.useEffect(() => {
|
|
563
577
|
if (defaultValue && !dirty && !isEqual(value, defaultValue)) {
|
|
564
578
|
onChange(defaultValue);
|
package/dist/index.esm.js
CHANGED
|
@@ -520,6 +520,34 @@ function Wrapper$1({ Component, id, flowName, currentNode, validate, asyncDeboun
|
|
|
520
520
|
}
|
|
521
521
|
});
|
|
522
522
|
}, [flowName, currentNode, isValidating]);
|
|
523
|
+
const resetField = useCallback(() => {
|
|
524
|
+
dispatch({
|
|
525
|
+
type: 'flower/formFieldTouch',
|
|
526
|
+
payload: {
|
|
527
|
+
name: flowName,
|
|
528
|
+
id,
|
|
529
|
+
currentNode,
|
|
530
|
+
touched: false
|
|
531
|
+
}
|
|
532
|
+
});
|
|
533
|
+
dispatch({
|
|
534
|
+
type: 'flower/formFieldDirty',
|
|
535
|
+
payload: {
|
|
536
|
+
name: flowName,
|
|
537
|
+
id,
|
|
538
|
+
currentNode,
|
|
539
|
+
dirty: false
|
|
540
|
+
}
|
|
541
|
+
});
|
|
542
|
+
dispatch({
|
|
543
|
+
type: 'flower/formRemoveErrors',
|
|
544
|
+
payload: {
|
|
545
|
+
name: flowName,
|
|
546
|
+
id,
|
|
547
|
+
currentNode
|
|
548
|
+
}
|
|
549
|
+
});
|
|
550
|
+
}, [currentNode, id, flowName]);
|
|
523
551
|
useEffect(() => {
|
|
524
552
|
// destroy
|
|
525
553
|
return () => {
|
|
@@ -529,16 +557,9 @@ function Wrapper$1({ Component, id, flowName, currentNode, validate, asyncDeboun
|
|
|
529
557
|
payload: { flowName: flowNameFromPath, id: path }
|
|
530
558
|
});
|
|
531
559
|
}
|
|
532
|
-
|
|
533
|
-
type: 'flower/formRemoveErrors',
|
|
534
|
-
payload: {
|
|
535
|
-
name: flowName,
|
|
536
|
-
id,
|
|
537
|
-
currentNode
|
|
538
|
-
}
|
|
539
|
-
});
|
|
560
|
+
resetField();
|
|
540
561
|
};
|
|
541
|
-
}, [destroyValue, id, flowNameFromPath, path,
|
|
562
|
+
}, [destroyValue, id, flowNameFromPath, path, resetField]);
|
|
542
563
|
useEffect(() => {
|
|
543
564
|
if (hidden) {
|
|
544
565
|
if (destroyOnHide) {
|
|
@@ -546,17 +567,10 @@ function Wrapper$1({ Component, id, flowName, currentNode, validate, asyncDeboun
|
|
|
546
567
|
type: `flower/unsetData`,
|
|
547
568
|
payload: { flowName: flowNameFromPath, id: path }
|
|
548
569
|
});
|
|
570
|
+
resetField();
|
|
549
571
|
}
|
|
550
|
-
dispatch({
|
|
551
|
-
type: 'flower/formRemoveErrors',
|
|
552
|
-
payload: {
|
|
553
|
-
name: flowName,
|
|
554
|
-
id,
|
|
555
|
-
currentNode
|
|
556
|
-
}
|
|
557
|
-
});
|
|
558
572
|
}
|
|
559
|
-
}, [destroyOnHide, hidden,
|
|
573
|
+
}, [destroyOnHide, hidden, flowNameFromPath, path, resetField]);
|
|
560
574
|
useEffect(() => {
|
|
561
575
|
if (defaultValue && !dirty && !isEqual(value, defaultValue)) {
|
|
562
576
|
onChange(defaultValue);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@flowerforce/flower-react",
|
|
3
|
-
"version": "3.5.1-beta.
|
|
3
|
+
"version": "3.5.1-beta.2",
|
|
4
4
|
"description": "FlowerJS components, hooks and utils for React.",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
"typescript": "^5.4.5"
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
|
-
"@flowerforce/flower-core": "3.3.1-beta.
|
|
37
|
+
"@flowerforce/flower-core": "3.3.1-beta.2",
|
|
38
38
|
"@reduxjs/toolkit": "^2.2.4",
|
|
39
39
|
"lodash": "^4.17.21",
|
|
40
40
|
"react-redux": "^9.1.2",
|