@flowerforce/flower-core 3.2.3 → 3.2.4-beta.0

package/dist/index.cjs.js

@@ -442,6 +442,7 @@ const createFormData = (form) => {
     return {
         isSubmitted: form?.isSubmitted || false,
         isDirty: form?.isDirty || false,
+        hasFocus: form?.hasFocus,
         errors: form?.errors,
         customErrors: form?.customErrors,
         isValidating: form?.isValidating,
@@ -634,6 +635,13 @@ const FlowerCoreReducers = {
     formFieldTouch: (state, { payload }) => {
         _set(state, [payload.name, 'form', payload.currentNode, 'touches', payload.id], payload.touched);
     },
+    formFieldFocus: (state, { payload }) => {
+        if (!payload.focused) {
+            _unset(state, [payload.name, 'form', payload.currentNode, 'hasFocus']);
+            return;
+        }
+        _set(state, [payload.name, 'form', payload.currentNode, 'hasFocus'], payload.id);
+    },
     addData: (state, { payload }) => {
         const prevData = _get(state, [payload.flowName, 'data']);
         _set(state, [payload.flowName, 'data'], { ...prevData, ...payload.value });
@@ -781,6 +789,9 @@ const FlowerCoreStateSelectors = {
     getDataFromState: (id) => (data) => (id === '*' ? data : _get(data, id)),
     makeSelectNodeFormSubmitted: (form) => form && form.isSubmitted,
     makeSelectNodeFormFieldTouched: (id) => (form) => form && form.touches && form.touches[id],
+    makeSelectNodeFormFieldFocused: (id) => (form) => {
+        return form && form.hasFocus === id ? id : undefined;
+    },
     makeSelectNodeFormFieldDirty: (id) => (form) => form && form.dirty && form.dirty[id],
     makeSelectCurrentNodeId: (flower, startNodeId) => _get(flower, ['current']) || startNodeId,
     makeSelectCurrentNodeDisabled: (nodes, current) => !!_get(nodes, [current, 'disabled']),

package/dist/index.esm.js

@@ -440,6 +440,7 @@ const createFormData = (form) => {
     return {
         isSubmitted: form?.isSubmitted || false,
         isDirty: form?.isDirty || false,
+        hasFocus: form?.hasFocus,
         errors: form?.errors,
         customErrors: form?.customErrors,
         isValidating: form?.isValidating,
@@ -632,6 +633,13 @@ const FlowerCoreReducers = {
     formFieldTouch: (state, { payload }) => {
         _set(state, [payload.name, 'form', payload.currentNode, 'touches', payload.id], payload.touched);
     },
+    formFieldFocus: (state, { payload }) => {
+        if (!payload.focused) {
+            _unset(state, [payload.name, 'form', payload.currentNode, 'hasFocus']);
+            return;
+        }
+        _set(state, [payload.name, 'form', payload.currentNode, 'hasFocus'], payload.id);
+    },
     addData: (state, { payload }) => {
         const prevData = _get(state, [payload.flowName, 'data']);
         _set(state, [payload.flowName, 'data'], { ...prevData, ...payload.value });
@@ -779,6 +787,9 @@ const FlowerCoreStateSelectors = {
     getDataFromState: (id) => (data) => (id === '*' ? data : _get(data, id)),
     makeSelectNodeFormSubmitted: (form) => form && form.isSubmitted,
     makeSelectNodeFormFieldTouched: (id) => (form) => form && form.touches && form.touches[id],
+    makeSelectNodeFormFieldFocused: (id) => (form) => {
+        return form && form.hasFocus === id ? id : undefined;
+    },
     makeSelectNodeFormFieldDirty: (id) => (form) => form && form.dirty && form.dirty[id],
     makeSelectCurrentNodeId: (flower, startNodeId) => _get(flower, ['current']) || startNodeId,
     makeSelectCurrentNodeDisabled: (nodes, current) => !!_get(nodes, [current, 'disabled']),

package/dist/src/FlowerCoreStateUtils.d.ts

@@ -3,6 +3,7 @@ export declare const FlowerStateUtils: CoreStateUtils;
 export declare const createFormData: (form: Record<string, any>) => {
     isSubmitted: any;
     isDirty: any;
+    hasFocus: any;
     errors: any;
     customErrors: any;
     isValidating: any;

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

@@ -5,7 +5,7 @@ export type ActionWithPayload<T> = {
     payload: T;
 };
 type ReducerFunctionSign<T extends object, R> = (state: Record<string, Flower<T>>, action: ActionWithPayload<R>) => Record<string, Flower<T>> | void;
-export type ActionsTypes = 'historyAdd' | 'historyPrevToNode' | 'setFormTouched' | 'forceAddHistory' | 'historyPop' | 'restoreHistory' | 'replaceNode' | 'initializeFromNode' | 'forceResetHistory' | 'destroy' | 'initNodes' | 'setCurrentNode' | 'formAddErrors' | 'formRemoveErrors' | 'addData' | 'addDataByPath' | 'replaceData' | 'unsetData' | 'setFormIsValidating' | 'resetForm' | 'formFieldTouch' | 'node' | 'prevToNode' | 'next' | 'prev' | 'reset';
+export type ActionsTypes = 'historyAdd' | 'historyPrevToNode' | 'setFormTouched' | 'forceAddHistory' | 'historyPop' | 'restoreHistory' | 'replaceNode' | 'initializeFromNode' | 'forceResetHistory' | 'destroy' | 'initNodes' | 'setCurrentNode' | 'formAddErrors' | 'formRemoveErrors' | 'addData' | 'addDataByPath' | 'replaceData' | 'unsetData' | 'setFormIsValidating' | 'resetForm' | 'formFieldTouch' | 'formFieldFocus' | 'node' | 'prevToNode' | 'next' | 'prev' | 'reset';
 /**
  * These functions are Redux reducers used in a Flux architecture for managing state transitions and updates in a Flower application.
  */
@@ -206,6 +206,20 @@ export type ReducersFunctions<T extends Record<string, any> = Record<string, Flo
         id: string;
         touched?: boolean;
     }>;
+    /**
+     * @param state
+     * @param action
+     *
+     * Set touch form single field
+     *
+     * @returns state
+     */
+    formFieldFocus: ReducerFunctionSign<T, {
+        name: string;
+        currentNode: string;
+        id: string;
+        focused?: boolean;
+    }>;
     /**
      * @param state
      * @param action

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

@@ -67,6 +67,7 @@ export interface ISelectors {
     makeSelectNodeErrors<T extends Record<string, any>>(form: Form<T> | undefined): {
         isSubmitted: boolean;
         isDirty: boolean;
+        hasFocus: string | undefined;
         errors: any;
         customErrors: any;
         isValid: boolean;
@@ -77,6 +78,11 @@ export interface ISelectors {
      * @returns
      */
     makeSelectNodeFormFieldTouched<T extends Record<string, any>>(id: string): (form: Form<T> | undefined) => boolean | undefined;
+    /**
+     * @param form
+     * @returns
+     */
+    makeSelectNodeFormFieldFocused<T extends Record<string, any>>(id: string): (form: Form<T> | undefined) => string | undefined;
     /**
      * @param form
      * @returns

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

@@ -29,6 +29,7 @@ export interface INode {
 export type Form<T> = {
     isSubmitted?: boolean;
     isDirty?: boolean;
+    hasFocus?: string;
     isValidating?: boolean;
     errors?: {
         [K in keyof T]: Array<string>;

package/package.json

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