@carrot-farm/mongsil-ui/dist/esm/components/Form/FormProvider.js

react ui library

var __assign = (this && this.__assign) || function () {
    __assign = Object.assign || function(t) {
        for (var s, i = 1, n = arguments.length; i < n; i++) {
            s = arguments[i];
            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
                t[p] = s[p];
        }
        return t;
    };
    return __assign.apply(this, arguments);
};
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
        if (ar || !(i in from)) {
            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
            ar[i] = from[i];
        }
    }
    return to.concat(ar || Array.prototype.slice.call(from));
};
import * as React from 'react';
import { useState, useMemo, useCallback } from 'react';
import { FormContext } from '../../contexts/formContext';
/** ===== component ===== */
function FormProvider(_a) {
    var children = _a.children;
    var _b = useState(function () { return ({}); }), values = _b[0], setValues = _b[1];
    var _c = useState(function () { return ({}); }), errors = _c[0], setErrors = _c[1];
    var _d = useState(function () { return (__assign({}, schemeState)); }), scheme = _d[0], setScheme = _d[1];
    /** 단일 값을 변경 */
    var handleSetValue = useCallback(function (name, value) {
        if (name === undefined) {
            return;
        }
        setValues(function (v) {
            var _a;
            return (__assign(__assign({}, v), (_a = {}, _a[name] = value, _a)));
        });
    }, []);
    /** 여러 값을 변경 */
    var handleSetValues = useCallback(function (_values) {
        setValues(function (v) { return (__assign(__assign({}, v), _values)); });
    }, []);
    /** 모델을 추가 하거나 수정 */
    var handleModel = useCallback(function (model) {
        if (model.id && typeof model.id !== 'string') {
            throw new Error('invalid type  model.id: ');
        }
        setScheme(function (a) {
            var _a;
            // # 이미 존재할 경우 모델 업데이트
            if (a.idMap[model.id] !== undefined) {
                var newModel = a.model.map(function (m) {
                    return m.id === model.id ? model : m;
                });
                return __assign(__assign({}, a), { model: newModel });
            }
            // # 없을 경우 추가
            else {
                var newModel = __spreadArray(__spreadArray([], a.model, true), [__assign({}, model)], false);
                var index = newModel.length - 1;
                var newIdMap = __assign(__assign({}, a.idMap), (_a = {}, _a[model.id] = index, _a));
                var newNameMap = __assign({}, a.nameMap);
                if (model.name !== undefined) {
                    newNameMap[model.name] = index;
                }
                return {
                    model: newModel,
                    idMap: newIdMap,
                    nameMap: newNameMap,
                };
            }
        });
    }, []);
    /** 에러 정보 수정 */
    var setError = useCallback(function (id, message) {
        setErrors(function (_errors) {
            var _a;
            return __assign(__assign({}, _errors), (_a = {}, _a[id] = message, _a));
        });
    }, [setErrors]);
    /** 에러 필드 추가 */
    var addError = useCallback(function (id) {
        setErrors(function (a) {
            var _a;
            if (id && typeof id === 'string' && a[id] !== undefined) {
                return a;
            }
            return __assign(__assign({}, a), (_a = {}, _a[id] = null, _a));
        });
    }, [setErrors]);
    /** form context 정의 */
    var formContextValue = useMemo(function () { return ({
        values: values,
        errors: errors,
        scheme: scheme,
        direction: 'y',
        setValue: handleSetValue,
        setValues: handleSetValues,
        setModel: handleModel,
        addError: addError,
        setError: setError,
        setErrors: setErrors,
    }); }, [
        values,
        errors,
        scheme,
        handleSetValue,
        handleSetValues,
        handleModel,
        setError,
        addError,
        setErrors,
    ]);
    // console.log('> ', errors);
    return (React.createElement(FormContext.Provider, { value: formContextValue }, children));
}
/** scheme 초기 값 */
var schemeState = {
    idMap: {},
    nameMap: {},
    model: [],
};
export default React.memo(FormProvider);