@gravity-ui/dynamic-forms 3.2.0 → 3.3.0

package/build/cjs/lib/core/components/Form/hooks/useField.js

@@ -1,176 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useField = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
-const helpers_1 = require("../../../helpers");
-const constants_1 = require("../constants");
-const utils_1 = require("../utils");
-const useField = ({ name, spec, initialValue, value: externalValue, validate: propsValidate, tools, parentOnChange, parentOnUnmount: externalParentOnUnmount, mutators, }) => {
-    const firstRenderRef = react_1.default.useRef(true);
-    const validate = react_1.default.useCallback((value) => propsValidate === null || propsValidate === void 0 ? void 0 : propsValidate((0, utils_1.transformArrOut)(value)), [propsValidate]);
-    const [state, setState] = react_1.default.useState(() => {
-        const valueMutator = lodash_1.default.get(mutators.values, name, constants_1.EMPTY_MUTATOR);
-        let value = lodash_1.default.cloneDeep(externalValue);
-        if ((0, utils_1.isValueMutatorCorrect)(valueMutator, spec) && valueMutator !== constants_1.EMPTY_MUTATOR) {
-            value = valueMutator;
-        }
-        if (lodash_1.default.isNil(value)) {
-            if (spec.defaultValue) {
-                value = (0, utils_1.transformArrIn)(spec.defaultValue);
-            }
-            // if the spec with type array or object, and this spec has "required === true",
-            // we immediately exclude empty value
-            else if (spec.required) {
-                if ((0, helpers_1.isArraySpec)(spec)) {
-                    value = { [constants_1.OBJECT_ARRAY_FLAG]: true, [constants_1.OBJECT_ARRAY_CNT]: 0 };
-                }
-                else if ((0, helpers_1.isObjectSpec)(spec)) {
-                    value = {};
-                }
-            }
-        }
-        let errorMutator = lodash_1.default.get(mutators.errors, name);
-        if (!(0, utils_1.isErrorMutatorCorrect)(errorMutator)) {
-            errorMutator = undefined;
-        }
-        const error = (validate === null || validate === void 0 ? void 0 : validate(value)) || errorMutator;
-        const dirty = !lodash_1.default.isEqual(value, initialValue);
-        return {
-            active: false,
-            dirty,
-            error,
-            invalid: Boolean(error),
-            modified: dirty,
-            pristine: true,
-            touched: false,
-            valid: !error,
-            value,
-            visited: false,
-            childErrors: {},
-        };
-    });
-    const { onChange, onLocalChange, onDrop } = react_1.default.useMemo(() => {
-        const onLocalChange = (valOrSetter, childErrors, errorMutator) => {
-            setState((state) => {
-                const _value = lodash_1.default.isFunction(valOrSetter) ? valOrSetter(state.value) : valOrSetter;
-                const error = (validate === null || validate === void 0 ? void 0 : validate(_value)) || errorMutator;
-                let value = (0, utils_1.transformArrIn)(_value);
-                if ((0, helpers_1.isNumberSpec)(spec) && !error) {
-                    value = (value ? Number(value) : undefined);
-                }
-                let newChildErrors = Object.assign({}, state.childErrors);
-                if (childErrors) {
-                    const nearestChildName = lodash_1.default.keys(childErrors).sort((a, b) => a.length - b.length)[0];
-                    if (nearestChildName) {
-                        const existingСhildNames = lodash_1.default.keys(newChildErrors).filter((childName) => childName.startsWith(nearestChildName));
-                        newChildErrors = Object.assign(Object.assign({}, lodash_1.default.omit(newChildErrors, existingСhildNames)), childErrors);
-                    }
-                }
-                return Object.assign(Object.assign({}, state), { dirty: !lodash_1.default.isEqual(value, initialValue), error, invalid: Boolean(error), modified: true, pristine: value === initialValue, touched: true, valid: !error, value, visited: true, childErrors: newChildErrors });
-            });
-        };
-        const onChange = (valOrSetter, childErrors) => onLocalChange(valOrSetter, childErrors);
-        const onDrop = () => {
-            if ((0, utils_1.isArrayItem)(name)) {
-                (externalParentOnUnmount ? externalParentOnUnmount : tools.onUnmount)(name);
-            }
-            else {
-                onChange(undefined, { [name]: false });
-            }
-        };
-        return { onChange, onLocalChange, onDrop };
-    }, [initialValue, setState, name, validate, spec, externalParentOnUnmount, tools.onUnmount]);
-    const onBlur = react_1.default.useCallback(() => {
-        setState((state) => (Object.assign(Object.assign({}, state), { active: false, touched: true })));
-    }, [setState]);
-    const onFocus = react_1.default.useCallback(() => {
-        setState((state) => (Object.assign(Object.assign({}, state), { active: true, visited: true })));
-    }, [setState]);
-    const parentOnUnmount = react_1.default.useCallback((childName) => {
-        if ((0, helpers_1.isArraySpec)(spec) || (0, helpers_1.isObjectSpec)(spec)) {
-            onChange((currentValue) => currentValue
-                ? lodash_1.default.omit(currentValue, childName.split(`${name}.`)[1])
-                : currentValue, {
-                [childName]: false,
-            });
-        }
-    }, [onChange, name, spec]);
-    const renderProps = react_1.default.useMemo(() => {
-        const onItemAdd = (_value) => {
-            const stateValue = (state.value || {
-                [constants_1.OBJECT_ARRAY_FLAG]: true,
-                [constants_1.OBJECT_ARRAY_CNT]: 0,
-            });
-            const value = Object.assign(Object.assign({}, stateValue), { [`<${stateValue[constants_1.OBJECT_ARRAY_CNT]}>`]: (0, utils_1.transformArrIn)(_value), [constants_1.OBJECT_ARRAY_CNT]: stateValue[constants_1.OBJECT_ARRAY_CNT] + 1 });
-            const error = validate === null || validate === void 0 ? void 0 : validate(value);
-            setState((state) => (Object.assign(Object.assign({}, state), { dirty: !lodash_1.default.isEqual(value, initialValue), error, invalid: Boolean(error), modified: true, pristine: value === initialValue, touched: true, valid: !error, value, visited: true })));
-        };
-        const onItemRemove = (idx) => {
-            parentOnUnmount(`${name}.<${idx}>`);
-        };
-        return {
-            input: {
-                name,
-                value: state.value,
-                onChange,
-                onBlur,
-                onFocus,
-                onDrop,
-                parentOnUnmount,
-            },
-            arrayInput: {
-                name,
-                value: state.value,
-                onItemAdd,
-                onItemRemove,
-                onDrop,
-            },
-            meta: Object.assign(Object.assign({}, lodash_1.default.omit(state, 'value')), { submitFailed: tools.submitFailed }),
-        };
-    }, [
-        state,
-        setState,
-        validate,
-        name,
-        initialValue,
-        tools.submitFailed,
-        onChange,
-        onBlur,
-        onFocus,
-        onDrop,
-        parentOnUnmount,
-    ]);
-    react_1.default.useEffect(() => {
-        if (!firstRenderRef.current || !lodash_1.default.isEqual(externalValue, state.value) || state.error) {
-            (parentOnChange ? parentOnChange : tools.onChange)(name, state.value, Object.assign(Object.assign({}, state.childErrors), { [name]: state.error }));
-        }
-    }, [state.value]);
-    react_1.default.useEffect(() => {
-        if (!firstRenderRef.current) {
-            const valueMutator = lodash_1.default.get(mutators.values, name, constants_1.EMPTY_MUTATOR);
-            let errorMutator = lodash_1.default.get(mutators.errors, name);
-            if (!(0, utils_1.isErrorMutatorCorrect)(errorMutator)) {
-                errorMutator = undefined;
-            }
-            if ((0, utils_1.isValueMutatorCorrect)(valueMutator, spec) &&
-                valueMutator !== state.value &&
-                valueMutator !== constants_1.EMPTY_MUTATOR) {
-                onLocalChange(valueMutator, undefined, errorMutator);
-            }
-            else if (state.error !== errorMutator && !(state.error && !errorMutator)) {
-                setState(Object.assign(Object.assign({}, state), { error: errorMutator }));
-                (parentOnChange ? parentOnChange : tools.onChange)(name, state.value, Object.assign(Object.assign({}, state.childErrors), { [name]: errorMutator }));
-            }
-        }
-    }, [mutators]);
-    react_1.default.useEffect(() => {
-        firstRenderRef.current = false;
-        return () => {
-            (externalParentOnUnmount ? externalParentOnUnmount : tools.onUnmount)(name);
-        };
-    }, []);
-    return renderProps;
-};
-exports.useField = useField;

