@gravity-ui/dynamic-forms 3.2.0 → 3.4.0

package/build/esm/lib/kit/validators/messages.d.ts

@@ -1,16 +1,2 @@
-export declare let ErrorMessages: {
-    REQUIRED: string;
-    INVALID: string;
-    INT: string;
-    NUMBER: string;
-    minLength(count: number | bigint): string;
-    minLengthArr(count: number | bigint): string;
-    maxLength(count: number | bigint): string;
-    maxLengthArr(count: number | bigint): string;
-    minNumber(count: number | bigint): string;
-    maxNumber(count: number | bigint): string;
-    SPACE_START: string;
-    SPACE_END: string;
-    DOT_END: string;
-    ZERO_START: string;
-};
+import type { ErrorMessagesType } from './types';
+export declare let ErrorMessages: ErrorMessagesType;

package/build/esm/lib/kit/validators/types.d.ts

@@ -0,0 +1,16 @@
+export interface ErrorMessagesType {
+    REQUIRED: string;
+    INVALID: string;
+    INT: string;
+    NUMBER: string;
+    minLength: (count: number | bigint) => string;
+    minLengthArr: (count: number | bigint) => string;
+    maxLength: (count: number | bigint) => string;
+    maxLengthArr: (count: number | bigint) => string;
+    minNumber: (count: number | bigint) => string;
+    maxNumber: (count: number | bigint) => string;
+    SPACE_START: string;
+    SPACE_END: string;
+    DOT_END: string;
+    ZERO_START: string;
+}

package/build/esm/lib/kit/validators/types.js

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

package/build/esm/lib/kit/validators/validators.d.ts

@@ -1,16 +1,18 @@
 import { ArraySpec, ArrayValue, BooleanSpec, NumberSpec, ObjectSpec, ObjectValue, StringSpec } from '../../core';
