@flowerforce/flower-react 3.4.2-beta.0 → 3.5.1-beta.0

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+## 3.5.0 (2024-10-08)
+
+
+### 🚀 Features
+
+- added "hasFocus" in useFlower and "focused" on FlowerField ([#66](https://github.com/flowerforce/flower/pull/66))
+
+
+### 🧱 Updated Dependencies
+
+- Updated flower-core to 3.3.0
+
 ## 3.4.1 (2024-10-02)
 
 

package/dist/index.cjs.js

@@ -410,11 +410,11 @@ function isIntrinsicElement$1(x) {
 //TODO make types for wrapper function props
 function Wrapper$1({ Component, id, flowName, currentNode, validate, asyncDebounce = 0, asyncValidate, asyncInitialError, asyncWaitingError, destroyValue, onBlur, onFocus, hidden, onUpdate, defaultValue, ...props }) {
     const dispatch = useDispatch();
-    const [customAsyncErrors, setCustomAsyncErrors] = React.useState(asyncValidate && [asyncInitialError]);
+    const [customAsyncErrors, setCustomAsyncErrors] = React.useState(!hidden && asyncValidate && [asyncInitialError]);
     const [isValidating, setIsValidating] = React.useState(undefined);
     const { flowNameFromPath = flowName, path } = React.useMemo(() => flowerCore.CoreUtils.getPath(id), [id]);
     const value = useSelector(getDataFromState(flowNameFromPath, path));
-    const errors = useSelector(makeSelectFieldError(flowName, id, validate), flowerCore.CoreUtils.allEqual);
+    const errors = useSelector(makeSelectFieldError(flowName, id, hidden ? [] : validate), flowerCore.CoreUtils.allEqual);
     const dirty = useSelector(makeSelectNodeFieldDirty(flowName, currentNode, id));
     const touched = useSelector(makeSelectNodeFieldTouched(flowName, currentNode, id));
     const focused = useSelector(makeSelectNodeFieldFocused(flowName, currentNode, id));
@@ -480,6 +480,8 @@ function Wrapper$1({ Component, id, flowName, currentNode, validate, asyncDeboun
         onFocus && onFocus(e);
     }, [onFocus, setFocus]);
     React.useEffect(() => {
+        if (hidden)
+            return;
         if (asyncValidate) {
             if (refValue.current === value)
                 return;
@@ -493,7 +495,7 @@ function Wrapper$1({ Component, id, flowName, currentNode, validate, asyncDeboun
             setTouched(true);
             debouncedValidation(value);
         }
-    }, [asyncValidate, asyncInitialError, value, debouncedValidation, setTouched]);
+    }, [asyncValidate, asyncInitialError, value, debouncedValidation, setTouched, hidden]);
     React.useEffect(() => {
         if (onUpdate) {
             onUpdate(value);

package/dist/index.esm.js

@@ -408,11 +408,11 @@ function isIntrinsicElement$1(x) {
 //TODO make types for wrapper function props
 function Wrapper$1({ Component, id, flowName, currentNode, validate, asyncDebounce = 0, asyncValidate, asyncInitialError, asyncWaitingError, destroyValue, onBlur, onFocus, hidden, onUpdate, defaultValue, ...props }) {
     const dispatch = useDispatch();
-    const [customAsyncErrors, setCustomAsyncErrors] = useState(asyncValidate && [asyncInitialError]);
+    const [customAsyncErrors, setCustomAsyncErrors] = useState(!hidden && asyncValidate && [asyncInitialError]);
     const [isValidating, setIsValidating] = useState(undefined);
     const { flowNameFromPath = flowName, path } = useMemo(() => CoreUtils.getPath(id), [id]);
     const value = useSelector(getDataFromState(flowNameFromPath, path));
-    const errors = useSelector(makeSelectFieldError(flowName, id, validate), CoreUtils.allEqual);
+    const errors = useSelector(makeSelectFieldError(flowName, id, hidden ? [] : validate), CoreUtils.allEqual);
     const dirty = useSelector(makeSelectNodeFieldDirty(flowName, currentNode, id));
     const touched = useSelector(makeSelectNodeFieldTouched(flowName, currentNode, id));
     const focused = useSelector(makeSelectNodeFieldFocused(flowName, currentNode, id));
@@ -478,6 +478,8 @@ function Wrapper$1({ Component, id, flowName, currentNode, validate, asyncDeboun
         onFocus && onFocus(e);
     }, [onFocus, setFocus]);
     useEffect(() => {
+        if (hidden)
+            return;
         if (asyncValidate) {
             if (refValue.current === value)
                 return;
@@ -491,7 +493,7 @@ function Wrapper$1({ Component, id, flowName, currentNode, validate, asyncDeboun
             setTouched(true);
             debouncedValidation(value);
         }
-    }, [asyncValidate, asyncInitialError, value, debouncedValidation, setTouched]);
+    }, [asyncValidate, asyncInitialError, value, debouncedValidation, setTouched, hidden]);
     useEffect(() => {
         if (onUpdate) {
             onUpdate(value);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flowerforce/flower-react",
-  "version": "3.4.2-beta.0",
+  "version": "3.5.1-beta.0",
   "description": "FlowerJS components, hooks and utils for React.",
   "repository": {
     "type": "git",
@@ -34,7 +34,7 @@
     "typescript": "^5.4.5"
   },
   "dependencies": {
-    "@flowerforce/flower-core": "3.2.4-beta.0",
+    "@flowerforce/flower-core": "3.3.1-beta.0",
     "@reduxjs/toolkit": "^2.2.4",
     "lodash": "^4.17.21",
     "react-redux": "^9.1.2",