package/build/cjs/lib/core/components/Form/hooks/useRender.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRender = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
-const helpers_1 = require("../../../helpers");
-const useRender = ({ name, spec, inputEntity, Layout, }) => {
-    const render = react_1.default.useCallback((props) => {
-        if (inputEntity && (0, helpers_1.isCorrectSpec)(spec) && lodash_1.default.isString(name)) {
-            if (!spec.viewSpec.hidden) {
-                if (inputEntity.independent) {
-                    const InputComponent = inputEntity.Component;
-                    return (react_1.default.createElement(InputComponent, Object.assign({ spec: spec, name: name, Layout: Layout }, props)));
-                }
-                const InputComponent = inputEntity.Component;
-                const input = react_1.default.createElement(InputComponent, Object.assign({ spec: spec, name: name }, props));
-                if (Layout) {
-                    return (react_1.default.createElement(Layout, Object.assign({ spec: spec, name: name }, props), input));
-                }
-                return input;
-            }
-        }
-        return null;
-    }, [spec, name, inputEntity, Layout]);
-    return render;
-};
-exports.useRender = useRender;

package/build/cjs/lib/core/components/Form/hooks/useValidate.js

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useValidate = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
-const helpers_1 = require("../../../helpers");
-const utils_1 = require("../utils");
-const _1 = require("./");
-const useValidate = (spec) => {
-    const { config } = (0, _1.useDynamicFormsCtx)();
-    const { validators } = react_1.default.useMemo(() => {
-        if ((0, utils_1.isCorrectConfig)(config) && (0, helpers_1.isCorrectSpec)(spec)) {
-            return config[spec.type];
-        }
-        return {};
-    }, [config, spec]);
-    const validate = react_1.default.useMemo(() => {
-        if (validators) {
-            if ((!lodash_1.default.isString(spec.validator) || !spec.validator.length) &&
-                lodash_1.default.isFunction(validators.base)) {
-                return (value) => validators.base(spec, value);
-            }
-            if (lodash_1.default.isString(spec.validator) && lodash_1.default.isFunction(validators[spec.validator])) {
-                return (value) => validators[spec.validator](spec, value);
-            }
-        }
-        return;
-    }, [validators, spec]);
-    return validate;
-};
-exports.useValidate = useValidate;

