@gravity-ui/dynamic-forms 3.1.0 → 3.3.0

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

@@ -0,0 +1,38 @@
+import React from 'react';
+import _ from 'lodash';
+export const useMutators = (externalMutators) => {
+    const firstRenderRef = React.useRef(true);
+    const [store, setStore] = React.useState(externalMutators || {});
+    const mutateDFState = React.useCallback((mutators) => {
+        const mergeSpec = (a, b) => {
+            const result = _.cloneDeep(a);
+            const getKeys = (parent) => {
+                if (_.isObjectLike(parent)) {
+                    return _.keys(parent).reduce((acc, parentKey) => {
+                        const childKeys = getKeys(parent[parentKey]);
+                        return [
+                            ...acc,
+                            ...(childKeys.length ? [] : [[parentKey]]),
+                            ...childKeys.map((childKey) => [parentKey, ...childKey]),
+                        ];
+                    }, []);
+                }
+                return [];
+            };
+            getKeys(b).forEach((key) => {
+                _.set(result, key, _.get(b, key));
+            });
+            return result;
+        };
+        setStore((store) => (Object.assign(Object.assign(Object.assign(Object.assign({}, store), (mutators.errors ? { errors: _.merge(store.errors, mutators.errors) } : {})), (mutators.values ? { values: _.merge(store.values, mutators.values) } : {})), (mutators.spec ? { spec: mergeSpec(store.spec || {}, mutators.spec) } : {}))));
+    }, [setStore]);
+    React.useEffect(() => {
+        if (firstRenderRef.current) {
+            firstRenderRef.current = false;
+        }
+        else if (externalMutators) {
+            mutateDFState(externalMutators);
+        }
+    }, [externalMutators]);
+    return { mutators: store, mutateDFState };
+};

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

@@ -0,0 +1 @@
+export declare const useStoreValue: () => import("..").DynamicFieldStore;

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

@@ -0,0 +1,2 @@
+import { useDynamicFormsCtx } from './useDynamicFormsCtx';
+export const useStoreValue = () => useDynamicFormsCtx().store;

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

@@ -1,5 +1,6 @@
 export * from './constants';
 export * from './Controller';
 export * from './DynamicField';
+export { useMutateDFState, useStoreValue } from './hooks';
 export * from './types';
 export * from './utils';

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

@@ -1,5 +1,6 @@
 export * from './constants';
 export * from './Controller';
 export * from './DynamicField';
+export { useMutateDFState, useStoreValue } from './hooks';
 export * from './types';
 export * from './utils';

package/build/esm/lib/core/components/Form/types/context.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { MonacoEditorProps } from 'react-monaco-editor/lib/types';
 import { StringSpec } from '../../../types';
-import { BaseValidateError, DynamicFormConfig, FieldValue, ValidateError, WonderMirror } from './';
+import { DynamicFieldStore, DynamicFormConfig, DynamicFormMutators, FieldValue, ValidateError, WonderMirror } from './';
 export interface DynamicFormsContext {
     config: DynamicFormConfig;
     Monaco?: React.ComponentType<MonacoEditorProps>;
@@ -11,7 +11,9 @@ export interface DynamicFormsContext {
         onChange: (name: string, value: FieldValue, errors?: Record<string, ValidateError>) => void;
         onUnmount: (name: string) => void;
         submitFailed: boolean;
+        mutateDFState: (mutators: DynamicFormMutators) => void;
     };
-    externalErrors?: Record<string, BaseValidateError>;
+    store: DynamicFieldStore;
+    mutators: DynamicFormMutators;
     __mirror?: WonderMirror;
 }

package/build/esm/lib/core/components/Form/types/index.d.ts

@@ -6,6 +6,7 @@ export * from './field';
 export * from './input';
 export * from './layout';
 export * from './mirror';
+export * from './mutators';
 export * from './number';
 export * from './object';
 export * from './store';

package/build/esm/lib/core/components/Form/types/index.js

@@ -6,6 +6,7 @@ export * from './field';
 export * from './input';
 export * from './layout';
 export * from './mirror';
+export * from './mutators';
 export * from './number';
 export * from './object';
 export * from './store';

package/build/esm/lib/core/components/Form/types/mirror.d.ts

