@gravity-ui/dynamic-forms 1.1.1 → 1.3.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # Changelog
 
+## [1.3.0](https://github.com/gravity-ui/dynamic-forms/compare/v1.2.0...v1.3.0) (2023-03-31)
+
+
+### Features
+
+* update row note position ([#20](https://github.com/gravity-ui/dynamic-forms/issues/20)) ([4f15395](https://github.com/gravity-ui/dynamic-forms/commit/4f153959596d3325ddeb2c2e9b24382e36d2db75))
+
+
+### Bug Fixes
+
+* add fixes + tests ([#15](https://github.com/gravity-ui/dynamic-forms/issues/15)) ([80113dd](https://github.com/gravity-ui/dynamic-forms/commit/80113dd05737b18158865506ed3ac8479d69e8d0))
+* **search:** fixed bug related to form blinking ([#21](https://github.com/gravity-ui/dynamic-forms/issues/21)) ([20bab2f](https://github.com/gravity-ui/dynamic-forms/commit/20bab2f628d698714bcee35993583f2c7712e843))
+* **textArea:** fixed row for text area ([#22](https://github.com/gravity-ui/dynamic-forms/issues/22)) ([d5469e7](https://github.com/gravity-ui/dynamic-forms/commit/d5469e7dd0eee86b26e8daba94e93d2fa9465b96))
+
+## [1.2.0](https://github.com/gravity-ui/dynamic-forms/compare/v1.1.1...v1.2.0) (2023-03-23)
+
+
+### Features
+
+* search ([#10](https://github.com/gravity-ui/dynamic-forms/issues/10)) ([4ed7d5c](https://github.com/gravity-ui/dynamic-forms/commit/4ed7d5c85dbb890f4c8148d4de43a626917cec0f))
+
 ## [1.1.1](https://github.com/gravity-ui/dynamic-forms/compare/v1.1.0...v1.1.1) (2023-03-21)
 
 

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

@@ -6,7 +6,7 @@ const lodash_1 = tslib_1.__importDefault(require("lodash"));
 const helpers_1 = require("../../helpers");
 const hooks_1 = require("./hooks");
 const Controller = ({ spec, name, initialValue, parentOnChange, parentOnUnmount, }) => {
-    const { tools } = (0, hooks_1.useDynamicFormsCtx)();
+    const { tools, __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);
@@ -19,8 +19,16 @@ const Controller = ({ spec, name, initialValue, parentOnChange, parentOnUnmount,
         parentOnChange,
         parentOnUnmount,
     });
+    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);
     if (lodash_1.default.isString(name) && (0, helpers_1.isCorrectSpec)(spec)) {
-        return render(renderProps);
+        return withSearch(render(renderProps));
     }
     return null;
 };

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

@@ -7,21 +7,37 @@ const lodash_1 = tslib_1.__importDefault(require("lodash"));
 const react_is_1 = require("react-is");
 const helpers_1 = require("../../helpers");
 const Controller_1 = require("./Controller");
-const helpers_2 = require("./helpers");
 const hooks_1 = require("./hooks");
-const DynamicField = ({ name, spec, config, Monaco }) => {
+const utils_1 = require("./utils");
+const DynamicField = ({ name, spec, config, Monaco, search, __mirror, }) => {
     const DynamicFormsCtx = (0, hooks_1.useCreateContext)();
-    const { tools, watcher } = (0, hooks_1.useStore)(name);
+    const SearchContext = (0, hooks_1.useCreateSearchContext)();
+    const { tools, store } = (0, hooks_1.useStore)(name);
+    const watcher = (0, hooks_1.useIntegrationFF)(store);
+    const { store: searchStore, setField, removeField, isHiddenField } = (0, hooks_1.useSearchStore)();
     const context = react_1.default.useMemo(() => ({
         config,
         Monaco: (0, react_is_1.isValidElementType)(Monaco) ? Monaco : undefined,
         tools,
-    }), [tools, config, Monaco]);
-    const correctParams = react_1.default.useMemo(() => lodash_1.default.isString(name) && (0, helpers_1.isCorrectSpec)(spec) && (0, helpers_2.isCorrectConfig)(config), [name, spec, config]);
+        __mirror,
+    }), [tools, config, Monaco, __mirror]);
+    const searchContext = react_1.default.useMemo(() => ({
+        setField,
+        removeField,
+        isHiddenField,
+        searchFunction: lodash_1.default.isFunction(search) ? search : (0, utils_1.getDefaultSearchFunction)(search),
+    }), [isHiddenField, removeField, search, setField]);
+    const correctParams = react_1.default.useMemo(() => lodash_1.default.isString(name) && (0, helpers_1.isCorrectSpec)(spec) && (0, utils_1.isCorrectConfig)(config), [name, spec, config]);
+    (0, hooks_1.useDynamicFieldMirror)({
+        useStore: { tools, store },
+        useIntegrationFF: watcher,
+        useSearchStore: { store: searchStore, setField, removeField, isHiddenField },
+    }, __mirror);
     if (correctParams) {
         return (react_1.default.createElement(DynamicFormsCtx.Provider, { value: context },
-            react_1.default.createElement(Controller_1.Controller, { spec: spec, name: name, parentOnChange: null, parentOnUnmount: null, initialValue: lodash_1.default.get(tools.initialValue, name) }),
-            watcher));
+            react_1.default.createElement(SearchContext.Provider, { value: searchContext },
+                react_1.default.createElement(Controller_1.Controller, { spec: spec, name: name, parentOnChange: null, parentOnUnmount: null, initialValue: lodash_1.default.get(tools.initialValue, name) }),
+                watcher)));
     }
     return null;
 };

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

@@ -2,10 +2,17 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./useComponents"), exports);
+tslib_1.__exportStar(require("./useControllerMirror"), exports);
 tslib_1.__exportStar(require("./useCreateContext"), exports);
+tslib_1.__exportStar(require("./useDynamicFieldMirror"), exports);
 tslib_1.__exportStar(require("./useDynamicFormsCtx"), exports);
 tslib_1.__exportStar(require("./useField"), exports);
+tslib_1.__exportStar(require("./useIntegrationFF"), exports);
 tslib_1.__exportStar(require("./useRender"), exports);
 tslib_1.__exportStar(require("./useStore"), exports);
 tslib_1.__exportStar(require("./useValidate"), exports);
 tslib_1.__exportStar(require("./useMonaco"), exports);
+tslib_1.__exportStar(require("./useSearchStore"), exports);
+tslib_1.__exportStar(require("./useSearchContext"), exports);
+tslib_1.__exportStar(require("./useSearch"), exports);
+tslib_1.__exportStar(require("./useCreateSearchContext"), exports);

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

@@ -6,13 +6,13 @@ 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 helpers_2 = 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, helpers_2.isCorrectConfig)(config) && (0, helpers_1.isCorrectSpec)(spec)) {
+        if ((0, utils_1.isCorrectConfig)(config) && (0, helpers_1.isCorrectSpec)(spec)) {
             return config[spec.type];
         }
         return {};

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

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useControllerMirror = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const useControllerMirror = (name, params, __mirror) => {
+    if (__mirror === null || __mirror === void 0 ? void 0 : __mirror.controller) {
+        __mirror.controller[name] = params;
+    }
+    react_1.default.useEffect(() => {
+        return () => {
+            var _a;
+            if ((_a = __mirror === null || __mirror === void 0 ? void 0 : __mirror.controller) === null || _a === void 0 ? void 0 : _a[name]) {
+                delete __mirror.controller[name];
+            }
+        };
+    }, []);
+};
+exports.useControllerMirror = useControllerMirror;

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCreateSearchContext = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const createContext = lodash_1.default.once(() => react_1.default.createContext({}));
+const useCreateSearchContext = () => createContext();
+exports.useCreateSearchContext = useCreateSearchContext;

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

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDynamicFieldMirror = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const useDynamicFieldMirror = (params, __mirror) => {
+    if (__mirror === null || __mirror === void 0 ? void 0 : __mirror.field) {
+        __mirror.field.useStore = params.useStore;
+        __mirror.field.useIntegrationFF = params.useIntegrationFF;
+        __mirror.field.useSearchStore = params.useSearchStore;
+    }
+    react_1.default.useEffect(() => {
+        return () => {
+            if (__mirror === null || __mirror === void 0 ? void 0 : __mirror.field) {
+                delete __mirror.field.useStore;
+                delete __mirror.field.useIntegrationFF;
+                delete __mirror.field.useSearchStore;
+            }
+        };
+    }, []);
+};
+exports.useDynamicFieldMirror = useDynamicFieldMirror;

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

@@ -6,20 +6,20 @@ 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 helpers_2 = require("../helpers");
+const utils_1 = require("../utils");
 const useField = ({ name, spec, initialValue, validate: propsValidate, tools, parentOnChange, parentOnUnmount, }) => {
     const firstRenderRef = react_1.default.useRef(true);
     const validate = react_1.default.useCallback((value) => {
         if (value === constants_1.REMOVED_ITEM) {
             return;
         }
-        return propsValidate === null || propsValidate === void 0 ? void 0 : propsValidate((0, helpers_2.transformArrOut)(value));
+        return 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(initialValue);
         if (lodash_1.default.isNil(value)) {
             if (spec.defaultValue) {
-                value = (0, helpers_2.transformArrIn)(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
@@ -52,7 +52,7 @@ const useField = ({ name, spec, initialValue, validate: propsValidate, tools, pa
             setState((state) => {
                 const _value = lodash_1.default.isFunction(valOrSetter) ? valOrSetter(state.value) : valOrSetter;
                 const error = validate === null || validate === void 0 ? void 0 : validate(_value);
-                const value = (0, helpers_2.transformArrIn)(_value);
+                const value = (0, utils_1.transformArrIn)(_value);
                 let newChildErrors = Object.assign({}, state.childErrors);
                 if (childErrors) {
                     const nearestChildName = lodash_1.default.keys(childErrors).sort((a, b) => a.length - b.length)[0];
@@ -65,7 +65,7 @@ const useField = ({ name, spec, initialValue, validate: propsValidate, tools, pa
             });
         };
         const onDrop = () => {
-            if ((0, helpers_2.isArrayItem)(name)) {
+            if ((0, utils_1.isArrayItem)(name)) {
                 onChange(constants_1.REMOVED_ITEM);
             }
             else {
@@ -86,7 +86,7 @@ const useField = ({ name, spec, initialValue, validate: propsValidate, tools, pa
                 [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, helpers_2.transformArrIn)(_value), [constants_1.OBJECT_ARRAY_CNT]: stateValue[constants_1.OBJECT_ARRAY_CNT] + 1 });
+            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 })));
         };
@@ -126,7 +126,7 @@ const useField = ({ name, spec, initialValue, validate: propsValidate, tools, pa
         onDrop,
     ]);
     react_1.default.useEffect(() => {
-        if (!firstRenderRef.current || !lodash_1.default.isEqual(initialValue, state.value)) {
+        if (!firstRenderRef.current || !lodash_1.default.isEqual(initialValue, state.value) || state.error) {
             (parentOnChange ? parentOnChange : tools.onChange)(name, state.value, Object.assign(Object.assign({}, state.childErrors), { [name]: state.error }));
         }
     }, [state.value]);

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

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIntegrationFF = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
+const react_final_form_1 = require("react-final-form");
+const utils_1 = require("../utils");
+const useIntegrationFF = (store) => {
+    const form = (0, react_final_form_1.useForm)();
+    const watcher = react_1.default.useMemo(() => {
+        const props = {
+            name: store.name,
+            render: () => null,
+            subscription: {},
+            validate: () => {
+                const asyncErrors = [];
+                let error;
+                lodash_1.default.values(store.errors).forEach((err) => {
+                    if (err) {
+                        if (lodash_1.default.isFunction(err === null || err === void 0 ? void 0 : err.then)) {
+                            asyncErrors.push(err);
+                        }
+                        else {
+                            error = err;
+                        }
+                    }
+                });
+                if (asyncErrors.length) {
+                    return Promise.all(asyncErrors).then((r) => r[0]);
+                }
+                return error;
+            },
+        };
+        return react_1.default.createElement(react_final_form_1.Field, Object.assign({}, props));
+    }, [store.name, store.errors]);
+    const change = react_1.default.useCallback((0, debounce_1.default)((value) => {
+        form.change(store.name, lodash_1.default.get((0, utils_1.transformArrOut)(value), store.name));
+    }, 100), [form.change, store.name]);
+    react_1.default.useEffect(() => {
+        change(store.values);
+    }, [store.values]);
+    return watcher;
+};
+exports.useIntegrationFF = useIntegrationFF;

package/build/cjs/lib/core/components/Form/hooks/useSearch/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./useSearch"), exports);

package/build/cjs/lib/core/components/Form/hooks/useSearch/useSearch.css

@@ -0,0 +1,9 @@
+.df-use-search {
+  margin-bottom: 15px;
+}
+.df-use-search_hidden {
+  display: none;
+}
+.df-use-search:last-child {
+  margin-bottom: 0;
+}

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

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSearch = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const utils_1 = require("../../../../../kit/utils");
+const useSearchContext_1 = require("../useSearchContext");
+const b = (0, utils_1.block)('use-search');
+const useSearch = (spec, value, name) => {
+    const { setField, removeField, isHiddenField, searchFunction } = (0, useSearchContext_1.useSearchContext)();
+    const searchResult = react_1.default.useMemo(() => !searchFunction(spec, value, name), [name, searchFunction, spec, value]);
+    const hidden = react_1.default.useMemo(() => isHiddenField(name), [isHiddenField, name]);
+    const withSearch = react_1.default.useCallback((children) => react_1.default.createElement("div", { className: b({ hidden: hidden }) }, children), [hidden]);
+    react_1.default.useEffect(() => {
+        setField(name, searchResult);
+    }, [searchResult]);
+    react_1.default.useEffect(() => {
+        return () => removeField(name);
+    }, []);
+    return withSearch;
+};
+exports.useSearch = useSearch;

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

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSearchContext = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const index_1 = require("./index");
+const useSearchContext = () => {
+    const SearchContext = (0, index_1.useCreateSearchContext)();
+    const context = react_1.default.useContext(SearchContext);
+    return context;
+};
+exports.useSearchContext = useSearchContext;

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

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSearchStore = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const __1 = require("../");
+const useSearchStore = () => {
+    const [store, setStore] = react_1.default.useState({});
+    const isHiddenField = react_1.default.useCallback((name) => {
+        const selfFlag = store[name];
+        if (selfFlag === false) {
+            return false;
+        }
+        let parentName = (0, __1.getParentName)(name);
+        while (parentName) {
+            if (store[parentName] === false) {
+                return false;
+            }
+            parentName = (0, __1.getParentName)(parentName);
+        }
+        for (const key of Object.keys(store)) {
+            if (key.includes(name + '.') && !store[key]) {
+                return false;
+            }
+        }
+        if (lodash_1.default.isUndefined(selfFlag)) {
+            return false;
+        }
+        return true;
+    }, [store]);
+    return {
+        store,
+        setField: (name, search) => setStore((store) => (Object.assign(Object.assign({}, store), { [name]: search }))),
+        removeField: (name) => {
+            setStore((store) => lodash_1.default.omit(store, name));
+        },
+        isHiddenField,
+    };
+};
+exports.useSearchStore = useSearchStore;

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

@@ -5,12 +5,12 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const lodash_1 = tslib_1.__importDefault(require("lodash"));
 const react_final_form_1 = require("react-final-form");
-const helpers_1 = require("../helpers");
+const utils_1 = require("../utils");
 const useStore = (name) => {
     const form = (0, react_final_form_1.useForm)();
     const firstRenderRef = react_1.default.useRef(true);
     const [store, setStore] = react_1.default.useState(() => {
-        const initialValue = (0, helpers_1.transformArrIn)({
+        const initialValue = (0, utils_1.transformArrIn)({
             [name]: lodash_1.default.get(form.getState().values, name),
         });
         return {
@@ -21,47 +21,15 @@ const useStore = (name) => {
         };
     });
     const submitFailed = form.getState().submitFailed;
-    const watcher = react_1.default.useMemo(() => {
-        const props = {
-            name: store.name,
-            render: () => null,
-            subscription: {},
-            validate: () => {
-                const asyncErrors = [];
-                let error;
-                lodash_1.default.values(store.errors).forEach((err) => {
-                    if (err) {
-                        if (lodash_1.default.isFunction(err === null || err === void 0 ? void 0 : err.then)) {
-                            asyncErrors.push(err);
-                        }
-                        else {
-                            error = err;
-                        }
-                    }
-                });
-                if (asyncErrors.length) {
-                    return Promise.all(asyncErrors).then((r) => r[0]);
-                }
-                return error;
-            },
-        };
-        return react_1.default.createElement(react_final_form_1.Field, Object.assign({}, props));
-    }, [store.name, store.errors]);
     const tools = react_1.default.useMemo(() => ({
         initialValue: store.initialValue,
-        onChange: (name, value, errors) => setStore((store) => (Object.assign(Object.assign({}, store), { values: lodash_1.default.set(Object.assign({}, store.values), name, value), errors: errors || {} }))),
-        onUnmount: (name) => setStore((store) => (Object.assign(Object.assign({}, store), { errors: lodash_1.default.omit(store.errors, Object.keys(store.errors).filter((key) => key.startsWith(name))) }))),
+        onChange: (name, value, errors) => setStore((store) => (Object.assign(Object.assign({}, store), { values: lodash_1.default.set(Object.assign({}, store.values), name, lodash_1.default.clone(value)), errors: errors || {} }))),
+        onUnmount: (name) => setStore((store) => (Object.assign(Object.assign({}, store), { values: lodash_1.default.omit(store.values, name), errors: lodash_1.default.omit(store.errors, Object.keys(store.errors).filter((key) => key.startsWith(name))) }))),
         submitFailed,
     }), [store.initialValue, setStore, submitFailed]);
-    const change = react_1.default.useCallback(lodash_1.default.debounce((value) => {
-        form.change(store.name, lodash_1.default.get((0, helpers_1.transformArrOut)(value), store.name));
-    }, 100), [form.change, store.name]);
-    react_1.default.useEffect(() => {
-        change(store.values);
-    }, [store.values]);
     react_1.default.useEffect(() => {
         if (!firstRenderRef.current) {
-            const initialValue = (0, helpers_1.transformArrIn)({
+            const initialValue = (0, utils_1.transformArrIn)({
                 [name]: lodash_1.default.get(form.getState().values, name),
             });
             setStore({
@@ -75,6 +43,6 @@ const useStore = (name) => {
     react_1.default.useEffect(() => {
         firstRenderRef.current = false;
     }, []);
-    return { tools, watcher };
+    return { tools, store };
 };
 exports.useStore = useStore;

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

@@ -5,12 +5,12 @@ 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 helpers_2 = 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, helpers_2.isCorrectConfig)(config) && (0, helpers_1.isCorrectSpec)(spec)) {
+        if ((0, utils_1.isCorrectConfig)(config) && (0, helpers_1.isCorrectSpec)(spec)) {
             return config[spec.type];
         }
         return {};

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

@@ -4,5 +4,5 @@ const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./constants"), exports);
 tslib_1.__exportStar(require("./Controller"), exports);
 tslib_1.__exportStar(require("./DynamicField"), exports);
-tslib_1.__exportStar(require("./helpers"), exports);
 tslib_1.__exportStar(require("./types"), exports);
+tslib_1.__exportStar(require("./utils"), exports);

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

@@ -8,8 +8,11 @@ tslib_1.__exportStar(require("./context"), exports);
 tslib_1.__exportStar(require("./field"), exports);
 tslib_1.__exportStar(require("./input"), exports);
 tslib_1.__exportStar(require("./layout"), exports);
+tslib_1.__exportStar(require("./mirror"), exports);
 tslib_1.__exportStar(require("./number"), exports);
 tslib_1.__exportStar(require("./object"), exports);
+tslib_1.__exportStar(require("./store"), exports);
 tslib_1.__exportStar(require("./string"), exports);
 tslib_1.__exportStar(require("./validators"), exports);
 tslib_1.__exportStar(require("./value"), exports);
+tslib_1.__exportStar(require("./search"), exports);

package/build/cjs/lib/core/components/Form/types/mirror.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/build/cjs/lib/core/components/Form/types/search.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/build/cjs/lib/core/components/Form/types/store.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/build/cjs/lib/core/components/Form/{helpers.js → utils/common.js}

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.isArrayItem = exports.transformArrOut = exports.transformArrIn = exports.isCorrectConfig = void 0;
 const tslib_1 = require("tslib");
 const lodash_1 = tslib_1.__importDefault(require("lodash"));
-const constants_1 = require("../../constants");
-const constants_2 = require("./constants");
+const constants_1 = require("../../../constants");
+const constants_2 = require("../constants");
 const isCorrectConfig = (candidate) => Object.values(constants_1.SpecTypes).every((type) => lodash_1.default.isObjectLike(candidate) &&
     lodash_1.default.isObjectLike(candidate[type]) &&
     lodash_1.default.isObjectLike(candidate[type].inputs) &&

package/build/cjs/lib/core/components/Form/utils/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./common"), exports);
+tslib_1.__exportStar(require("./search"), exports);

package/build/cjs/lib/core/components/Form/utils/search.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDefaultSearchFunction = exports.getParentName = void 0;
+const getParentName = (name) => {
+    const index = name.lastIndexOf('.');
+    if (index !== -1) {
+        return name.substring(0, index);
+    }
+    return undefined;
+};
+exports.getParentName = getParentName;
+const getDefaultSearchFunction = (search) => (spec) => {
+    var _a;
+    if (search) {
+        return Boolean((_a = spec.viewSpec.layoutTitle) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(search.trim().toLowerCase()));
+    }
+    return true;
+};
+exports.getDefaultSearchFunction = getDefaultSearchFunction;

package/build/cjs/lib/kit/components/Inputs/TableArrayInput/TableArrayInput.css

@@ -1,6 +1,16 @@
 .df-table-array__table {
   margin-bottom: 10px;
 }
+.df-table-array__table .yc-table__cell {
+  border-bottom: 0px transparent;
+}
+.df-table-array__row .yc-table__cell {
+  border-bottom: 0px transparent;
+  border-top: 1px solid var(--yc-color-line-generic);
+}
+.df-table-array__row_hidden {
+  display: none;
+}
 .df-table-array__cell .yc-text-input,
 .df-table-array__cell .yc-select-control,
 .df-table-array__cell .yc-select,