package/build/esm/lib/core/components/Form/Controller.d.ts

@@ -1,10 +0,0 @@
-import { Spec } from '../../types';
-import { FieldValue, ValidateError } from './types';
-export interface ControllerProps<Value extends FieldValue, SpecType extends Spec> {
-    spec: SpecType;
-    name: string;
-    value: Value;
-    parentOnChange: ((childName: string, childValue: FieldValue, childErrors: Record<string, ValidateError>) => void) | null;
-    parentOnUnmount: ((childName: string) => void) | null;
-}
-export declare const Controller: <Value extends FieldValue, SpecType extends Spec>({ spec: _spec, name, value, parentOnChange, parentOnUnmount, }: ControllerProps<Value, SpecType>) => JSX.Element | null;

package/build/esm/lib/core/components/Form/Controller.js

@@ -1,37 +0,0 @@
-import React from 'react';
-import _ from 'lodash';
-import { EMPTY_MUTATOR } from './constants';
-import { useComponents, useControllerMirror, useDynamicFormsCtx, useField, useRender, useSearch, useValidate, } from './hooks';
-export const Controller = ({ spec: _spec, name, value, parentOnChange, parentOnUnmount, }) => {
-    const { tools, mutators, __mirror } = useDynamicFormsCtx();
-    const spec = React.useMemo(() => {
-        const specMutator = _.get(mutators.spec, name, EMPTY_MUTATOR);
-        if (specMutator !== EMPTY_MUTATOR) {
-            return _.merge(_spec, specMutator);
-        }
-        return _spec;
-    }, [_spec, mutators.spec, name]);
-    const { inputEntity, Layout } = useComponents(spec);
-    const render = useRender({ name, spec, inputEntity, Layout });
-    const validate = useValidate(spec);
-    const renderProps = useField({
-        name,
-        initialValue: _.get(tools.initialValue, name),
-        value,
-        spec,
-        validate,
-        tools,
-        parentOnChange,
-        parentOnUnmount,
-        mutators,
-    });
-    const withSearch = useSearch(spec, renderProps.input.value, name);
-    useControllerMirror(name, {
-        useComponents: { inputEntity, Layout },
-        useRender: render,
-        useValidate: validate,
-        useField: renderProps,
-        useSearch: withSearch,
-    }, __mirror);
-    return withSearch(render(renderProps));
-};

