intelicoreact 1.5.38 → 1.5.41

package/dist/Functions/useIsMobile/useIsMobile.test.js

@@ -1,104 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _react = require("@testing-library/react");
-const _useIsMobile = /*#__PURE__*/ _interop_require_default(require("./useIsMobile"));
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-describe('useIsMobile', ()=>{
-    const originalNavigator = window.navigator;
-    const originalScreen = window.screen;
-    beforeEach(()=>{
-        jest.clearAllMocks();
-    });
-    afterEach(()=>{
-        Object.defineProperty(window, 'navigator', {
-            value: originalNavigator,
-            writable: true
-        });
-        Object.defineProperty(window, 'screen', {
-            value: originalScreen,
-            writable: true
-        });
-    });
-    const mockUserAgent = (userAgent)=>{
-        Object.defineProperty(window.navigator, 'userAgent', {
-            value: userAgent,
-            writable: true
-        });
-    };
-    const mockScreenWidth = (width)=>{
-        Object.defineProperty(window.screen, 'width', {
-            value: width,
-            writable: true
-        });
-    };
-    it('should detect mobile device based on user agent', ()=>{
-        mockUserAgent('iPhone');
-        mockScreenWidth(375);
-        const { result } = (0, _react.renderHook)(()=>(0, _useIsMobile.default)());
-        expect(result.current.isMobile).toBe(true);
-    });
-    it('should detect desktop device based on user agent', ()=>{
-        mockUserAgent('Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36');
-        mockScreenWidth(1920);
-        const { result } = (0, _react.renderHook)(()=>(0, _useIsMobile.default)());
-        expect(result.current.isMobile).toBe(false);
-    });
-    it('should respect width check when isWithoutWidthCheck is false', ()=>{
-        mockUserAgent('iPhone');
-        mockScreenWidth(1024);
-        const { result } = (0, _react.renderHook)(()=>(0, _useIsMobile.default)({
-                isWithoutWidthCheck: false
-            }));
-        expect(result.current.isMobile).toBe(false);
-    });
-    it('should ignore width check when isWithoutWidthCheck is true', ()=>{
-        mockUserAgent('iPhone');
-        mockScreenWidth(1024);
-        const { result } = (0, _react.renderHook)(()=>(0, _useIsMobile.default)({
-                isWithoutWidthCheck: true
-            }));
-        expect(result.current.isMobile).toBe(true);
-    });
-    describe('mobile devices detection', ()=>{
-        const mobileDevices = [
-            'Android',
-            'webOS',
-            'iPhone',
-            'iPad',
-            'iPod',
-            'BlackBerry',
-            'IEMobile',
-            'Opera Mini'
-        ];
-        mobileDevices.forEach((device)=>{
-            it(`should detect ${device} as mobile device`, ()=>{
-                mockUserAgent(device);
-                mockScreenWidth(375);
-                const { result } = (0, _react.renderHook)(()=>(0, _useIsMobile.default)());
-                expect(result.current.isMobile).toBe(true);
-            });
-        });
-    });
-    it('should update isMobile state when userAgent changes', ()=>{
-        mockUserAgent('Desktop');
-        mockScreenWidth(1920);
-        const { result, rerender } = (0, _react.renderHook)(()=>(0, _useIsMobile.default)());
-        expect(result.current.isMobile).toBe(false);
-        mockUserAgent('iPhone');
-        mockScreenWidth(375);
-        rerender();
-        expect(result.current.isMobile).toBe(true);
-    });
-    it('should return only isMobile property', ()=>{
-        const { result } = (0, _react.renderHook)(()=>(0, _useIsMobile.default)());
-        expect(Object.keys(result.current)).toEqual([
-            'isMobile'
-        ]);
-    });
-});

package/dist/Functions/useKeyPress/useHandleKeyPress.test.js

