@flowerforce/flower-core 3.3.1-beta.2 → 4.0.1-beta.0

package/dist/index.esm.js

@@ -1,11 +1,5 @@
 import { TinyEmitter } from 'tiny-emitter';
-import _set from 'lodash/set';
-import _unset from 'lodash/unset';
 import _get from 'lodash/get';
-import _last from 'lodash/last';
-import _slice from 'lodash/slice';
-import _cloneDeep from 'lodash/cloneDeep';
-import lastIndexOf from 'lodash/lastIndexOf';
 import find from 'lodash/find';
 import keyBy from 'lodash/keyBy';
 import has from 'lodash/has';
@@ -16,10 +10,56 @@ import mapKeys from 'lodash/mapKeys';
 import mapValues from 'lodash/mapValues';
 import _trimStart from 'lodash/trimStart';
 import _intersection from 'lodash/intersection';
+import _set from 'lodash/set';
+import _last from 'lodash/last';
+import _slice from 'lodash/slice';
+import _cloneDeep from 'lodash/cloneDeep';
+import lastIndexOf from 'lodash/lastIndexOf';
+import _unset from 'lodash/unset';
 import { unflatten } from 'flat';
 
 const Emitter = new TinyEmitter();
 
+var REDUCER_NAME;
+(function (REDUCER_NAME) {
+    REDUCER_NAME["FLOWER_FLOW"] = "FlowerFlow";
+    REDUCER_NAME["FLOWER_DATA"] = "FlowerData";
+})(REDUCER_NAME || (REDUCER_NAME = {}));
+const devtoolState = {};
+
+const FlowerStateUtils = {
+    getAllData: (state) => state &&
+        Object.entries(state ?? {}).reduce((acc, [k, v]) => ({ ...acc, [k]: v?.data ?? v }), {}),
+    selectFlowerFormNode: (name) => (state) => _get(state, name),
+    makeSelectCurrentNextRules: (name) => (state) => {
+        const nextRules = _get(state, [name, 'nextRules']);
+        const currentNodeId = FlowerStateUtils.makeSelectCurrentNodeId(name)(state);
+        return _get(nextRules, [currentNodeId]);
+    },
+    makeSelectCurrentNodeId: (name) => (state) => {
+        const subState = _get(state, [name]);
+        const startId = _get(state, ['startId']);
+        return _get(subState, ['current']) || startId;
+    },
+    makeSelectNodeErrors: (name) => (state) => {
+        const form = FlowerStateUtils.selectFlowerFormNode(name)(state);
+        return createFormData(form);
+    }
+};
+const createFormData = (form) => {
+    const validationErrors = form && form.errors;
+    const allErrors = Object.values(validationErrors || {});
+    return {
+        isSubmitted: form?.isSubmitted || false,
+        isDirty: Object.values(form?.dirty || {}).some(Boolean) || false,
+        hasFocus: form?.hasFocus,
+        errors: form?.errors,
+        customErrors: form?.customErrors,
+        isValidating: form?.isValidating,
+        isValid: allErrors.flat().length === 0
+    };
+};
+
 const EMPTY_STRING_REGEXP = /^\s*$/;
 /**
  * Defines a utility object named rulesMatcherUtils, which contains various helper functions used for processing rules and data in a rule-matching context.
@@ -240,10 +280,6 @@ const rulesMatcher = (rules, formValue = {}, apply = true, options) => {
     const valid = rulesMatcherUtils.checkRule(conditions, formValue, options ?? {});
     return [valid === apply];
 };
-const MatchRules = {
-    rulesMatcher,
-    utils: rulesMatcherUtils
-};
 
 /* eslint-disable no-useless-escape */
 // TODO align this set of functions to selectors and reducers functions
@@ -266,36 +302,12 @@ const flattenRules = (ob) => {
     }
     return result;
 };