package/build/esm/lib/core/components/Form/hooks/useComponents.d.ts

@@ -1,6 +0,0 @@
-import { FormValue, Spec } from '../../../types';
-import { FieldValue, IndependentInputEntity, InputEntity, LayoutType } from '../types';
-export declare const useComponents: <DirtyValue extends FieldValue, Value extends FormValue, SpecType extends Spec>(spec: SpecType) => {
-    inputEntity: InputEntity<DirtyValue, SpecType> | IndependentInputEntity<DirtyValue, SpecType> | undefined;
-    Layout: LayoutType<DirtyValue, SpecType> | undefined;
-};

package/build/esm/lib/core/components/Form/hooks/useComponents.js

@@ -1,35 +0,0 @@
-import React from 'react';
-import _ from 'lodash';
-import { isValidElementType } from 'react-is';
-import { isCorrectSpec } from '../../../helpers';
-import { isCorrectConfig } from '../utils';
-import { useDynamicFormsCtx } from './';
-export const useComponents = (spec) => {
-    var _a, _b;
-    const { config } = useDynamicFormsCtx();
-    const { inputs, layouts } = React.useMemo(() => {
-        if (isCorrectConfig(config) && isCorrectSpec(spec)) {
-            return config[spec.type];
-        }
-        return {};
-    }, [config, spec]);
-    const inputEntity = React.useMemo(() => {
-        if (inputs) {
-            const entity = inputs[spec.viewSpec.type];
-            if (isValidElementType(entity === null || entity === void 0 ? void 0 : entity.Component)) {
-                return entity;
-            }
-        }
-        return;
-    }, [inputs, (_a = spec === null || spec === void 0 ? void 0 : spec.viewSpec) === null || _a === void 0 ? void 0 : _a.type]);
-    const Layout = React.useMemo(() => {
-        if (layouts && _.isString(spec.viewSpec.layout)) {
-            const Component = layouts[spec.viewSpec.layout];
-            if (isValidElementType(Component)) {
-                return Component;
-            }
-        }
-        return;
-    }, [layouts, (_b = spec === null || spec === void 0 ? void 0 : spec.viewSpec) === null || _b === void 0 ? void 0 : _b.layout]);
-    return { inputEntity, Layout };
-};

package/build/esm/lib/core/components/Form/hooks/useField.d.ts