@@ -1,96 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _react = require("@testing-library/react");
-const _useHandleKeyPress = /*#__PURE__*/ _interop_require_default(require("./useHandleKeyPress"));
-const _useKeyPress = /*#__PURE__*/ _interop_require_default(require("./useKeyPress"));
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-// Мокаем хук useKeyPress
-jest.mock('./useKeyPress');
-const mockedUseKeyPress = _useKeyPress.default;
-describe('useHandleKeyPress', ()=>{
-    // Очищаем моки перед каждым тестом
-    beforeEach(()=>{
-        jest.clearAllMocks();
-        // По умолчанию клавиши не нажаты
-        mockedUseKeyPress.mockReturnValue(false);
-    });
-    it('should call enterCallback when Enter is pressed', ()=>{
-        const enterCallback = jest.fn();
-        const escCallback = jest.fn();
-        // Симулируем нажатие Enter
-        mockedUseKeyPress.mockReturnValueOnce(true) // для Enter
-        .mockReturnValueOnce(false); // для Escape
-        (0, _react.renderHook)(()=>(0, _useHandleKeyPress.default)({
-                enterCallback,
-                escCallback
-            }));
-        expect(enterCallback).toHaveBeenCalledTimes(1);
-        expect(escCallback).not.toHaveBeenCalled();
-    });
-    it('should call escCallback when Escape is pressed', ()=>{
-        const enterCallback = jest.fn();
-        const escCallback = jest.fn();
-        // Симулируем нажатие Escape
-        mockedUseKeyPress.mockReturnValueOnce(false) // для Enter
-        .mockReturnValueOnce(true); // для Escape
-        (0, _react.renderHook)(()=>(0, _useHandleKeyPress.default)({
-                enterCallback,
-                escCallback
-            }));
-        expect(escCallback).toHaveBeenCalledTimes(1);
-        expect(enterCallback).not.toHaveBeenCalled();
-    });
-    it('should not call callbacks when no keys are pressed', ()=>{
-        const enterCallback = jest.fn();
-        const escCallback = jest.fn();
-        // Никакие клавиши не нажаты
-        mockedUseKeyPress.mockReturnValue(false);
-        (0, _react.renderHook)(()=>(0, _useHandleKeyPress.default)({
-                enterCallback,
-                escCallback
-            }));
-        expect(enterCallback).not.toHaveBeenCalled();
-        expect(escCallback).not.toHaveBeenCalled();
-    });
-    it('should handle undefined callbacks gracefully', ()=>{
-        // Проверяем, что хук не выбрасывает ошибку при отсутствии callback'ов
-        expect(()=>{
-            (0, _react.renderHook)(()=>(0, _useHandleKeyPress.default)({
-                    withClamping: true
-                }));
-        }).not.toThrow();
-    });
-    it('should pass withClamping parameter to useKeyPress', ()=>{
-        (0, _react.renderHook)(()=>(0, _useHandleKeyPress.default)({
-                withClamping: false
-            }));
-        // Проверяем, что useKeyPress вызывается с правильными параметрами
-        expect(mockedUseKeyPress).toHaveBeenCalledWith('Enter', false);
-        expect(mockedUseKeyPress).toHaveBeenCalledWith('Escape', false);
-    });
-    it('should use default withClamping value when not provided', ()=>{
-        (0, _react.renderHook)(()=>(0, _useHandleKeyPress.default)({}));
-        // Проверяем, что useKeyPress вызывается с дефолтным значением withClamping
-        expect(mockedUseKeyPress).toHaveBeenCalledWith('Enter', true);
-        expect(mockedUseKeyPress).toHaveBeenCalledWith('Escape', true);
-    });
-    it('should properly handle effect cleanup', ()=>{
-        const enterCallback = jest.fn();
-        const escCallback = jest.fn();
-        const { unmount } = (0, _react.renderHook)(()=>(0, _useHandleKeyPress.default)({
-                enterCallback,
-                escCallback
-            }));
-        unmount();
-        // После unmount новые нажатия клавиш не должны вызывать callbacks
-        mockedUseKeyPress.mockReturnValueOnce(true).mockReturnValueOnce(true);
-        expect(enterCallback).not.toHaveBeenCalled();
-        expect(escCallback).not.toHaveBeenCalled();
-    });
-});

package/dist/Functions/useKeyPress/useKeyPress.test.js