-export interface GetArrayValidatorParams {
+import { ErrorMessagesType } from './types';
+interface CommonValidatorParams {
     ignoreRequiredCheck?: boolean;
+    customErrorMessages?: Partial<ErrorMessagesType>;
+}
+export interface GetArrayValidatorParams extends CommonValidatorParams {
     ignoreMaxLengthCheck?: boolean;
     ignoreMinLengthCheck?: boolean;
 }
 export declare const getArrayValidator: (params?: GetArrayValidatorParams) => (spec: ArraySpec, value?: ArrayValue) => string | false;
-export interface GetBooleanValidatorParams {
-    ignoreRequiredCheck?: boolean;
+export interface GetBooleanValidatorParams extends CommonValidatorParams {
 }
 export declare const getBooleanValidator: (params?: GetBooleanValidatorParams) => (spec: BooleanSpec, value?: boolean) => string | false;
-export interface GetNumberValidatorParams {
-    ignoreRequiredCheck?: boolean;
+export interface GetNumberValidatorParams extends CommonValidatorParams {
     ignoreSpaceStartCheck?: boolean;
     ignoreSpaceEndCheck?: boolean;
     ignoreNumberCheck?: boolean;
@@ -21,12 +23,10 @@ export interface GetNumberValidatorParams {
     ignoreZeroStart?: boolean;
 }
 export declare const getNumberValidator: (params?: GetNumberValidatorParams) => (spec: NumberSpec, value?: string | number) => string | false;
-export interface GetObjectValidatorParams {
-    ignoreRequiredCheck?: boolean;
+export interface GetObjectValidatorParams extends CommonValidatorParams {
 }
 export declare const getObjectValidator: (params?: GetObjectValidatorParams) => (spec: ObjectSpec, value?: ObjectValue) => string | false;
-export interface GetStringValidatorParams {
-    ignoreRequiredCheck?: boolean;
+export interface GetStringValidatorParams extends CommonValidatorParams {
     ignoreSpaceStartCheck?: boolean;
     ignoreSpaceEndCheck?: boolean;
     ignoreMaxLengthCheck?: boolean;
@@ -34,3 +34,4 @@ export interface GetStringValidatorParams {
     ignoreRegExpCheck?: boolean;
 }
 export declare const getStringValidator: (params?: GetStringValidatorParams) => (spec: StringSpec, value?: string) => string | false;
+export {};

package/build/esm/lib/kit/validators/validators.js

@@ -2,122 +2,129 @@ import _ from 'lodash';
 import { ErrorMessages } from '../validators';
 import { isFloat, isInt } from './helpers';
 export const getArrayValidator = (params = {}) => {
-    const { ignoreRequiredCheck, ignoreMaxLengthCheck, ignoreMinLengthCheck } = params;
+    const { ignoreRequiredCheck, ignoreMaxLengthCheck, ignoreMinLengthCheck, customErrorMessages } = params;
+    const errorMessages = Object.assign(Object.assign({}, ErrorMessages), customErrorMessages);
     return (spec, value) => {
         const valueLength = (value === null || value === void 0 ? void 0 : value.length) || 0;
         if (!ignoreRequiredCheck && spec.required && !_.isArray(value)) {
-            return ErrorMessages.REQUIRED;
+            return errorMessages.REQUIRED;
         }
         if (!ignoreMaxLengthCheck &&
             typeof spec.maxLength === 'bigint' &&
             valueLength > spec.maxLength) {
-            return ErrorMessages.maxLengthArr(spec.maxLength);
+            return errorMessages.maxLengthArr(spec.maxLength);
         }
         if (!ignoreMinLengthCheck &&
             typeof spec.minLength === 'bigint' &&
             valueLength < spec.minLength) {
-            return ErrorMessages.minLengthArr(spec.minLength);
+            return errorMessages.minLengthArr(spec.minLength);
         }
         return false;
     };
 };
 export const getBooleanValidator = (params = {}) => {
-    const { ignoreRequiredCheck } = params;
+    const { ignoreRequiredCheck, customErrorMessages } = params;
+    const errorMessages = Object.assign(Object.assign({}, ErrorMessages), customErrorMessages);
     return (spec, value) => {
         if (!ignoreRequiredCheck && spec.required && !value) {
-            return ErrorMessages.REQUIRED;
+            return errorMessages.REQUIRED;
         }
         return false;
     };
 };
 export const getNumberValidator = (params = {}) => {
-    const { ignoreRequiredCheck, ignoreSpaceStartCheck, ignoreSpaceEndCheck, ignoreNumberCheck, ignoreMaximumCheck, ignoreMinimumCheck, ignoreIntCheck, ignoreDotEnd, ignoreZeroStart, } = params;
+    const { ignoreRequiredCheck, ignoreSpaceStartCheck, ignoreSpaceEndCheck, ignoreNumberCheck, ignoreMaximumCheck, ignoreMinimumCheck, ignoreIntCheck, ignoreDotEnd, ignoreZeroStart, customErrorMessages, } = params;
+    const errorMessages = Object.assign(Object.assign({}, ErrorMessages), customErrorMessages);
+    // eslint-disable-next-line complexity
     return (spec, value = '') => {
         const stringValue = String(value);
         if (!ignoreRequiredCheck && spec.required && !stringValue.length) {
-            return ErrorMessages.REQUIRED;
+            return errorMessages.REQUIRED;
         }
         if (stringValue.length) {
             if (!ignoreSpaceStartCheck && !stringValue[0].trim()) {
-                return ErrorMessages.SPACE_START;
+                return errorMessages.SPACE_START;
             }
             if (!ignoreSpaceEndCheck && !stringValue[stringValue.length - 1].trim()) {
-                return ErrorMessages.SPACE_END;
+                return errorMessages.SPACE_END;
             }
             if (!ignoreDotEnd && stringValue[stringValue.length - 1] === '.') {
-                return ErrorMessages.DOT_END;
+                return errorMessages.DOT_END;
             }
             if (!ignoreNumberCheck && !isFloat(stringValue)) {
-                return ErrorMessages.NUMBER;
+                return errorMessages.NUMBER;
             }
             if (!ignoreZeroStart &&
                 ((stringValue.length > 1 && stringValue[0] === '0' && stringValue[1] !== '.') ||
                     (stringValue.length > 2 &&
                         stringValue.substring(0, 2) === '-0' &&
                         stringValue[2] !== '.'))) {
-                return ErrorMessages.ZERO_START;
+                return errorMessages.ZERO_START;
             }
         }
         if (!ignoreMaximumCheck &&
             _.isNumber(spec.maximum) &&
             stringValue.length &&
             Number(stringValue) > spec.maximum) {
-            return ErrorMessages.maxNumber(spec.maximum);
+            return errorMessages.maxNumber(spec.maximum);
         }
         if (!ignoreMinimumCheck &&
             _.isNumber(spec.minimum) &&
             stringValue.length &&
             spec.minimum > Number(stringValue)) {
-            return ErrorMessages.minNumber(spec.minimum);
+            return errorMessages.minNumber(spec.minimum);
         }
         if (_.isString(spec.format) && stringValue.length) {
             if (!ignoreIntCheck && spec.format === 'int64' && !isInt(stringValue)) {
-                return ErrorMessages.INT;
+                return errorMessages.INT;
             }
         }
         return false;
     };
 };
 export const getObjectValidator = (params = {}) => {
-    const { ignoreRequiredCheck } = params;
+    const { ignoreRequiredCheck, customErrorMessages } = params;
+    const errorMessages = Object.assign(Object.assign({}, ErrorMessages), customErrorMessages);
     return (spec, value) => {
         if (!ignoreRequiredCheck && spec.required && !value) {
-            return ErrorMessages.REQUIRED;
+            return errorMessages.REQUIRED;
         }
         return false;
     };
 };
 export const getStringValidator = (params = {}) => {
-    const { ignoreRequiredCheck, ignoreSpaceStartCheck, ignoreSpaceEndCheck, ignoreMaxLengthCheck, ignoreMinLengthCheck, ignoreRegExpCheck, } = params;
+    const { ignoreRequiredCheck, ignoreSpaceStartCheck, ignoreSpaceEndCheck, ignoreMaxLengthCheck, ignoreMinLengthCheck, ignoreRegExpCheck, customErrorMessages, } = params;
+    const errorMessages = Object.assign(Object.assign({}, ErrorMessages), customErrorMessages);
+    // eslint-disable-next-line complexity
     return (spec, value = '') => {
         const valueLength = value === null || value === void 0 ? void 0 : value.length;
         if (!ignoreRequiredCheck && spec.required && !valueLength) {
-            return ErrorMessages.REQUIRED;
+            return errorMessages.REQUIRED;
         }
         if (valueLength) {
             if (!ignoreSpaceStartCheck && !value[0].trim()) {
-                return ErrorMessages.SPACE_START;
+                return errorMessages.SPACE_START;
             }
             if (!ignoreSpaceEndCheck && !value[value.length - 1].trim()) {
-                return ErrorMessages.SPACE_END;
+                return errorMessages.SPACE_END;
             }
         }
         if (!ignoreMaxLengthCheck &&
             typeof spec.maxLength === 'bigint' &&
             valueLength > spec.maxLength) {
-            return ErrorMessages.maxLength(spec.maxLength);
+            return errorMessages.maxLength(spec.maxLength);
         }
         if (!ignoreMinLengthCheck &&
             typeof spec.minLength === 'bigint' &&
             valueLength < spec.minLength) {
-            return ErrorMessages.minLength(spec.minLength);
+            return errorMessages.minLength(spec.minLength);
         }
         if (_.isString(spec.pattern) && spec.pattern.length) {
             const regex = new RegExp(spec.pattern);
             if (!ignoreRegExpCheck && !regex.test(value)) {
                 return _.isString(spec.patternError) && spec.patternError.length
                     ? spec.patternError
-                    : ErrorMessages.INVALID;
+                    : errorMessages.INVALID;
             }
         }
         return false;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/dynamic-forms",
-  "version": "3.2.0",
+  "version": "3.4.0",
   "description": "",
   "license": "MIT",
   "main": "build/cjs/index.js",
@@ -34,7 +34,12 @@
     "build-storybook": "sb build",
     "dev": "sb dev -p 6006",
     "start": "sb dev",
-    "prepublishOnly": "npm run build"
+    "prepublishOnly": "npm run build",
+    "playwright:install": "playwright install --with-deps",
+    "playwright": "playwright test --config=playwright/playwright.config.ts",
+    "playwright:update": "npm run playwright -- -u",
+    "playwright:docker": "docker run --rm --network host -v $(pwd):/work/ -w /work/ -it mcr.microsoft.com/playwright:v1.39.0-jammy /bin/bash -c 'npm ci && npx  playwright install && npm run playwright'",
+    "playwright:docker:update": " docker run --rm --network host -v $(pwd):/work/ -w /work/ -it mcr.microsoft.com/playwright:v1.39.0-jammy /bin/bash -c 'npm ci && npx  playwright install && npm run playwright:update'"
   },
   "dependencies": {
     "@bem-react/classname": "^1.6.0",
@@ -53,6 +58,8 @@
     "@gravity-ui/stylelint-config": "^2.0.0",
     "@gravity-ui/tsconfig": "^1.0.0",
     "@gravity-ui/uikit": "^5.19.1",
+    "@playwright/experimental-ct-react": "^1.40.0",
+    "@playwright/test": "^1.40.0",
     "@storybook/addon-essentials": "^7.0.27",
     "@storybook/preset-scss": "^1.0.3",
     "@storybook/react": "^7.0.27",
@@ -66,6 +73,7 @@
     "@types/react-dom": "^18.0.11",
     "@types/react-is": "^17.0.3",
     "@types/uuid": "^9.0.4",
+    "@vitejs/plugin-react": "^4.2.0",
     "css-loader": "^5.2.6",
     "eslint": "^8.27.0",
     "final-form": "^4.20.2",

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

@@ -1,42 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Controller = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
-const constants_1 = require("./constants");
-const hooks_1 = require("./hooks");
-const Controller = ({ spec: _spec, name, value, parentOnChange, parentOnUnmount, }) => {
-    const { tools, mutators, __mirror } = (0, hooks_1.useDynamicFormsCtx)();
-    const spec = react_1.default.useMemo(() => {
-        const specMutator = lodash_1.default.get(mutators.spec, name, constants_1.EMPTY_MUTATOR);
-        if (specMutator !== constants_1.EMPTY_MUTATOR) {
-            return lodash_1.default.merge(_spec, specMutator);
-        }
-        return _spec;
-    }, [_spec, mutators.spec, name]);
-    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,
-        mutators,
-    });
-    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,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;
-};