intelicoreact 1.6.7 → 1.6.8

package/dist/Molecular/FormWithDependOn/FormWithDependOn.js

@@ -0,0 +1,237 @@
+// global
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _useFormFieldsChangesManager = /*#__PURE__*/ _interop_require_default(require("../../Functions/hooks/useFormFieldsChangesManager"));
+const _utils = require("../../Functions/utils");
+const _utils1 = require("./partials/_utils");
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+const RC = "form-with-depend-on";
+const FormWithDependOn = /*#__PURE__*/ _react.default.forwardRef(({ form, formId, setForm, //! Рекомендую НЕ использовать, пока что работает плохо
+//? По задумке вводилась для коррекции формы при асинхронных последовательных зависимостях
+// todo(VL) - как-нибудь попробовать допилить
+getActualForm: getActualFormOuter, onChange, renderField, getAnotherActions, className, isInitializeByDependOn, isFormDisabled, typeOfUse = "default" }, ref)=>{
+    // ? Прихраниваем состояние формы на момент входа
+    const [initialForm] = (0, _react.useState)((0, _utils.clone)(form));
+    const safelySetForm = typeof setForm === "function" ? setForm : ()=>{};
+    const safelyOnChange = typeof onChange === "function" ? onChange : ()=>{};
+    const getActualForm = typeof getActualFormOuter === "function" ? getActualFormOuter : ()=>form;
+    const { assignChangesToField } = (0, _useFormFieldsChangesManager.default)({
+        form: Array.isArray(form) ? form : [],
+        setForm: safelySetForm
+    });
+    const assign = assignChangesToField;
+    // ***** handlers *****
+    const anotherActions = typeof getAnotherActions === "function" ? getAnotherActions({
+        setForm,
+        assign,
+        getActualForm
+    }) : {};
+    const getMainOfAdditional = (onChange, additionalOfOnChange)=>_object_spread_props(_object_spread({
+            formId,
+            actions: anotherActions,
+            isInit: true
+        }, (0, _utils.getIsOnlyAnObject)(additionalOfOnChange) ? additionalOfOnChange : {}), {
+            onChange,
+            setForm: safelySetForm,
+            assign,
+            getActualForm,
+            initialForm,
+            typeOfUse
+        });
+    const startDependOn = (0, _utils1.getDependOnStarter)({
+        assign,
+        getActualForm
+    });
+    // ? Местный handleChange добавляет логику dependOn к верхнему onChange,
+    // ? а так же запускает прочие экшены, из объекта методов, возвращаемым getAnotherActions
+    const handleChange = (newValue, fieldKey, propKey, additionalOfOnChange)=>{
+        const { updatedForm = null, isMakeChangesAnyway = false, isUseActualForm = false } = (0, _utils.getIsOnlyAnObject)(additionalOfOnChange) ? additionalOfOnChange : {};
+        const currentForm = (0, _utils.clone)((()=>{
+            if (isUseActualForm) return getActualForm();
+            return Array.isArray(updatedForm) ? updatedForm : form;
+        })());
+        const currField = (0, _utils.clone)(currentForm.find((field)=>field.key === fieldKey));
+        // ? Защита от дублирующих вызовов onChange снизу
+        // ? "Если newValue такое же как уже есть и нет флага "применять изменения всегда""
+        // ! (*) - Важно !
+        // ! Отключайте прямую мутацию на уровне проектного FormItem (в каждом филде указать isNotUseInnerHandler: true)
+        // ! т.к. тот хендлер запускатся раньше и сюда филд доходит с измененным значением,
+        // ! а значит не пройдет эту if-ку
+        if (currField[propKey || "value"] === newValue && !isMakeChangesAnyway) return;
+        // ? Сразу же мутируем
+        safelyOnChange(newValue, fieldKey, propKey, _object_spread_props(_object_spread({}, additionalOfOnChange), {
+            updatedForm: currentForm
+        }));
+        // ? Механика dependOn (обработка зависимостей)
+        // ? В текущей реализации отделил от экшена all.
+        startDependOn({
+            newValue,
+            fieldKey,
+            propKey,
+            field: currField,
+            form: currentForm,
+            additional: getMainOfAdditional(handleChange, additionalOfOnChange)
+        });
+        // ? Если в объекте методов возвращаемом getAnotherActions есть метод all, то он запускается отдельно
+        if (typeof anotherActions.all === "function") {
+            anotherActions.all({
+                newValue,
+                fieldKey,
+                propKey,
+                field: currField,
+                form: currentForm,
+                additional: getMainOfAdditional(handleChange, additionalOfOnChange)
+            });
+        }
+        if (fieldKey in anotherActions && typeof anotherActions[fieldKey] === "function") {
+            const postChanges = anotherActions[fieldKey]({
+                newValue,
+                fieldKey,
+                propKey,
+                field: currField,
+                form: currentForm,
+                additional: getMainOfAdditional(handleChange, additionalOfOnChange)
+            });
+            if (postChanges) assign(postChanges, fieldKey);
+        }
+    };
+    // ***** useEffects *****
+    (0, _react.useEffect)(()=>{
+        if (isInitializeByDependOn && typeof setForm === "function" && typeof onChange === "function") form.forEach((field)=>{
+            startDependOn({
+                newValue: field.value,
+                fieldKey: field.key,
+                field,
+                form,
+                additional: _object_spread_props(_object_spread({}, getMainOfAdditional(handleChange)), {
+                    isInitialization: true,
+                    isInit: false
+                })
+            });
+        });
+    }, [
+        isInitializeByDependOn
+    ]);
+    // ***** output *****
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({}, formId ? {
+        id: formId
+    } : {}), {
+        className: (0, _classnames.default)(RC, className),
+        children: typeof renderField === "function" ? form.map((field)=>renderField(_object_spread_props(_object_spread({}, getMainOfAdditional(handleChange)), {
+                field: _object_spread_props(_object_spread({}, field), {
+                    disabled: Boolean(isFormDisabled || field.disabled)
+                })
+            }))) : null
+    }));
+});
+const _default = FormWithDependOn;
+
+//# sourceMappingURL=FormWithDependOn.js.map