@@ -1,87 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _react = require("@testing-library/react");
-const _useKeyPress = /*#__PURE__*/ _interop_require_default(require("./useKeyPress"));
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-describe('useKeyPress', ()=>{
-    const mockKey = 'Enter';
-    // Helper function to simulate keyboard events
-    const simulateKeyEvent = (eventType, key, repeat = false)=>{
-        const event = new KeyboardEvent(eventType, {
-            key,
-            repeat
-        });
-        window.dispatchEvent(event);
-    };
-    beforeEach(()=>{
-        // Clear any previous event listeners
-        jest.clearAllMocks();
-    });
-    it('should initialize with keyPressed as false', ()=>{
-        const { result } = (0, _react.renderHook)(()=>(0, _useKeyPress.default)(mockKey));
-        expect(result.current).toBe(false);
-    });
-    it('should set keyPressed to true when target key is pressed', ()=>{
-        const { result } = (0, _react.renderHook)(()=>(0, _useKeyPress.default)(mockKey));
-        (0, _react.act)(()=>{
-            simulateKeyEvent('keydown', mockKey);
-        });
-        expect(result.current).toBe(true);
-    });
-    it('should set keyPressed to false when target key is released', ()=>{
-        const { result } = (0, _react.renderHook)(()=>(0, _useKeyPress.default)(mockKey));
-        (0, _react.act)(()=>{
-            simulateKeyEvent('keydown', mockKey);
-            simulateKeyEvent('keyup', mockKey);
-        });
-        expect(result.current).toBe(false);
-    });
-    it('should not respond to non-target keys', ()=>{
-        const { result } = (0, _react.renderHook)(()=>(0, _useKeyPress.default)(mockKey));
-        (0, _react.act)(()=>{
-            simulateKeyEvent('keydown', 'Shift');
-        });
-        expect(result.current).toBe(false);
-    });
-    describe('clamping behavior', ()=>{
-        it('should handle repeated keys when clamping is true', ()=>{
-            const { result } = (0, _react.renderHook)(()=>(0, _useKeyPress.default)(mockKey, true));
-            (0, _react.act)(()=>{
-                simulateKeyEvent('keydown', mockKey, true);
-            });
-            expect(result.current).toBe(true);
-        });
-        it('should ignore repeated keys when clamping is false', ()=>{
-            const { result } = (0, _react.renderHook)(()=>(0, _useKeyPress.default)(mockKey, false));
-            (0, _react.act)(()=>{
-                simulateKeyEvent('keydown', mockKey, false); // First press
-                simulateKeyEvent('keydown', mockKey, true); // Repeated press
-            });
-            expect(result.current).toBe(true);
-        });
-    });
-    it('should cleanup event listeners on unmount', ()=>{
-        const removeEventListenerSpy = jest.spyOn(window, 'removeEventListener');
-        const { unmount } = (0, _react.renderHook)(()=>(0, _useKeyPress.default)(mockKey));
-        unmount();
-        expect(removeEventListenerSpy).toHaveBeenCalledTimes(2);
-        expect(removeEventListenerSpy).toHaveBeenCalledWith('keydown', expect.any(Function));
-        expect(removeEventListenerSpy).toHaveBeenCalledWith('keyup', expect.any(Function));
-    });
-    it('should handle multiple key presses correctly', ()=>{
-        const { result } = (0, _react.renderHook)(()=>(0, _useKeyPress.default)(mockKey));
-        (0, _react.act)(()=>{
-            simulateKeyEvent('keydown', mockKey);
-            simulateKeyEvent('keyup', mockKey);
-            simulateKeyEvent('keydown', mockKey);
-            simulateKeyEvent('keyup', mockKey);
-        });
-        expect(result.current).toBe(false);
-    });
-});

package/dist/Molecular/FormElement/FormElement.stories.js

@@ -1,92 +0,0 @@
-"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, {
-    InputTemplate: function() {
-        return InputTemplate;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _Input = /*#__PURE__*/ _interop_require_default(require("../../Atomic/FormElements/Input/Input"));
-const _FormElement = /*#__PURE__*/ _interop_require_default(require("./FormElement"));
-require("../../../../scss/main.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-global.lng = "en";
-const _default = {
-    title: "Form Elements/Form Element",
-    component: _FormElement.default,
-    argTypes: {
-        label: {
-            description: "string/JSX"
-        },
-        note: {
-            description: "string/JSX"
-        },
-        children: {
-            description: "JSX"
-        },
-        error: {
-            description: "string - print error if is errored"
-        },
-        required: {
-            description: "boolean"
-        },
-        className: {
-            description: "string"
-        },
-        hint: {
-            description: "object {text: string, hintSide: bottom/right",
-            control: {
-                type: "object"
-            }
-        },
-        alert: {
-            description: "optional, object { can receive alert props }"
-        }
-    }
-};
-const Template = (args)=>{
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_FormElement.default, {
-        ...args,
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
-            error: args.error
-        })
-    });
-};
-const InputTemplate = Template.bind({});
-InputTemplate.args = {
-    label: "Text label",
-    isLabelBolt: true,
-    error: "error",
-    required: true,
-    hint: {
-        text: "hint",
-        hintSide: "bottom"
-    },
-    numStep: 1,
-    min: "0",
-    max: "5",
-    placeholder: "Placeholder",
-    mask: "",
-    alert: {
-        message: "test",
-        variant: "info",
-        noDismiss: true
-    },
-    note: "(note)"
-};

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

@@ -1,301 +0,0 @@
-"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 _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;
-}
-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, {
-                    ...field,
-                    value: field.value,
-                    onChange: (val)=>handle.change(val)
-                });
-            default:
-                return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
-                    ...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 ? {
-                ...field,
-                [propKey || 'value']: newValue,
-                ...isCleaningUpErrors ? {
-                    error: ''
-                } : {}
-            } : field));
-    };
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_FormWithDependOn.default, {
-        ...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
-};