@flowerforce/flower-core 3.3.1-beta.1 → 3.4.0

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+## 3.4.0 (2025-04-19)
+
+
+### 🚀 Features
+
+- added remove value on hide element ([#68](https://github.com/flowerforce/flower/pull/68))
+
+
+### 🩹 Fixes
+
+- avoid validate hidden field ([#67](https://github.com/flowerforce/flower/pull/67))
+
 ## 3.3.0 (2024-10-08)
 
 

package/dist/index.cjs.js

@@ -441,7 +441,7 @@ const createFormData = (form) => {
     const allErrors = Object.values(validationErrors || {});
     return {
         isSubmitted: form?.isSubmitted || false,
-        isDirty: form?.isDirty || false,
+        isDirty: Object.values(form?.dirty || {}).some(Boolean) || false,
         hasFocus: form?.hasFocus,
         errors: form?.errors,
         customErrors: form?.customErrors,
@@ -635,6 +635,9 @@ const FlowerCoreReducers = {
     formFieldTouch: (state, { payload }) => {
         _set(state, [payload.name, 'form', payload.currentNode, 'touches', payload.id], payload.touched);
     },
+    formFieldDirty: (state, { payload }) => {
+        _set(state, [payload.name, 'form', payload.currentNode, 'dirty', payload.id], payload.dirty);
+    },
     formFieldFocus: (state, { payload }) => {
         if (!payload.focused) {
             _unset(state, [payload.name, 'form', payload.currentNode, 'hasFocus']);
@@ -653,7 +656,6 @@ const FlowerCoreReducers = {
             _set(state, [payload.flowName, 'data', ...newpath], payload.value);
             if (payload && payload.dirty) {
                 _set(state, [payload.flowName, 'form', currentNode, 'dirty', payload.id], payload.dirty);
-                _set(state, [payload.flowName, 'form', currentNode, 'isDirty'], true);
             }
         }
     },
@@ -663,21 +665,6 @@ const FlowerCoreReducers = {
         _set(state, [payload.flowName, 'data'], payload.value);
     },
     unsetData: (state, { payload }) => {
-        const currentNode = FlowerStateUtils.makeSelectCurrentNodeId(payload.flowName)(state);
-        _unset(state, [
-            payload.flowName,
-            'form',
-            currentNode,
-            'dirty',
-            ...payload.id
-        ]);
-        _unset(state, [
-            payload.flowName,
-            'form',
-            currentNode,
-            'touches',
-            ...payload.id
-        ]);
         _unset(state, [payload.flowName, 'data', ...payload.id]);
     },
     setFormIsValidating: (state, { payload }) => {
@@ -691,7 +678,6 @@ const FlowerCoreReducers = {
         });
         _unset(state, [payload.flowName, 'form', payload.id, 'touches']);
         _unset(state, [payload.flowName, 'form', payload.id, 'dirty']);
-        _unset(state, [payload.flowName, 'form', payload.id, 'isDirty']);
         _unset(state, [payload.flowName, 'form', payload.id, 'isSubmitted']);
     },
     node: (state, { payload }) => {

package/dist/index.esm.js

@@ -439,7 +439,7 @@ const createFormData = (form) => {
     const allErrors = Object.values(validationErrors || {});
     return {
         isSubmitted: form?.isSubmitted || false,
-        isDirty: form?.isDirty || false,
+        isDirty: Object.values(form?.dirty || {}).some(Boolean) || false,
         hasFocus: form?.hasFocus,
         errors: form?.errors,
         customErrors: form?.customErrors,
@@ -633,6 +633,9 @@ const FlowerCoreReducers = {
     formFieldTouch: (state, { payload }) => {
         _set(state, [payload.name, 'form', payload.currentNode, 'touches', payload.id], payload.touched);
     },
+    formFieldDirty: (state, { payload }) => {
+        _set(state, [payload.name, 'form', payload.currentNode, 'dirty', payload.id], payload.dirty);
+    },
     formFieldFocus: (state, { payload }) => {
         if (!payload.focused) {
             _unset(state, [payload.name, 'form', payload.currentNode, 'hasFocus']);
@@ -651,7 +654,6 @@ const FlowerCoreReducers = {
             _set(state, [payload.flowName, 'data', ...newpath], payload.value);
             if (payload && payload.dirty) {
                 _set(state, [payload.flowName, 'form', currentNode, 'dirty', payload.id], payload.dirty);
-                _set(state, [payload.flowName, 'form', currentNode, 'isDirty'], true);
             }
         }
     },
@@ -661,21 +663,6 @@ const FlowerCoreReducers = {
         _set(state, [payload.flowName, 'data'], payload.value);
     },
     unsetData: (state, { payload }) => {
-        const currentNode = FlowerStateUtils.makeSelectCurrentNodeId(payload.flowName)(state);
-        _unset(state, [
-            payload.flowName,
-            'form',
-            currentNode,
-            'dirty',
-            ...payload.id
-        ]);
-        _unset(state, [
-            payload.flowName,
-            'form',
-            currentNode,
-            'touches',
-            ...payload.id
-        ]);
         _unset(state, [payload.flowName, 'data', ...payload.id]);
     },
     setFormIsValidating: (state, { payload }) => {
@@ -689,7 +676,6 @@ const FlowerCoreReducers = {
         });
         _unset(state, [payload.flowName, 'form', payload.id, 'touches']);
         _unset(state, [payload.flowName, 'form', payload.id, 'dirty']);
-        _unset(state, [payload.flowName, 'form', payload.id, 'isDirty']);
         _unset(state, [payload.flowName, 'form', payload.id, 'isSubmitted']);
     },
     node: (state, { payload }) => {

package/dist/src/FlowerCoreStateUtils.d.ts

@@ -2,7 +2,7 @@ import { CoreStateUtils } from './interfaces/UtilsInterface';
 export declare const FlowerStateUtils: CoreStateUtils;
 export declare const createFormData: (form: Record<string, any>) => {
     isSubmitted: any;
-    isDirty: any;
+    isDirty: boolean;
     hasFocus: any;
     errors: any;
     customErrors: any;

package/dist/src/interfaces/ReducerInterface.d.ts

@@ -192,6 +192,20 @@ export type ReducersFunctions<T extends Record<string, any> = Record<string, Flo
             [x: string]: string[];
         } | string[];
     }>;
+    /**
+     * @param state
+     * @param action
+     *
+     * Set dirty form single field
+     *
+     * @returns state
+     */
+    formFieldDirty: ReducerFunctionSign<T, {
+        name: string;
+        currentNode: string;
+        id: string;
+        dirty?: boolean;
+    }>;
     /**
      * @param state
      * @param action

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flowerforce/flower-core",
-  "version": "3.3.1-beta.1",
+  "version": "3.4.0",
   "description": "Core functions for flowerJS",
   "repository": {
     "type": "git",