package/dist/Molecular/FormWithDependOn/FormWithDependOn.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Molecular/FormWithDependOn/FormWithDependOn.js"],"sourcesContent":["// global\nimport React, { useEffect, useState } from \"react\";\n\nimport cn from \"classnames\";\n\nimport useFormFieldsChangesManager from \"../../Functions/hooks/useFormFieldsChangesManager\";\nimport { clone, getIsOnlyAnObject } from \"../../Functions/utils\";\n\n// local functions\nimport { getDependOnStarter } from \"./partials/_utils\";\n\nconst RC = \"form-with-depend-on\";\n\nconst FormWithDependOn = React.forwardRef(\n  (\n    {\n      form,\n      formId,\n      setForm,\n\n      //! Рекомендую НЕ использовать, пока что работает плохо\n      //? По задумке вводилась для коррекции формы при асинхронных последовательных зависимостях\n      // todo(VL) - как-нибудь попробовать допилить\n      getActualForm: getActualFormOuter,\n\n      onChange,\n      renderField,\n\n      getAnotherActions,\n\n      className,\n      isInitializeByDependOn,\n      isFormDisabled,\n      typeOfUse = \"default\",\n    },\n    ref,\n  ) => {\n    // ? Прихраниваем состояние формы на момент входа\n    const [initialForm] = useState(clone(form));\n\n    const safelySetForm = typeof setForm === \"function\" ? setForm : () => {};\n    const safelyOnChange = typeof onChange === \"function\" ? onChange : () => {};\n\n    const getActualForm = typeof getActualFormOuter === \"function\" ? getActualFormOuter : () => form;\n\n    const { assignChangesToField } = useFormFieldsChangesManager({\n      form: Array.isArray(form) ? form : [],\n      setForm: safelySetForm,\n    });\n\n    const assign = assignChangesToField;\n\n    // ***** handlers *****\n\n    const anotherActions = typeof getAnotherActions === \"function\"\n      ? getAnotherActions({ setForm, assign, getActualForm })\n      : {};\n\n    const getMainOfAdditional = (onChange, additionalOfOnChange) => ({\n      formId,\n      actions: anotherActions,\n      isInit: true,\n      ...(getIsOnlyAnObject(additionalOfOnChange) ? additionalOfOnChange : {}),\n      onChange,\n      setForm: safelySetForm,\n      assign,\n      getActualForm,\n      initialForm,\n      typeOfUse,\n    });\n\n    const startDependOn = getDependOnStarter({ assign, getActualForm });\n\n    // ? Местный handleChange добавляет логику dependOn к верхнему onChange,\n    // ? а так же запускает прочие экшены, из объекта методов, возвращаемым getAnotherActions\n    const handleChange = (\n      newValue,\n      fieldKey,\n      propKey,\n      additionalOfOnChange,\n    ) => {\n      const {\n        updatedForm = null,\n        isMakeChangesAnyway = false,\n        isUseActualForm = false,\n      } = getIsOnlyAnObject(additionalOfOnChange) ? additionalOfOnChange : {};\n\n      const currentForm = clone(\n        (() => {\n          if (isUseActualForm) return getActualForm();\n          return Array.isArray(updatedForm) ? updatedForm : form;\n        })(),\n      );\n\n      const currField = clone(currentForm.find(field => field.key === fieldKey));\n\n      // ? Защита от дублирующих вызовов onChange снизу\n      // ? \"Если newValue такое же как уже есть и нет флага \"применять изменения всегда\"\"\n      // ! (*) - Важно !\n      // ! Отключайте прямую мутацию на уровне проектного FormItem (в каждом филде указать isNotUseInnerHandler: true)\n      // ! т.к. тот хендлер запускатся раньше и сюда филд доходит с измененным значением,\n      // ! а значит не пройдет эту if-ку\n      if (currField[propKey || \"value\"] === newValue && !isMakeChangesAnyway) return;\n\n      // ? Сразу же мутируем\n      safelyOnChange(newValue, fieldKey, propKey, { ...additionalOfOnChange, updatedForm: currentForm });\n\n      // ? Механика dependOn (обработка зависимостей)\n      // ? В текущей реализации отделил от экшена all.\n\n      startDependOn({\n        newValue,\n        fieldKey,\n        propKey,\n        field: currField,\n        form: currentForm,\n        additional: getMainOfAdditional(handleChange, additionalOfOnChange),\n      });\n\n      // ? Если в объекте методов возвращаемом getAnotherActions есть метод all, то он запускается отдельно\n      if (typeof anotherActions.all === \"function\") {\n        anotherActions.all({\n          newValue,\n          fieldKey,\n          propKey,\n          field: currField,\n          form: currentForm,\n          additional: getMainOfAdditional(handleChange, additionalOfOnChange),\n        });\n      }\n\n      if (fieldKey in anotherActions && typeof anotherActions[fieldKey] === \"function\") {\n        const postChanges = anotherActions[fieldKey]({\n          newValue,\n          fieldKey,\n          propKey,\n          field: currField,\n          form: currentForm,\n          additional: getMainOfAdditional(handleChange, additionalOfOnChange),\n        });\n\n        if (postChanges) assign(postChanges, fieldKey);\n      }\n    };\n\n    // ***** useEffects *****\n\n    useEffect(() => {\n      if (isInitializeByDependOn && typeof setForm === \"function\" && typeof onChange === \"function\")\n        form.forEach(field => {\n          startDependOn({\n            newValue: field.value,\n            fieldKey: field.key,\n            field,\n            form,\n            additional: {\n              ...getMainOfAdditional(handleChange),\n              isInitialization: true,\n              isInit: false,\n            },\n          });\n        });\n    }, [isInitializeByDependOn]);\n\n    // ***** output *****\n    return (\n      <div {...(formId ? { id: formId } : {})} className={cn(RC, className)}>\n        {typeof renderField === \"function\"\n          ? form.map(field =>\n              renderField({\n                ...getMainOfAdditional(handleChange),\n                field: {\n                  ...field,\n                  disabled: Boolean(isFormDisabled || field.disabled),\n                },\n              }),\n            )\n          : null}\n      </div>\n    );\n  },\n);\n\nexport default FormWithDependOn;\n"],"names":["RC","FormWithDependOn","React","forwardRef","form","formId","setForm","getActualForm","getActualFormOuter","onChange","renderField","getAnotherActions","className","isInitializeByDependOn","isFormDisabled","typeOfUse","ref","initialForm","useState","clone","safelySetForm","safelyOnChange","assignChangesToField","useFormFieldsChangesManager","Array","isArray","assign","anotherActions","getMainOfAdditional","additionalOfOnChange","actions","isInit","getIsOnlyAnObject","startDependOn","getDependOnStarter","handleChange","newValue","fieldKey","propKey","updatedForm","isMakeChangesAnyway","isUseActualForm","currentForm","currField","find","field","key","additional","all","postChanges","useEffect","forEach","value","isInitialization","div","id","cn","map","disabled","Boolean"],"mappings":"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"}