@@ -1,14 +0,0 @@
-import { Spec } from '../../../types';
-import { DynamicFormMutators, DynamicFormsContext, FieldRenderProps, FieldValue, ValidateError } from '../types';
-export interface UseFieldProps<Value extends FieldValue, SpecType extends Spec> {
-    name: string;
-    spec: SpecType;
-    initialValue: Value;
-    value: Value;
-    validate?: (value?: Value) => ValidateError;
-    tools: DynamicFormsContext['tools'];
-    parentOnChange: ((childName: string, childValue: FieldValue, childErrors: Record<string, ValidateError>) => void) | null;
-    parentOnUnmount: ((childName: string) => void) | null;
-    mutators: DynamicFormMutators;
-}
-export declare const useField: <Value extends FieldValue, SpecType extends Spec>({ name, spec, initialValue, value: externalValue, validate: propsValidate, tools, parentOnChange, parentOnUnmount: externalParentOnUnmount, mutators, }: UseFieldProps<Value, SpecType>) => FieldRenderProps<Value>;

package/build/esm/lib/core/components/Form/hooks/useField.js

@@ -1,171 +0,0 @@
-import React from 'react';
-import _ from 'lodash';
-import { isArraySpec, isNumberSpec, isObjectSpec } from '../../../helpers';
-import { EMPTY_MUTATOR, OBJECT_ARRAY_CNT, OBJECT_ARRAY_FLAG } from '../constants';
-import { isArrayItem, isErrorMutatorCorrect, isValueMutatorCorrect, transformArrIn, transformArrOut, } from '../utils';
-export const useField = ({ name, spec, initialValue, value: externalValue, validate: propsValidate, tools, parentOnChange, parentOnUnmount: externalParentOnUnmount, mutators, }) => {
-    const firstRenderRef = React.useRef(true);
-    const validate = React.useCallback((value) => propsValidate === null || propsValidate === void 0 ? void 0 : propsValidate(transformArrOut(value)), [propsValidate]);
-    const [state, setState] = React.useState(() => {
-        const valueMutator = _.get(mutators.values, name, EMPTY_MUTATOR);
-        let value = _.cloneDeep(externalValue);
-        if (isValueMutatorCorrect(valueMutator, spec) && valueMutator !== EMPTY_MUTATOR) {
-            value = valueMutator;
-        }
-        if (_.isNil(value)) {
-            if (spec.defaultValue) {
-                value = transformArrIn(spec.defaultValue);
-            }
-            // if the spec with type array or object, and this spec has "required === true",
-            // we immediately exclude empty value
-            else if (spec.required) {
-                if (isArraySpec(spec)) {
-                    value = { [OBJECT_ARRAY_FLAG]: true, [OBJECT_ARRAY_CNT]: 0 };
-                }
-                else if (isObjectSpec(spec)) {
-                    value = {};
-                }
-            }
-        }
-        let errorMutator = _.get(mutators.errors, name);
-        if (!isErrorMutatorCorrect(errorMutator)) {
-            errorMutator = undefined;
-        }
-        const error = (validate === null || validate === void 0 ? void 0 : validate(value)) || errorMutator;
-        const dirty = !_.isEqual(value, initialValue);
-        return {
-            active: false,
-            dirty,
-            error,
-            invalid: Boolean(error),
-            modified: dirty,
-            pristine: true,
-            touched: false,
-            valid: !error,
-            value,
-            visited: false,
-            childErrors: {},
-        };
-    });
-    const { onChange, onLocalChange, onDrop } = React.useMemo(() => {
-        const onLocalChange = (valOrSetter, childErrors, errorMutator) => {
-            setState((state) => {
-                const _value = _.isFunction(valOrSetter) ? valOrSetter(state.value) : valOrSetter;
-                const error = (validate === null || validate === void 0 ? void 0 : validate(_value)) || errorMutator;
-                let value = transformArrIn(_value);
-                if (isNumberSpec(spec) && !error) {
-                    value = (value ? Number(value) : undefined);
-                }
-                let newChildErrors = Object.assign({}, state.childErrors);
-                if (childErrors) {
-                    const nearestChildName = _.keys(childErrors).sort((a, b) => a.length - b.length)[0];
-                    if (nearestChildName) {
-                        const existingСhildNames = _.keys(newChildErrors).filter((childName) => childName.startsWith(nearestChildName));
-                        newChildErrors = Object.assign(Object.assign({}, _.omit(newChildErrors, existingСhildNames)), childErrors);
-                    }
-                }
-                return Object.assign(Object.assign({}, state), { dirty: !_.isEqual(value, initialValue), error, invalid: Boolean(error), modified: true, pristine: value === initialValue, touched: true, valid: !error, value, visited: true, childErrors: newChildErrors });
-            });
-        };
-        const onChange = (valOrSetter, childErrors) => onLocalChange(valOrSetter, childErrors);
-        const onDrop = () => {
-            if (isArrayItem(name)) {
-                (externalParentOnUnmount ? externalParentOnUnmount : tools.onUnmount)(name);
-            }
-            else {
-                onChange(undefined, { [name]: false });
-            }
-        };
-        return { onChange, onLocalChange, onDrop };
-    }, [initialValue, setState, name, validate, spec, externalParentOnUnmount, tools.onUnmount]);
-    const onBlur = React.useCallback(() => {
-        setState((state) => (Object.assign(Object.assign({}, state), { active: false, touched: true })));
-    }, [setState]);
-    const onFocus = React.useCallback(() => {
-        setState((state) => (Object.assign(Object.assign({}, state), { active: true, visited: true })));
-    }, [setState]);
-    const parentOnUnmount = React.useCallback((childName) => {
-        if (isArraySpec(spec) || isObjectSpec(spec)) {
-            onChange((currentValue) => currentValue
-                ? _.omit(currentValue, childName.split(`${name}.`)[1])
-                : currentValue, {
-                [childName]: false,
-            });
-        }
-    }, [onChange, name, spec]);
-    const renderProps = React.useMemo(() => {
-        const onItemAdd = (_value) => {
-            const stateValue = (state.value || {
-                [OBJECT_ARRAY_FLAG]: true,
-                [OBJECT_ARRAY_CNT]: 0,
-            });
-            const value = Object.assign(Object.assign({}, stateValue), { [`<${stateValue[OBJECT_ARRAY_CNT]}>`]: transformArrIn(_value), [OBJECT_ARRAY_CNT]: stateValue[OBJECT_ARRAY_CNT] + 1 });
-            const error = validate === null || validate === void 0 ? void 0 : validate(value);
-            setState((state) => (Object.assign(Object.assign({}, state), { dirty: !_.isEqual(value, initialValue), error, invalid: Boolean(error), modified: true, pristine: value === initialValue, touched: true, valid: !error, value, visited: true })));
-        };
-        const onItemRemove = (idx) => {
-            parentOnUnmount(`${name}.<${idx}>`);
-        };
-        return {
-            input: {
-                name,
-                value: state.value,
-                onChange,
-                onBlur,
-                onFocus,
-                onDrop,
-                parentOnUnmount,
-            },
-            arrayInput: {
-                name,
-                value: state.value,
-                onItemAdd,
-                onItemRemove,
-                onDrop,
-            },
-            meta: Object.assign(Object.assign({}, _.omit(state, 'value')), { submitFailed: tools.submitFailed }),
-        };
-    }, [
-        state,
-        setState,
-        validate,
-        name,
-        initialValue,
-        tools.submitFailed,
-        onChange,
-        onBlur,
-        onFocus,
-        onDrop,
-        parentOnUnmount,
-    ]);
-    React.useEffect(() => {
-        if (!firstRenderRef.current || !_.isEqual(externalValue, state.value) || state.error) {
-            (parentOnChange ? parentOnChange : tools.onChange)(name, state.value, Object.assign(Object.assign({}, state.childErrors), { [name]: state.error }));
-        }
-    }, [state.value]);
-    React.useEffect(() => {
-        if (!firstRenderRef.current) {
-            const valueMutator = _.get(mutators.values, name, EMPTY_MUTATOR);
-            let errorMutator = _.get(mutators.errors, name);
-            if (!isErrorMutatorCorrect(errorMutator)) {
-                errorMutator = undefined;
-            }
-            if (isValueMutatorCorrect(valueMutator, spec) &&
-                valueMutator !== state.value &&
-                valueMutator !== EMPTY_MUTATOR) {
-                onLocalChange(valueMutator, undefined, errorMutator);
-            }
-            else if (state.error !== errorMutator && !(state.error && !errorMutator)) {
-                setState(Object.assign(Object.assign({}, state), { error: errorMutator }));
-                (parentOnChange ? parentOnChange : tools.onChange)(name, state.value, Object.assign(Object.assign({}, state.childErrors), { [name]: errorMutator }));
-            }
-        }
-    }, [mutators]);
-    React.useEffect(() => {
-        firstRenderRef.current = false;
-        return () => {
-            (externalParentOnUnmount ? externalParentOnUnmount : tools.onUnmount)(name);
-        };
-    }, []);
-    return renderProps;
-};