@@ -1,9 +1,7 @@
-import { useComponents, useField, useIntegrationFF, useRender, useSearch, useSearchStore, useStore, useValidate } from '../hooks';
+import { useIntegrationFF, useSearch, useSearchStore, useStore } from '../hooks';
+import { FieldRenderProps } from './field';
 export interface ControllerMirror {
-    useComponents?: ReturnType<typeof useComponents>;
-    useRender?: ReturnType<typeof useRender>;
-    useValidate?: ReturnType<typeof useValidate>;
-    useField?: ReturnType<typeof useField>;
+    useField?: FieldRenderProps<any>;
     useSearch?: ReturnType<typeof useSearch>;
 }
 export interface DynamicFieldMirror {

package/build/esm/lib/core/components/Form/types/mutators.d.ts

@@ -0,0 +1,18 @@
+import { ArraySpec, BooleanSpec, FormValue, NumberSpec, ObjectSpec, StringSpec } from '../../../types';
+import { BaseValidateError } from './';
+export type SpecMutator = Partial<(Omit<ArraySpec, 'viewSpec'> & {
+    viewSpec: Partial<ArraySpec['viewSpec']>;
+}) | (Omit<BooleanSpec, 'viewSpec'> & {
+    viewSpec: Partial<BooleanSpec['viewSpec']>;
+}) | (Omit<NumberSpec, 'viewSpec'> & {
+    viewSpec: Partial<NumberSpec['viewSpec']>;
+}) | (Omit<ObjectSpec, 'viewSpec'> & {
+    viewSpec: Partial<ObjectSpec['viewSpec']>;
+}) | (Omit<StringSpec, 'viewSpec'> & {
+    viewSpec: Partial<StringSpec['viewSpec']>;
+})>;
+export interface DynamicFormMutators {
+    errors?: Record<string, BaseValidateError>;
+    values?: Record<string, FormValue>;
+    spec?: Record<string, SpecMutator>;
+}

package/build/esm/lib/core/components/Form/types/mutators.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/dynamic-forms",
-  "version": "3.1.0",
+  "version": "3.3.0",
   "description": "",
   "license": "MIT",
   "main": "build/cjs/index.js",

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

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Controller = void 0;
-const tslib_1 = require("tslib");
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
-const hooks_1 = require("./hooks");
-const Controller = ({ spec, name, value, parentOnChange, parentOnUnmount, }) => {
-    const { tools, externalErrors, __mirror } = (0, hooks_1.useDynamicFormsCtx)();
-    const { inputEntity, Layout } = (0, hooks_1.useComponents)(spec);
-    const render = (0, hooks_1.useRender)({ name, spec, inputEntity, Layout });
-    const validate = (0, hooks_1.useValidate)(spec);
-    const renderProps = (0, hooks_1.useField)({
-        name,
-        initialValue: lodash_1.default.get(tools.initialValue, name),
-        value,
-        spec,
-        validate,
-        tools,
-        parentOnChange,
-        parentOnUnmount,
-        externalErrors,
-    });
-    const withSearch = (0, hooks_1.useSearch)(spec, renderProps.input.value, name);
-    (0, hooks_1.useControllerMirror)(name, {
-        useComponents: { inputEntity, Layout },
-        useRender: render,
-        useValidate: validate,
-        useField: renderProps,
-        useSearch: withSearch,
-    }, __mirror);
-    return withSearch(render(renderProps));
-};
-exports.Controller = Controller;

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

@@ -1,40 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useComponents = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
-const react_is_1 = require("react-is");
-const helpers_1 = require("../../../helpers");
-const utils_1 = require("../utils");
-const _1 = require("./");
-const useComponents = (spec) => {
-    var _a, _b;
-    const { config } = (0, _1.useDynamicFormsCtx)();
-    const { inputs, layouts } = react_1.default.useMemo(() => {
-        if ((0, utils_1.isCorrectConfig)(config) && (0, helpers_1.isCorrectSpec)(spec)) {
-            return config[spec.type];
-        }
-        return {};
-    }, [config, spec]);
-    const inputEntity = react_1.default.useMemo(() => {
-        if (inputs) {
-            const entity = inputs[spec.viewSpec.type];
-            if ((0, react_is_1.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_1.default.useMemo(() => {
-        if (layouts && lodash_1.default.isString(spec.viewSpec.layout)) {
-            const Component = layouts[spec.viewSpec.layout];
-            if ((0, react_is_1.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 };
-};
-exports.useComponents = useComponents;

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

@@ -1,167 +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, externalErrors, }) => {
-    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(() => {
-        let value = lodash_1.default.cloneDeep(externalValue);
-        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 externalError = lodash_1.default.get(externalErrors, name);
-        if (!(lodash_1.default.isString(externalError) ||
-            lodash_1.default.isBoolean(externalError) ||
-            lodash_1.default.isUndefined(externalError))) {
-            externalError = undefined;
-        }
-        const error = (validate === null || validate === void 0 ? void 0 : validate(value)) || externalError;
-        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, onDrop } = react_1.default.useMemo(() => {
-        const onChange = (valOrSetter, childErrors) => {
-            setState((state) => {
-                const _value = lodash_1.default.isFunction(valOrSetter) ? valOrSetter(state.value) : valOrSetter;
-                const error = validate === null || validate === void 0 ? void 0 : validate(_value);
-                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 onDrop = () => {
-            if ((0, utils_1.isArrayItem)(name)) {
-                (externalParentOnUnmount ? externalParentOnUnmount : tools.onUnmount)(name);
-            }
-            else {
-                onChange(undefined, { [name]: false });
-            }
-        };
-        return { onChange, 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(() => {
-        const externalError = lodash_1.default.get(externalErrors, name);
-        if (!firstRenderRef.current &&
-            (lodash_1.default.isString(externalError) ||
-                lodash_1.default.isBoolean(externalError) ||
-                lodash_1.default.isUndefined(externalError)) &&
-            state.error !== externalError &&
-            !(state.error && !externalError)) {
-            setState(Object.assign(Object.assign({}, state), { error: externalError }));
-            (parentOnChange ? parentOnChange : tools.onChange)(name, state.value, Object.assign(Object.assign({}, state.childErrors), { [name]: externalError }));
-        }
-    }, [externalErrors]);
-    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, name, value, parentOnChange, parentOnUnmount, }: ControllerProps<Value, SpecType>) => JSX.Element | null;

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

@@ -1,28 +0,0 @@
-import _ from 'lodash';
-import { useComponents, useControllerMirror, useDynamicFormsCtx, useField, useRender, useSearch, useValidate, } from './hooks';
-export const Controller = ({ spec, name, value, parentOnChange, parentOnUnmount, }) => {
-    const { tools, externalErrors, __mirror } = useDynamicFormsCtx();
-    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,
-        externalErrors,
-    });
-    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 { BaseValidateError, 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;
-    externalErrors?: Record<string, BaseValidateError>;
-}
-export declare const useField: <Value extends FieldValue, SpecType extends Spec>({ name, spec, initialValue, value: externalValue, validate: propsValidate, tools, parentOnChange, parentOnUnmount: externalParentOnUnmount, externalErrors, }: UseFieldProps<Value, SpecType>) => FieldRenderProps<Value>;