package/dist/Molecular/FormWithDependOn/FormWithDependOn.stories.js

@@ -0,0 +1,350 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    FormWithDependOnTemplate: function() {
+        return FormWithDependOnTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _utils = require("../../Functions/utils");
+const _FormWithDependOn = /*#__PURE__*/ _interop_require_default(require("./FormWithDependOn"));
+const _FormElement = /*#__PURE__*/ _interop_require_default(require("../FormElement/FormElement"));
+const _Dropdown = /*#__PURE__*/ _interop_require_default(require("../../Atomic/FormElements/Dropdown/Dropdown"));
+const _Input = /*#__PURE__*/ _interop_require_default(require("../../Atomic/FormElements/Input/Input"));
+require("../../../../scss/main.scss");
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+global.lng = 'en';
+const _default = {
+    title: 'Form Elements/Form With Depend On',
+    component: _FormWithDependOn.default,
+    argTypes: {
+        ref: {
+            description: 'The component is implemented as React.forwardRef and accepts refs'
+        },
+        form: {
+            description: 'Array of Objects. This is the target form, the component render it and mutated it with the passed methods'
+        },
+        formId: {
+            description: 'String, optional. If passed, it will be used as an id attribute for the topmost container from the returned JSX'
+        },
+        setForm: {
+            description: 'Function. The method of direct installation of the form. If it is not passed, then the dependOn system will not work correctly'
+        },
+        onChange: {
+            description: 'Function. The method to be called by the field when changing. If not passed, the form will be rendered, but it will be immutable'
+        },
+        renderField: {
+            description: 'Function. The method for drawing each element of the form. If not passed, the component will return an empty container'
+        },
+        getAnotherActions: {
+            description: 'Function, optional. The function should return an object with methods of the same name as the field keys or with the name "all". ' + 'When changing the field, the method of the same name will be called from this object. The all method will be called for any change to any field'
+        },
+        className: {
+            description: 'String, optional. If passed, it will be added additional to the className attribute of the upper container of the returned JSX'
+        },
+        isInitializeByDependOn: {
+            description: 'Boolean, optional. If true is passed, then useEffect will be triggered by zero dependence. ' + 'In this run, the dependOn logic will be run for each field without running onChange. ' + 'This is convenient when you need the described dependencies to work during initialization as part of initialization.'
+        },
+        isFormDisabled: {
+            description: 'Boolean, optional. If true is passed, the disabled: true property will be passed for each field'
+        },
+        typeOfUse: {
+            description: 'String, optional, default value - "default". Related to the dependOn logic. ' + 'Sometimes, to organize the logic of dependencies, it is important to understand which implementation of the form as a whole works.' + 'This value is passed for each dependOn callback in the object of "additional" property'
+        }
+    }
+};
+// ? Пример конструктора в проекте. В филдах прописаны зависимости
+// ?  - филды могут быть доминирующими, зависимыми и одновременно доминирующими и зависимыми (как email в примере)
+// ?  - филды могут быть зависимы от нескольких полей, как с одной реакцией,
+// ?    так и с разными реациями на каждую зависимость (как additionalInfo в примере)
+// ?  - филды могут быть зависимы от самих себя
+const fields = [
+    {
+        key: 'variants',
+        label: 'Test dropdown',
+        type: 'dropdown',
+        options: [
+            {
+                value: 'account',
+                label: 'Account'
+            },
+            {
+                value: 'email',
+                label: 'Email'
+            }
+        ],
+        isDominantField: true,
+        isNotUseInnerHandler: true,
+        value: 'account'
+    },
+    {
+        key: 'email',
+        label: 'Email',
+        isDominantField: true,
+        isNotUseInnerHandler: true,
+        dependOn: {
+            keys: [
+                'variants'
+            ],
+            callback: (dominantField, dependField, form, additional)=>{
+                const { onChange, assign } = additional;
+                const isNotRender = dominantField.value !== 'email';
+                if (!isNotRender) {
+                    setTimeout(()=>{
+                        onChange('', dependField.key, null, {
+                            updatedForm: form.map((field)=>field.key === dominantField.key ? dominantField : field)
+                        });
+                    }, 0);
+                }
+                return {
+                    isNotRender
+                };
+            }
+        }
+    },
+    {
+        key: 'additionalInfo',
+        label: 'Additional',
+        isNotUseInnerHandler: true,
+        dependOn: {
+            keys: [
+                'variants',
+                'email'
+            ],
+            callbacks: {
+                variants: (dominantField, dependField)=>{
+                    const isAccountCase = dominantField.value === 'account';
+                    const label = isAccountCase ? 'Account name' : 'Your name';
+                    return {
+                        label,
+                        value: '',
+                        disabled: isAccountCase ? false : dependField.disabled,
+                        placeholder: null
+                    };
+                },
+                email: (dominantField)=>{
+                    if (!dominantField.value) return {
+                        value: '',
+                        placeholder: 'first, enter your email',
+                        disabled: true
+                    };
+                    else return {
+                        disabled: false,
+                        placeholder: `${dominantField.value} owner name`
+                    };
+                }
+            }
+        }
+    }
+];
+// ? Это НЕ либовская логика. Это описывается на уровне проекта (даже на уровне конкретной реализации) и сводится к вызову для каждого филда FormItem.
+// ? Так же тут можно скорректировать пропы для FormItem, да и вообще).
+// ? Код частично взят из самого FormItem (в целом - без разницы какого проекта)
+const renderField = ({ field, onChange })=>{
+    const { fieldChangesMiddleware, isNotUseInnerHandler, isRequired, disclaimer, isNoFormElemLabel, label } = field;
+    const handle = {
+        change: (value, fieldKey, propKey)=>{
+            let newValue;
+            if (typeof fieldChangesMiddleware === 'function' && typeof value === 'string') {
+                newValue = fieldChangesMiddleware(value);
+            } else {
+                newValue = value;
+            }
+            // ! Специально прописал сюда этот кусок, т.к. он есть в КАЖДОЙ реализации FormItem (RenderField для админки)
+            // ! Если в конструкторе НЕ прописать КАЖДОМУ филду пропу isNotUseInnerHandler: true, то FormWithDependOn НЕ будет корректно работать
+            // ! (смотри код (*) в FormWithDependOn)
+            if (!isNotUseInnerHandler) {
+                field.error = '';
+                field.value = newValue;
+            }
+            // ! Есть реализации, в которых верхний onChange (самый верхний, базовый, который в примере generalOnChange)
+            // ! принимает 4-й аргумент! Это объект с чем угодно. Или НЕ добавляйте ТУТ 4-й аргумен, или добавляйте объектом.
+            onChange(newValue, fieldKey || field.key, propKey, {
+                isCleaningUpErrors: true
+            });
+        }
+    };
+    const getFieldJSX = (field)=>{
+        switch(field.type){
+            case 'dropdown':
+                return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Dropdown.default, _object_spread_props(_object_spread({}, field), {
+                    value: field.value,
+                    onChange: (val)=>handle.change(val)
+                }));
+            default:
+                return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, _object_spread_props(_object_spread({}, field), {
+                    onChange: (val)=>handle.change(val)
+                }));
+        }
+    };
+    if (field.isNotRender) return null;
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_FormElement.default, {
+        alert: disclaimer,
+        label: isNoFormElemLabel ? null : label,
+        required: isRequired,
+        children: getFieldJSX(field)
+    }, field.key);
+};
+// ? В целом система dependOn самодостаточна и решает широкий спектр организации зависимостей,
+// ? однако иногда может быть полезным отделить какую-то логику от dependOn и организовать отдельным персональным экшеном
+// ? (или же общим методом all, но отдельно от dependOn)
+// ? Для этого и существует данный метод.
+// ? Формат возврата данного метода - объект методов, либо одноименных ключу филда, либо с названием all (общий)
+// ? На вход getAnotherActions получает объект с методами установки - setForm и assign
+// ? Каждый метод из объекта методов при вызове на вход получит объект с пропами
+// ?  - newValue - новое значение изменившегося филда
+// ?  - fieldKey - ключ изменившегося филда
+// ?  - propKey - ключ изменяемой пропы изменившегося филда (будет undefined если меняется 'value')
+// ?  - field - целевой филд ДО применения нового значения
+// ?  - form - вся форма ДО применения нового значения к целевому филду
+// ?    (если только onChange не вызывали c updatedForm, тогда в этой пропе будет updatedForm, смотри generalOnChange из Template)
+// ?  - additional - объект с дополнительной информацией и методами
+// ! Важно !
+// ! Экшены запускает вызов onChange. Назначения через assing НЕ тригирят ни экшенов, ни логики dependOn
+const getAnotherActions = ({ setForm, assign })=>{
+    return {
+        additionalInfo: ({ newValue, fieldKey, propKey, field, form, additional })=>{
+            const { isInitilisation } = additional;
+            if (!isInitilisation && !newValue) alert('Стерли руками additionalInfo!');
+        }
+    };
+};
+const Template = (args)=>{
+    const [form, setForm] = (0, _react.useState)(fields);
+    const generalOnChange = (newValue, fieldKey, propKey, additionalOfOnChange)=>{
+        // ? additionalOfOnChange - возможность прописать какие-либо особенности чтобы реагировать на информацию с мест вызовов,
+        const { updatedForm, isCleaningUpErrors } = (0, _utils.getIsOnlyAnObject)(additionalOfOnChange) ? additionalOfOnChange : {};
+        // ! Для корректной работы важно в базовом setForm учитывать возможность updatedForm
+        // ! Это нужно если из dedpendOn-колбеков делаются повторные вызовы onChange
+        // ! (не return объекта изменений, не assign изменения, а именно вызов onChange, для триггера нового витка сработок зависимостей)
+        setForm((Array.isArray(updatedForm) ? updatedForm : form).map((field)=>field.key === fieldKey ? _object_spread(_object_spread_props(_object_spread({}, field), {
+                [propKey || 'value']: newValue
+            }), isCleaningUpErrors ? {
+                error: ''
+            } : {}) : field));
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_FormWithDependOn.default, _object_spread_props(_object_spread({}, args), {
+        className: "form-with-depend-on_example",
+        form: form,
+        setForm: setForm,
+        onChange: generalOnChange,
+        renderField: renderField,
+        getAnotherActions: getAnotherActions
+    }));
+};
+const FormWithDependOnTemplate = Template.bind({});
+FormWithDependOnTemplate.args = {
+    isInitializeByDependOn: true,
+    isFormDisabled: false
+};
+
+//# sourceMappingURL=FormWithDependOn.stories.js.map