package/build/esm/lib/core/components/Form/hooks/useRender.d.ts

@@ -1,9 +0,0 @@
-import { Spec } from '../../../types';
-import { FieldRenderProps, FieldValue, IndependentInputEntity, InputEntity, LayoutType } from '../types';
-export interface UseRenderParams<Value extends FieldValue, SpecType extends Spec> {
-    name: string;
-    spec: SpecType;
-    inputEntity?: InputEntity<Value, SpecType> | IndependentInputEntity<Value, SpecType>;
-    Layout?: LayoutType<Value, SpecType>;
-}
-export declare const useRender: <Value extends FieldValue, SpecType extends Spec>({ name, spec, inputEntity, Layout, }: UseRenderParams<Value, SpecType>) => (props: FieldRenderProps<Value>) => JSX.Element | null;

package/build/esm/lib/core/components/Form/hooks/useRender.js

@@ -1,23 +0,0 @@
-import React from 'react';
-import _ from 'lodash';
-import { isCorrectSpec } from '../../../helpers';
-export const useRender = ({ name, spec, inputEntity, Layout, }) => {
-    const render = React.useCallback((props) => {
-        if (inputEntity && isCorrectSpec(spec) && _.isString(name)) {
-            if (!spec.viewSpec.hidden) {
-                if (inputEntity.independent) {
-                    const InputComponent = inputEntity.Component;
-                    return (React.createElement(InputComponent, Object.assign({ spec: spec, name: name, Layout: Layout }, props)));
-                }
-                const InputComponent = inputEntity.Component;
-                const input = React.createElement(InputComponent, Object.assign({ spec: spec, name: name }, props));
-                if (Layout) {
-                    return (React.createElement(Layout, Object.assign({ spec: spec, name: name }, props), input));
-                }
-                return input;
-            }
-        }
-        return null;
-    }, [spec, name, inputEntity, Layout]);
-    return render;
-};