-// export const searchEmptyKeyRecursively = <T extends object>(
-//   _key: "$and" | "$or",
-//   obj: T
-// ) => {
-//   if (
-//     isEmpty(obj) ||
-//     typeof obj !== "object" ||
-//     Object.keys(obj).length === 0
-//   ) {
-//     return true;
-//   }
-//   if (Object.keys(obj).includes(_key)) {
-//     if (obj[_key] && obj[_key].length === 0) return true;
-//     return Object.keys(obj).map((key) =>
-//       searchEmptyKeyRecursively(_key, obj[key])
-//     );
-//   }
-//   return Object.keys(obj)
-//     .map((key) => searchEmptyKeyRecursively(_key, obj[key]))
-//     .every((v) => v === true);
-// };
 const getRulesExists = (rules) => {
-    return Object.keys(rules).length ? CoreUtils.mapEdge(rules) : undefined;
+    return Object.keys(rules).length ? FlowUtils.mapEdge(rules) : undefined;
 };
-/**
- * Defines a collection of utility functions for processing rules, nodes and graph-like structures
- */
-const CoreUtils = {
+const FlowUtils = {
     generateRulesName: (nextRules) => {
-        const a = nextRules.reduce((acc, inc) => {
+        return nextRules.reduce((acc, inc) => {
             const n = typeof inc.rules === 'string'
                 ? inc.rules || '__ERROR_NAME__'
                 : inc.rules?.name || '__ERROR_NAME__';
@@ -304,7 +316,6 @@ const CoreUtils = {
                 [n]: inc.nodeId
             };
         }, {});
-        return a;
     },
     mapKeysDeepLodash: (obj, cb, isRecursive) => {
         /* istanbul ignore next */
@@ -320,13 +331,13 @@ const CoreUtils = {
             }
         }
         if (Array.isArray(obj)) {
-            return obj.map((item) => CoreUtils.mapKeysDeepLodash(item, cb, true));
+            return obj.map((item) => FlowUtils.mapKeysDeepLodash(item, cb, true));
         }
         if (!isPlainObject(obj)) {
             return obj;
         }
         const result = mapKeys(obj, cb);
-        return mapValues(result, (value) => CoreUtils.mapKeysDeepLodash(value, cb, true));
+        return mapValues(result, (value) => FlowUtils.mapKeysDeepLodash(value, cb, true));
     },
     generateNodes: (nodes) => keyBy(nodes.map((s) => omit(s, 'nextRules')), 'nodeId'),
     makeObjectRules: (nodes) => nodes.reduce((acc, inc) => ({ ...acc, [inc.nodeId]: inc.nextRules }), {}),
@@ -343,17 +354,18 @@ const CoreUtils = {
     },
     mapEdge: (nextNode) => {
         const res = nextNode.sort((a, b) => {
-            const x = CoreUtils.isEmptyRules(a.rules);
-            const y = CoreUtils.isEmptyRules(b.rules);
+            const x = FlowUtils.isEmptyRules(a.rules);
+            const y = FlowUtils.isEmptyRules(b.rules);
             return Number(x) - Number(y);
         });
         return res;
     },
     makeRules: (rules) => Object.entries(rules).reduce((acc2, [k, v]) => [...acc2, { nodeId: k, rules: v }], []),
+    // TODO: This function is strictly related to React nodes, could make sense to move it in the flower-react folder
     generateNodesForFlowerJson: (nodes) => nodes
         .filter((e) => !!_get(e, 'props.id'))
         .map((e) => {
-        const rules = CoreUtils.makeRules(e.props.to ?? {});
+        const rules = FlowUtils.makeRules(e.props.to ?? {});
         const nextRules = getRulesExists(rules);
         const children = e.props.data?.children;
         return {
@@ -366,29 +378,6 @@ const CoreUtils = {
             disabled: e.props.disabled
         };
     }),
-    cleanPath: (name, char = '^') => _trimStart(name, char),
-    getPath: (idValue) => {
-        if (!idValue) {
-            return {
-                path: []
-            };
-        }
-        if (idValue === '*') {
-            return {
-                path: '*'
-            };
-        }
-        if (idValue.indexOf('^') === 0) {
-            const [flowNameFromPath, ...rest] = CoreUtils.cleanPath(idValue).split('.');
-            return {
-                flowNameFromPath,
-                path: rest
-            };
-        }
-        return {
-            path: idValue.split('.')
-        };
-    },
     allEqual: (arr, arr2) => arr.length === arr2.length && arr.every((v) => arr2.includes(v)),
     findValidRule: (nextRules, value, prefix) => find(nextRules, (rule) => {
         // fix per evitare di entrare in un nodo senza regole, ma con un name,
@@ -408,53 +397,52 @@ const CoreUtils = {
         if (typeof rule.rules.rules === 'string') {
             return false;
         }
-        const [valid] = MatchRules.rulesMatcher(rule.rules.rules, value, true, {
+        const [valid] = rulesMatcher(rule.rules.rules, value, true, {
             prefix
         });
         return valid;
     })
 };
 
-const FlowerStateUtils = {
-    getAllData: (state) => state &&
-        Object.entries(state ?? {}).reduce((acc, [k, v]) => ({ ...acc, [k]: v.data }), {}),
-    selectFlowerFormNode: (name, id) => (state) => _get(state, [name, 'form', id]),
-    makeSelectCurrentNextRules: (name) => (state) => {
-        const nextRules = _get(state, [name, 'nextRules']);
-        const currentNodeId = FlowerStateUtils.makeSelectCurrentNodeId(name)(state);
-        return _get(nextRules, [currentNodeId]);
-    },
-    makeSelectCurrentNodeId: (name) => (state) => {
-        const subState = _get(state, [name]);
-        const startId = _get(state, ['startId']);
-        return _get(subState, ['current']) || startId;
-    },
-    makeSelectNodeErrors: (name, currentNodeId) => (state) => {
-        const form = FlowerStateUtils.selectFlowerFormNode(name, currentNodeId)(state);
-        return createFormData(form);
+const FormUtils = {
+    cleanPath: (name, char = '^') => _trimStart(name, char),
+    getPath: (idValue) => {
+        if (!idValue) {
+            return {
+                path: []
+            };
+        }
+        if (idValue === '*') {
+            return {
+                path: '*'
+            };
+        }
+        if (idValue.indexOf('^') === 0) {
+            const [formName, ...rest] = FormUtils.cleanPath(idValue).split('.');
+            return {
+                formName,
+                path: rest
+            };
+        }
+        return {
+            path: idValue.split('.')
+        };
     }
 };
-const createFormData = (form) => {
-    const validationErrors = form && form.errors;
-    const allErrors = Object.values(validationErrors || {});
-    return {
-        isSubmitted: form?.isSubmitted || false,
-        isDirty: Object.values(form?.dirty || {}).some(Boolean) || false,
-        hasFocus: form?.hasFocus,
-        errors: form?.errors,
-        customErrors: form?.customErrors,
-        isValidating: form?.isValidating,
-        isValid: allErrors.flat().length === 0
-    };
-};
 
-const devtoolState = {};
+/**
+ * Defines a collection of utility functions for processing rules, nodes and graph-like structures
+ */
+const CoreUtils = {
+    ...FlowUtils,
+    ...FormUtils
+};
 
-const { generateNodes, hasNode, makeObjectRules, generateRulesName, findValidRule, getPath } = CoreUtils;
+const { generateNodes, hasNode, makeObjectRules, generateRulesName, findValidRule } = CoreUtils;
 /**
  * These functions are Redux reducers used in a Flux architecture for managing state transitions and updates in a Flower application.
  */
-const FlowerCoreReducers = {
+const FlowerCoreBaseReducers = {
     historyAdd: (state, { payload }) => {
         if (hasNode(state, payload.name, payload.node)) {
             state[payload.name].history.push(payload.node);
@@ -473,27 +461,11 @@ const FlowerCoreReducers = {
         }
         return state;
     },
-    setFormTouched: (state, { payload }) => {
-        if (!_get(state, [
-            typeof payload === 'string' ? payload : payload.flowName,
-            'nodes',
-            typeof payload === 'string' ? payload : payload.currentNode
-        ])) {
-            return state;
-        }
-        _set(state, [
-            typeof payload === 'string' ? payload : payload.flowName,
-            'form',
-            typeof payload === 'string' ? payload : payload.currentNode,
-            'isSubmitted'
-        ], true);
-        return state;
-    },
     // TODO check internal logic and use case
     /* istanbul ignore next */
     forceAddHistory: (state, { payload }) => {
         const { name, flowName, history } = payload;
-        const key = name || flowName || '' || '';
+        const key = name || flowName || '';
         const resultHistory = history.slice(1, -1);
         state[key].history.push(...resultHistory);
         return state;
@@ -566,7 +538,8 @@ const FlowerCoreReducers = {
         return state;
     },
     destroy: (state, { payload }) => {
-        _set(state, [payload.name], {});
+        delete state[payload.name];
+        return state;
     },
     initNodes: (state, { payload }) => {
         if (payload.persist && _get(state, [payload.name, 'persist']))
@@ -589,8 +562,7 @@ const FlowerCoreReducers = {
             current,
             history,
             nodes: generateNodes(payload.nodes),
-            nextRules: makeObjectRules(payload.nodes),
-            data: payload.initialData
+            nextRules: makeObjectRules(payload.nodes)
         });
     },
     // TODO usato solo da flower su vscode
@@ -607,91 +579,14 @@ const FlowerCoreReducers = {
             }
         }
     },
-    formAddCustomErrors: (state, { payload }) => {
-        _set(state, [payload.name, 'form', payload.currentNode, 'customErrors', payload.id], payload.errors);
-    },
-    formAddErrors: (state, { payload }) => {
-        _set(state, [payload.name, 'form', payload.currentNode, 'errors', payload.id], payload.errors);
-    },
-    formRemoveErrors: (state, { payload }) => {
-        _unset(state, [
-            payload.name,
-            'form',
-            payload.currentNode,
-            'errors',
-            payload.id
-        ]);
-        _unset(state, [
-            payload.name,
-            'form',
-            payload.currentNode,
-            'customErrors',
-            payload.id
-        ]);
-        _unset(state, [payload.name, 'form', payload.currentNode, 'isValidating']);
-    },
-    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']);
-            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 });
-    },
-    addDataByPath: (state, { payload }) => {
-        const { path: newpath } = getPath(payload.id);
-        const currentNode = FlowerStateUtils.makeSelectCurrentNodeId(payload.flowName)(state);
-        if (payload.id && payload.id.length) {
-            _set(state, [payload.flowName, 'data', ...newpath], payload.value);
-            if (payload && payload.dirty) {
-                _set(state, [payload.flowName, 'form', currentNode, 'dirty', payload.id], payload.dirty);
-            }
-        }
-    },
-    // TODO usato al momento solo il devtool
-    replaceData: /* istanbul ignore next */ (state, { payload }) => {
-        /* istanbul ignore next */
-        _set(state, [payload.flowName, 'data'], payload.value);
-    },
-    unsetData: (state, { payload }) => {
-        _unset(state, [payload.flowName, 'data', ...payload.id]);
-    },
-    setFormIsValidating: (state, { payload }) => {
-        _set(state, [payload.name, 'form', payload.currentNode, 'isValidating'], payload.isValidating);
-    },
-    resetForm: (state, { payload }) => {
-        const touchedFields = _get(state, [payload.flowName, 'form', payload.id, 'errors'], {});
-        Object.keys(touchedFields).forEach((key) => {
-            const { flowNameFromPath = payload.flowName, path } = getPath(key);
-            _unset(state, [flowNameFromPath, 'data', ...path]);
-        });
-        _unset(state, [payload.flowName, 'form', payload.id, 'touches']);
-        _unset(state, [payload.flowName, 'form', payload.id, 'dirty']);
-        _unset(state, [payload.flowName, 'form', payload.id, 'isSubmitted']);
-    },
     node: (state, { payload }) => {
         const { name, history } = payload;
         const node = payload.nodeId || payload.node || '';
         const flowName = name || payload.flowName || '';
-        const startNode = _get(state, [payload.name, 'startId']);
-        const currentNodeId = _get(state, [payload.name, 'current'], startNode);
-        FlowerCoreReducers.setFormTouched(state, {
-            type: 'setFormTouched',
-            payload: { flowName, currentNode: currentNodeId }
-        });
         /* istanbul ignore next */
         // eslint-disable-next-line no-underscore-dangle
         if (devtoolState && _get(devtoolState, '__FLOWER_DEVTOOLS__') && history) {
-            FlowerCoreReducers.forceAddHistory(state, {
+            FlowerCoreBaseReducers.forceAddHistory(state, {
                 type: 'forceAddHistory',
                 payload: {
                     name,
@@ -700,34 +595,35 @@ const FlowerCoreReducers = {
                 }
             });
         }
-        FlowerCoreReducers.historyAdd(state, {
+        FlowerCoreBaseReducers.historyAdd(state, {
             type: 'historyAdd',
             payload: { name: name || flowName || '', node }
         });
     },
     prevToNode: (state, { payload }) => {
         const { node, name, flowName } = payload;
-        FlowerCoreReducers.historyPrevToNode(state, {
+        FlowerCoreBaseReducers.historyPrevToNode(state, {
             type: 'historyPrevToNode',
             payload: { name: name || flowName || '', node }
         });
     },
     next: (state, { payload }) => {
-        const { name, data = {}, route } = payload;
-        const flowName = name || payload.flowName || '';
+        const { name, route, flowName: flow, data = {}, dataIn = {} } = payload;
+        const flowName = name || flow || '';
+        const { FlowerData, FlowerFlow, ...external } = data;
         const currentNodeId = FlowerStateUtils.makeSelectCurrentNodeId(flowName)(state);
         const currentNextRules = FlowerStateUtils.makeSelectCurrentNextRules(flowName)(state);
-        const form = FlowerStateUtils.makeSelectNodeErrors(flowName, currentNodeId)(state);
-        const clonedData = _cloneDeep(FlowerStateUtils.getAllData(state));
+        const $data = FlowerStateUtils.makeSelectNodeErrors(flowName, currentNodeId)(FlowerData);
+        const internalClonedData = _cloneDeep(FlowerStateUtils.getAllData(FlowerData));
+        const externalClonedData = _cloneDeep(FlowerStateUtils.getAllData(external));
         const stateWithNodeData = {
-            $in: data,
-            $form: form,
-            ...clonedData
+            $in: dataIn,
+            /** @deprecated use $data instead */
+            $form: $data,
+            $data,
+            ...externalClonedData,
+            ...internalClonedData
         };
-        FlowerCoreReducers.setFormTouched(state, {
-            type: 'setFormTouched',
-            payload: { flowName, currentNode: currentNodeId }
-        });
         if (!currentNextRules) {
             return;
         }
@@ -736,7 +632,7 @@ const FlowerCoreReducers = {
             if (!rulesByName[route]) {
                 return;
             }
-            FlowerCoreReducers.historyAdd(state, {
+            FlowerCoreBaseReducers.historyAdd(state, {
                 type: 'historyAdd',
                 payload: { name: flowName, node: rulesByName[route] }
             });
@@ -747,51 +643,132 @@ const FlowerCoreReducers = {
         if (!nextNumberNode) {
             return;
         }
-        FlowerCoreReducers.historyAdd(state, {
+        FlowerCoreBaseReducers.historyAdd(state, {
             type: 'historyAdd',
             payload: { name: flowName, node: nextNumberNode }
         });
     },
     prev: (state, { payload }) => {
         const { name, flowName } = payload;
-        FlowerCoreReducers.historyPop(state, {
+        FlowerCoreBaseReducers.historyPop(state, {
             type: 'historyPop',
             payload: { name: name || flowName || '' }
         });
     },
     restart: (state, { payload }) => {
         const { name, flowName } = payload;
-        FlowerCoreReducers.restoreHistory(state, {
+        FlowerCoreBaseReducers.restoreHistory(state, {
             type: 'restoreHistory',
             payload: { name: name || flowName || '' }
         });
     },
     reset: (state, { payload }) => {
-        const { name, flowName, initialData } = payload;
-        FlowerCoreReducers.restoreHistory(state, {
+        const { name, flowName } = payload;
+        FlowerCoreBaseReducers.restoreHistory(state, {
             type: 'restoreHistory',
             payload: { name: name || flowName || '' }
         });
-        _set(state, [name || flowName || '', 'form'], {});
-        _set(state, [name || flowName || '', 'data'], initialData);
     }
 };
 
-const FlowerCoreStateSelectors = {
-    selectGlobal: (state) => state && state.flower,
+const { getPath } = CoreUtils;
+/**
+ * formName => FlowerForm
+ * initialData => FlowerForm
+ * fieldName => FlowerField
+ * fieldValue => FlowerField
+ * errors => FlowerField
+ * customErrors => FlowerField
+ * fieldTouched => FlowerField
+ * fieldDirty => FlowerField
+ * fieldHasFocus => FlowerField
+ */
+const FlowerCoreDataReducers = {
+    setFormTouched: (state, { payload }) => {
+        if (!_get(state, typeof payload === 'string' ? payload : payload.formName)) {
+            return state;
+        }
+        _set(state, typeof payload === 'string' ? payload : payload.formName, true);
+        return state;
+    },
+    formAddCustomErrors: (state, { payload }) => {
+        _set(state, [payload.formName, 'customErrors', payload.id], payload.errors);
+    },
+    formAddErrors: (state, { payload }) => {
+        _set(state, [payload.formName, 'errors', payload.id], payload.errors);
+    },
+    formRemoveErrors: (state, { payload }) => {
+        _unset(state, [payload.formName, 'errors', payload.id]);
+        _unset(state, [payload.formName, 'customErrors', payload.id]);
+        _unset(state, [payload.formName, 'isValidating']);
+    },
+    formFieldTouch: (state, { payload }) => {
+        _set(state, [payload.formName, 'touches', payload.id], payload.touched);
+    },
+    formFieldDirty: (state, { payload }) => {
+        _set(state, [payload.formName, 'dirty', payload.id], payload.dirty);
+    },
+    formFieldFocus: (state, { payload }) => {
+        if (!payload.focused) {
+            _unset(state, [payload.formName, 'hasFocus']);
+            return;
+        }
+        _set(state, [payload.formName, 'hasFocus'], payload.id);
+    },
+    addData: (state, { payload }) => {
+        const prevData = _get(state, [payload.formName, 'data'], {});
+        _set(state, [payload.formName, 'data'], { ...prevData, ...payload.value });
+    },
+    addDataByPath: (state, { payload }) => {
+        const { path: newpath } = getPath(payload.id);
+        if (payload.id && payload.id.length) {
+            _set(state, [payload.formName, 'data', ...newpath], payload.value);
+            if (payload && payload.dirty) {
+                _set(state, [payload.formName, 'dirty', payload.id], payload.dirty);
+            }
+        }
+    },
+    // TODO usato al momento solo il devtool
+    replaceData: /* istanbul ignore next */ (state, { payload }) => {
+        /* istanbul ignore next */
+        _set(state, [payload.formName, 'data'], payload.value);
+    },
+    unsetData: (state, { payload }) => {
+        _unset(state, [payload.formName, 'data', ...payload.id]);
+    },
+    setFormIsValidating: (state, { payload }) => {
+        _set(state, [payload.formName, 'isValidating'], payload.isValidating);
+    },
+    resetForm: (state, { payload: { formName, initialData } }) => {
+        const touchedFields = _get(state, [formName, 'errors'], {});
+        const newStateData = initialData
+            ? Object.keys(touchedFields).reduce((acc, key) => {
+                const { path } = getPath(key);
+                const initialDataByPath = _get(initialData, [...path], undefined);
+                _set(acc, [...path], initialDataByPath);
+                return acc;
+            }, {})
+            : {};
+        _set(state, [formName, 'data'], newStateData);
+        _unset(state, [formName, 'touches']);
+        _unset(state, [formName, 'dirty']);
+        _unset(state, [formName, 'isSubmitted']);
+    },
+    initForm: (state, { payload: { formName, initialData } }) => {
+        _set(state, [formName, 'data'], initialData);
+    }
+};
+
+const FlowerCoreReducers = { ...FlowerCoreBaseReducers, ...FlowerCoreDataReducers };
+
+const FlowerCoreStateBaseSelectors = {
+    selectGlobal: (state) => state && state[REDUCER_NAME.FLOWER_FLOW],
     selectFlower: (name) => (state) => _get(state, [name]),
-    selectFlowerFormNode: (id) => (state) => _get(state, ['form', id]),
+    // selectFlowerFormNode: (id) => (state) =>
+    //   _get(state, [REDUCER_NAME.FLOWER_DATA, id]),
     selectFlowerHistory: (flower) => _get(flower, ['history'], []),
     makeSelectNodesIds: (flower) => _get(flower, ['nodes']),
     makeSelectStartNodeId: (flower) => _get(flower, ['startId']),
-    getDataByFlow: (flower) => _get(flower, ['data']) ?? {},
-    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']),
     makeSelectPrevNodeRetain: (nodes, history, current) => {
@@ -812,7 +789,22 @@ const FlowerCoreStateSelectors = {
         return nodes[prevFlowerNode] && nodes[prevFlowerNode].retain
             ? prevFlowerNode
             : undefined;
+    }
+};
+
+const FlowerCoreStateDataSelectors = {
+    selectGlobalReducerByName: (name) => (state) => state[name] ?? state[REDUCER_NAME.FLOWER_DATA][name],
+    selectGlobalForm: (state) => {
+        return state && state[REDUCER_NAME.FLOWER_DATA];
+    },
+    // getDataByFlow: (flower) => _get(flower, 'data') ?? {},
+    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],
     makeSelectNodeErrors: createFormData,
     makeSelectFieldError: (name, id, validate) => (data, form) => {
         const customErrors = Object.entries((form && form.customErrors) || {})
@@ -827,7 +819,7 @@ const FlowerCoreStateSelectors = {
             if (!rule.rules)
                 return true;
             const transformSelf = CoreUtils.mapKeysDeepLodash(rule.rules, (v, key) => key === '$self' ? id : key);
-            const [hasError] = MatchRules.rulesMatcher(transformSelf, data, false, {
+            const [hasError] = rulesMatcher(transformSelf, data, false, {
                 prefix: name
             });
             return hasError;
@@ -849,33 +841,16 @@ const FlowerCoreStateSelectors = {
             const k = inc;
             return Object.assign(acc, { [k]: _get(state, k) });
         }, {});
-        const [disabled] = MatchRules.rulesMatcher(rules, { ...unflatten(res) }, false, { prefix: flowName });
+        const [disabled] = rulesMatcher(rules, { ...unflatten(res) }, false, {
+            prefix: flowName
+        });
         return disabled;
     }
 };
 
-var RulesOperators;
-(function (RulesOperators) {
-    RulesOperators["$exists"] = "$exists";
-    RulesOperators["$eq"] = "$eq";
-    RulesOperators["$ne"] = "$ne";
-    RulesOperators["$gt"] = "$gt";
-    RulesOperators["$gte"] = "$gte";
-    RulesOperators["$lt"] = "$lt";
-    RulesOperators["$lte"] = "$lte";
-    RulesOperators["$strGt"] = "$strGt";
-    RulesOperators["$strGte"] = "$strGte";
-    RulesOperators["$strLt"] = "$strLt";
-    RulesOperators["$strLte"] = "$strLte";
-    RulesOperators["$in"] = "$in";
-    RulesOperators["$nin"] = "$nin";
-    RulesOperators["$all"] = "$all";
-    RulesOperators["$regex"] = "$regex";
-})(RulesOperators || (RulesOperators = {}));
-var RulesModes;
-(function (RulesModes) {
-    RulesModes["$and"] = "$and";
-    RulesModes["$or"] = "$or";
-})(RulesModes || (RulesModes = {}));
+const FlowerCoreStateSelectors = {
+    ...FlowerCoreStateBaseSelectors,
+    ...FlowerCoreStateDataSelectors
+};
 
-export { CoreUtils, Emitter, FlowerCoreReducers, FlowerStateUtils, MatchRules, RulesModes, RulesOperators, FlowerCoreStateSelectors as Selectors, devtoolState };
+export { CoreUtils, Emitter, FlowUtils, FlowerCoreBaseReducers, FlowerCoreDataReducers, FlowerCoreReducers, FlowerCoreStateBaseSelectors, FlowerCoreStateDataSelectors, FlowerCoreStateSelectors, FlowerStateUtils, FormUtils, REDUCER_NAME, createFormData, devtoolState, flattenRules, rulesMatcher, rulesMatcherUtils };