package/dist/Molecular/FormWithDependOn/FormWithDependOn.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Molecular/FormWithDependOn/FormWithDependOn.stories.js"],"sourcesContent":["import React, {useState} from 'react';\n\nimport { getIsOnlyAnObject } from '../../Functions/utils';\n\nimport FormWithDependOn from './FormWithDependOn';\nimport FormElement from '../FormElement/FormElement';\nimport Dropdown from '../../Atomic/FormElements/Dropdown/Dropdown';\nimport Input from '../../Atomic/FormElements/Input/Input';\n\nimport '../../../../scss/main.scss';\n\nglobal.lng = 'en';\n\nexport default {\n  title: 'Form Elements/Form With Depend On',\n  component: FormWithDependOn,\n  argTypes: {\n    ref: {\n      description: 'The component is implemented as React.forwardRef and accepts refs',\n    },\n    form: {\n      description: 'Array of Objects. This is the target form, the component render it and mutated it with the passed methods',\n    },\n    formId: {\n      description: 'String, optional. If passed, it will be used as an id attribute for the topmost container from the returned JSX',\n    },\n    setForm: {\n      description: 'Function. The method of direct installation of the form. If it is not passed, then the dependOn system will not work correctly',\n    },\n    onChange: {\n      description: 'Function. The method to be called by the field when changing. If not passed, the form will be rendered, but it will be immutable',\n    },\n    renderField: {\n      description: 'Function. The method for drawing each element of the form. If not passed, the component will return an empty container',\n    },\n    getAnotherActions: {\n      description: (\n        'Function, optional. The function should return an object with methods of the same name as the field keys or with the name \"all\". ' + \n        'When changing the field, the method of the same name will be called from this object. The all method will be called for any change to any field'\n      ),\n    },\n    className: {\n      description: 'String, optional. If passed, it will be added additional to the className attribute of the upper container of the returned JSX',\n    },\n    isInitializeByDependOn: {\n      description: (\n        'Boolean, optional. If true is passed, then useEffect will be triggered by zero dependence. ' +\n        'In this run, the dependOn logic will be run for each field without running onChange. ' +\n        'This is convenient when you need the described dependencies to work during initialization as part of initialization.'\n      ),\n    },\n    isFormDisabled: {\n      description: 'Boolean, optional. If true is passed, the disabled: true property will be passed for each field',\n    },\n    typeOfUse: {\n      description: (\n        'String, optional, default value - \"default\". Related to the dependOn logic. ' +\n        'Sometimes, to organize the logic of dependencies, it is important to understand which implementation of the form as a whole works.' +\n        'This value is passed for each dependOn callback in the object of \"additional\" property'\n      ),\n    },\n  },\n};\n\n// ? Пример конструктора в проекте. В филдах прописаны зависимости\n// ?  - филды могут быть доминирующими, зависимыми и одновременно доминирующими и зависимыми (как email в примере)\n// ?  - филды могут быть зависимы от нескольких полей, как с одной реакцией,\n// ?    так и с разными реациями на каждую зависимость (как additionalInfo в примере)\n// ?  - филды могут быть зависимы от самих себя\nconst fields = [\n  {\n    key: 'variants',\n    label: 'Test dropdown',\n    type: 'dropdown',\n    options: [\n      {\n        value: 'account',\n        label: 'Account',\n      },\n\n      {\n        value: 'email',\n        label: 'Email',\n      },\n    ],\n    isDominantField: true,\n    isNotUseInnerHandler: true,\n    value: 'account',\n  },\n\n  {\n    key: 'email',\n    label: 'Email',\n    isDominantField: true,\n    isNotUseInnerHandler: true,\n    dependOn: {\n      keys: ['variants'],\n      callback: (dominantField, dependField, form, additional) => {\n        const { onChange, assign } = additional;\n        const isNotRender = dominantField.value !== 'email';\n\n        if (!isNotRender) {\n          setTimeout(() => {\n            onChange('', dependField.key, null, { updatedForm: form.map(field => field.key === dominantField.key ? dominantField : field)});\n          }, 0);\n        }\n\n        return { isNotRender };\n      },\n    },\n  },\n  {\n    key: 'additionalInfo',\n    label: 'Additional',\n    isNotUseInnerHandler: true,\n    dependOn: {\n      keys: ['variants', 'email'],\n      callbacks: {\n        variants: (dominantField, dependField) => {\n          const isAccountCase = dominantField.value === 'account';\n\n          const label = isAccountCase ? 'Account name' : 'Your name';\n          return { label, value: '', disabled: isAccountCase ? false : dependField.disabled, placeholder: null  };\n        },\n        email: (dominantField) => {\n          if (!dominantField.value) return { value: '', placeholder: 'first, enter your email', disabled: true };\n          else return { disabled: false, placeholder: `${dominantField.value} owner name` };\n        },\n      }\n    },\n  },\n];\n\n// ? Это НЕ либовская логика. Это описывается на уровне проекта (даже на уровне конкретной реализации) и сводится к вызову для каждого филда FormItem.\n// ? Так же тут можно скорректировать пропы для FormItem, да и вообще).\n// ? Код частично взят из самого FormItem (в целом - без разницы какого проекта)\nconst renderField = ({ field, onChange }) => {\n  const { fieldChangesMiddleware, isNotUseInnerHandler, isRequired, disclaimer, isNoFormElemLabel, label } = field;\n\n\n  const handle = {\n    change: (value, fieldKey, propKey) => {\n      let newValue;\n      if (typeof fieldChangesMiddleware === 'function' && typeof value === 'string') {\n        newValue = fieldChangesMiddleware(value);\n      } else {\n        newValue = value;\n      }\n\n      // ! Специально прописал сюда этот кусок, т.к. он есть в КАЖДОЙ реализации FormItem (RenderField для админки)\n      // ! Если в конструкторе НЕ прописать КАЖДОМУ филду пропу isNotUseInnerHandler: true, то FormWithDependOn НЕ будет корректно работать\n      // ! (смотри код (*) в FormWithDependOn)\n      if (!isNotUseInnerHandler) {\n        field.error = '';\n        field.value = newValue;\n      }\n\n      // ! Есть реализации, в которых верхний onChange (самый верхний, базовый, который в примере generalOnChange)\n      // ! принимает 4-й аргумент! Это объект с чем угодно. Или НЕ добавляйте ТУТ 4-й аргумен, или добавляйте объектом.\n      onChange(newValue, fieldKey || field.key, propKey, { isCleaningUpErrors: true });\n    },\n  };\n\n  const getFieldJSX = (field) => {\n    switch(field.type) {\n      case 'dropdown':\n        return <Dropdown {...field } value={field.value} onChange={(val) => handle.change(val)} />\n      default: return <Input {...field} onChange={(val) => handle.change(val)} />\n    }\n  };\n\n\n\n  if (field.isNotRender) return null;\n  return (\n    <FormElement\n      key={field.key}\n      alert={disclaimer}\n      label={isNoFormElemLabel ? null : label}\n      required={isRequired}\n    >\n      {getFieldJSX(field)}\n    </FormElement>\n  );\n};\n\n// ? В целом система dependOn самодостаточна и решает широкий спектр организации зависимостей,\n// ? однако иногда может быть полезным отделить какую-то логику от dependOn и организовать отдельным персональным экшеном\n// ? (или же общим методом all, но отдельно от dependOn)\n// ? Для этого и существует данный метод.\n// ? Формат возврата данного метода - объект методов, либо одноименных ключу филда, либо с названием all (общий)\n// ? На вход getAnotherActions получает объект с методами установки - setForm и assign\n// ? Каждый метод из объекта методов при вызове на вход получит объект с пропами\n// ?  - newValue - новое значение изменившегося филда\n// ?  - fieldKey - ключ изменившегося филда\n// ?  - propKey - ключ изменяемой пропы изменившегося филда (будет undefined если меняется 'value')\n// ?  - field - целевой филд ДО применения нового значения\n// ?  - form - вся форма ДО применения нового значения к целевому филду\n// ?    (если только onChange не вызывали c updatedForm, тогда в этой пропе будет updatedForm, смотри generalOnChange из Template)\n// ?  - additional - объект с дополнительной информацией и методами\n// ! Важно !\n// ! Экшены запускает вызов onChange. Назначения через assing НЕ тригирят ни экшенов, ни логики dependOn\nconst getAnotherActions = ({ setForm, assign }) => {\n  return {\n    additionalInfo: ({ newValue, fieldKey, propKey, field, form, additional }) => {\n      const { isInitilisation } = additional;\n      if (!isInitilisation && !newValue) alert('Стерли руками additionalInfo!');\n    }\n  };\n};\n\nconst Template = args => {\n  const [form, setForm] = useState(fields);\n\n  const generalOnChange = (newValue, fieldKey, propKey, additionalOfOnChange) => {\n    // ? additionalOfOnChange - возможность прописать какие-либо особенности чтобы реагировать на информацию с мест вызовов,\n    const { updatedForm, isCleaningUpErrors } = getIsOnlyAnObject(additionalOfOnChange) ? additionalOfOnChange : {};\n\n    // ! Для корректной работы важно в базовом setForm учитывать возможность updatedForm\n    // ! Это нужно если из dedpendOn-колбеков делаются повторные вызовы onChange\n    // ! (не return объекта изменений, не assign изменения, а именно вызов onChange, для триггера нового витка сработок зависимостей)\n    setForm((Array.isArray(updatedForm) ? updatedForm :  form)\n      .map(field => field.key === fieldKey ? { ...field, [propKey || 'value']: newValue, ...(isCleaningUpErrors ? { error: '' } : {}) } : field));\n  };\n\n  return (\n    <FormWithDependOn\n      {...args}\n      className=\"form-with-depend-on_example\"\n      form={form}\n      setForm={setForm}\n      onChange={generalOnChange}\n      renderField={renderField}\n      getAnotherActions={getAnotherActions}\n    />\n  );\n};\n\nexport const FormWithDependOnTemplate = Template.bind({});\n\nFormWithDependOnTemplate.args = {\n  isInitializeByDependOn: true,\n  isFormDisabled: false,\n  // typeOfUse: 'modal',\n};\n"],"names":["FormWithDependOnTemplate","global","lng","title","component","FormWithDependOn","argTypes","ref","description","form","formId","setForm","onChange","renderField","getAnotherActions","className","isInitializeByDependOn","isFormDisabled","typeOfUse","fields","key","label","type","options","value","isDominantField","isNotUseInnerHandler","dependOn","keys","callback","dominantField","dependField","additional","assign","isNotRender","setTimeout","updatedForm","map","field","callbacks","variants","isAccountCase","disabled","placeholder","email","fieldChangesMiddleware","isRequired","disclaimer","isNoFormElemLabel","handle","change","fieldKey","propKey","newValue","error","isCleaningUpErrors","getFieldJSX","Dropdown","val","Input","FormElement","alert","required","additionalInfo","isInitilisation","Template","args","useState","generalOnChange","additionalOfOnChange","getIsOnlyAnObject","Array","isArray","bind"],"mappings":"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"}