package/build/esm/lib/core/components/Form/hooks/useValidate.d.ts

@@ -1,3 +0,0 @@
-import { FormValue, Spec } from '../../../types';
-import { FieldValue } from '../types';
-export declare const useValidate: <DirtyValue extends FieldValue, Value extends FormValue, SpecType extends Spec>(spec: SpecType) => ((value?: Value | undefined) => import("../types").ValidateError) | undefined;

package/build/esm/lib/core/components/Form/hooks/useValidate.js

@@ -1,27 +0,0 @@
-import React from 'react';
-import _ from 'lodash';
-import { isCorrectSpec } from '../../../helpers';
-import { isCorrectConfig } from '../utils';
-import { useDynamicFormsCtx } from './';
-export const useValidate = (spec) => {
-    const { config } = useDynamicFormsCtx();
-    const { validators } = React.useMemo(() => {
-        if (isCorrectConfig(config) && isCorrectSpec(spec)) {
-            return config[spec.type];
-        }
-        return {};
-    }, [config, spec]);
-    const validate = React.useMemo(() => {
-        if (validators) {
-            if ((!_.isString(spec.validator) || !spec.validator.length) &&
-                _.isFunction(validators.base)) {
-                return (value) => validators.base(spec, value);
-            }
-            if (_.isString(spec.validator) && _.isFunction(validators[spec.validator])) {
-                return (value) => validators[spec.validator](spec, value);
-            }
-        }
-        return;
-    }, [validators, spec]);
-    return validate;
-};