@gravity-ui/dynamic-forms 3.2.0 → 3.4.0

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

@@ -0,0 +1,120 @@
+"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 hooks_1 = require("../hooks");
+const utils_1 = require("./utils");
+const Controller = ({ spec: _spec, name, value: valueFromParent, parentOnChange, parentOnUnmount, }) => {
+    const { config, tools, mutators, __mirror } = (0, hooks_1.useDynamicFormsCtx)();
+    const firstRenderRef = react_1.default.useRef(true);
+    const [store, setStore] = react_1.default.useState((0, utils_1.initializeStore)({
+        name,
+        spec: _spec,
+        mutators,
+        config,
+        valueFromParent,
+        tools,
+        parentOnChange,
+        parentOnUnmount,
+    }));
+    const { methods, fieldMethods } = react_1.default.useMemo(() => {
+        const fieldMethods = (0, utils_1.getFieldMethods)();
+        const onChange = (valOrSetter, childErrors, errorMutator) => {
+            setStore((store) => fieldMethods.onChange(store, { valOrSetter, childErrors, errorMutator }));
+        };
+        const onDrop = () => {
+            setStore((store) => fieldMethods.onDrop(store, undefined));
+        };
+        const onBlur = () => {
+            setStore((store) => fieldMethods.onBlur(store, undefined));
+        };
+        const onFocus = () => {
+            setStore((store) => fieldMethods.onFocus(store, undefined));
+        };
+        const parentOnUnmount = (childName) => {
+            setStore((store) => fieldMethods.parentOnUnmount(store, childName));
+        };
+        const onItemAdd = (value) => {
+            setStore((store) => fieldMethods.onItemAdd(store, value));
+        };
+        const onItemRemove = (idx) => {
+            setStore((store) => fieldMethods.onItemRemove(store, idx));
+        };
+        return {
+            methods: {
+                onChange,
+                onDrop,
+                onBlur,
+                onFocus,
+                parentOnUnmount,
+                onItemAdd,
+                onItemRemove,
+            },
+            fieldMethods,
+        };
+    }, [setStore]);
+    const renderProps = react_1.default.useMemo(() => ({
+        input: {
+            name: store.name,
+            value: store.state.value,
+            onChange: methods.onChange,
+            onBlur: methods.onBlur,
+            onFocus: methods.onFocus,
+            onDrop: methods.onDrop,
+            parentOnUnmount: methods.parentOnUnmount,
+        },
+        arrayInput: {
+            name: store.name,
+            value: store.state.value,
+            onItemAdd: methods.onItemAdd,
+            onItemRemove: methods.onItemRemove,
+            onDrop: methods.onDrop,
+        },
+        meta: Object.assign(Object.assign({}, lodash_1.default.omit(store.state, 'value')), { submitFailed: store.tools.submitFailed }),
+    }), [methods, store.name, store.state, store.tools.submitFailed]);
+    const withSearch = (0, hooks_1.useSearch)(store.spec, store.state.value, store.name);
+    (0, hooks_1.useControllerMirror)(store.name, {
+        useField: renderProps,
+        useSearch: withSearch,
+    }, __mirror);
+    react_1.default.useEffect(() => {
+        var _a;
+        (_a = store.afterStoreUpdateCB) === null || _a === void 0 ? void 0 : _a.call(store);
+    }, [store.afterStoreUpdateCB]);
+    react_1.default.useEffect(() => {
+        if (!firstRenderRef.current) {
+            (0, utils_1.updateStore)({
+                store,
+                setStore,
+                spec: _spec,
+                name,
+                parentOnChange,
+                parentOnUnmount,
+                mutators,
+                config,
+                tools,
+                methodOnChange: fieldMethods.onChange,
+                valueFromParent,
+            });
+        }
+    }, [
+        _spec,
+        name,
+        parentOnChange,
+        parentOnUnmount,
+        mutators,
+        config,
+        tools.onChange,
+        tools.onUnmount,
+    ]);
+    react_1.default.useEffect(() => {
+        firstRenderRef.current = false;
+        return () => {
+            (0, utils_1.callUnmout)(store);
+        };
+    }, []);
+    return withSearch(store.render(renderProps));
+};
+exports.Controller = Controller;

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

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

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

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

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

@@ -0,0 +1,305 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateStore = exports.initializeStore = exports.getFieldMethods = exports.getFieldInitials = exports.getValidate = exports.getRender = exports.getComponents = exports.getSpec = exports.callUnmout = exports.updateParentStore = 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 constants_1 = require("../../../constants");
+const helpers_1 = require("../../../helpers");
+const constants_2 = require("../constants");
+const utils_1 = require("../utils");
+const isErrorMutatorCorrect = (errorMutator) => errorMutator !== constants_2.EMPTY_MUTATOR && (lodash_1.default.isString(errorMutator) || lodash_1.default.isBoolean(errorMutator));
+const isValueMutatorCorrect = (valueMutator, spec) => valueMutator !== constants_2.EMPTY_MUTATOR &&
+    (typeof valueMutator === spec.type ||
+        (lodash_1.default.isArray(valueMutator) && spec.type === constants_1.SpecTypes.Array));
+const updateParentStore = (store) => {
+    (store.parentOnChange ? store.parentOnChange : store.tools.onChange)(store.name, store.state.value, Object.assign(Object.assign({}, store.state.childErrors), { [store.name]: store.state.error }));
+};
+exports.updateParentStore = updateParentStore;
+const callUnmout = (store) => {
+    (store.parentOnUnmount ? store.parentOnUnmount : store.tools.onUnmount)(store.name);
+};
+exports.callUnmout = callUnmout;
+const getSpec = ({ name, spec, mutators, }) => {
+    const mutator = lodash_1.default.get(mutators.spec, name, constants_2.EMPTY_MUTATOR);
+    if (mutator !== constants_2.EMPTY_MUTATOR) {
+        const mutatedSpec = lodash_1.default.merge(lodash_1.default.cloneDeep(spec), mutator);
+        if ((0, helpers_1.isCorrectSpec)(mutatedSpec)) {
+            return mutatedSpec;
+        }
+    }
+    return spec;
+};
+exports.getSpec = getSpec;
+const getComponents = ({ spec, config, }) => {
+    const result = {};
+    if ((0, utils_1.isCorrectConfig)(config) && (0, helpers_1.isCorrectSpec)(spec)) {
+        const { inputs, layouts } = config[spec.type];
+        if (inputs) {
+            const entity = inputs[spec.viewSpec.type];
+            if ((0, react_is_1.isValidElementType)(entity === null || entity === void 0 ? void 0 : entity.Component)) {
+                result.inputEntity = entity;
+            }
+        }
+        if (layouts && lodash_1.default.isString(spec.viewSpec.layout)) {
+            const Component = layouts[spec.viewSpec.layout];
+            if ((0, react_is_1.isValidElementType)(Component)) {
+                result.Layout = Component;
+            }
+        }
+    }
+    return result;
+};
+exports.getComponents = getComponents;
+const getRender = ({ name, spec, inputEntity, Layout, }) => {
+    const render = (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;
+    };
+    return render;
+};
+exports.getRender = getRender;
+const getValidate = ({ spec, config, }) => {
+    let validate = () => undefined;
+    if ((0, utils_1.isCorrectConfig)(config) && (0, helpers_1.isCorrectSpec)(spec)) {
+        const { validators } = config[spec.type];
+        if (validators) {
+            if ((!lodash_1.default.isString(spec.validator) || !spec.validator.length) &&
+                lodash_1.default.isFunction(validators.base)) {
+                validate = (value) => validators.base(spec, value);
+            }
+            if (lodash_1.default.isString(spec.validator) && lodash_1.default.isFunction(validators[spec.validator])) {
+                validate = (value) => validators[spec.validator](spec, value);
+            }
+        }
+    }
+    return validate;
+};
+exports.getValidate = getValidate;
+const getFieldInitials = ({ name, spec, valueFromParent, initialValue, validate, mutators, }) => {
+    const valueMutator = (0, utils_1.transformArrIn)(lodash_1.default.get(mutators.values, name, constants_2.EMPTY_MUTATOR));
+    let value = lodash_1.default.cloneDeep(valueFromParent);
+    if (isValueMutatorCorrect(valueMutator, spec)) {
+        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_2.OBJECT_ARRAY_FLAG]: true, [constants_2.OBJECT_ARRAY_CNT]: 0 };
+            }
+            else if ((0, helpers_1.isObjectSpec)(spec)) {
+                value = {};
+            }
+        }
+    }
+    let errorMutator = lodash_1.default.get(mutators.errors, name, constants_2.EMPTY_MUTATOR);
+    if (!isErrorMutatorCorrect(errorMutator)) {
+        errorMutator = undefined;
+    }
+    const error = (validate === null || validate === void 0 ? void 0 : validate((0, utils_1.transformArrOut)(value))) || errorMutator;
+    const dirty = !lodash_1.default.isEqual(value, initialValue);
+    return {
+        initialValue,
+        active: false,
+        dirty,
+        error,
+        invalid: Boolean(error),
+        modified: dirty,
+        pristine: true,
+        touched: false,
+        valid: !error,
+        value,
+        visited: false,
+        childErrors: {},
+    };
+};
+exports.getFieldInitials = getFieldInitials;
+const getFieldMethods = () => {
+    const onChange = (store, { valOrSetter, childErrors, errorMutator }) => {
+        const { state, validate, spec } = store;
+        const _value = lodash_1.default.isFunction(valOrSetter) ? valOrSetter(state.value) : valOrSetter;
+        const error = (validate === null || validate === void 0 ? void 0 : validate((0, utils_1.transformArrOut)(_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);
+            }
+        }
+        const nextStore = Object.assign(Object.assign({}, store), { state: Object.assign(Object.assign({}, store.state), { dirty: !lodash_1.default.isEqual(value, state.initialValue), error, invalid: Boolean(error), modified: true, pristine: value === state.initialValue, touched: true, valid: !error, value, visited: true, childErrors: newChildErrors }) });
+        nextStore.afterStoreUpdateCB = () => (0, exports.updateParentStore)(nextStore);
+        return nextStore;
+    };
+    const onDrop = (store) => {
+        const { name } = store;
+        if ((0, utils_1.isArrayItem)(name)) {
+            const afterStoreUpdateCB = () => (0, exports.callUnmout)(store);
+            return Object.assign(Object.assign({}, store), { afterStoreUpdateCB });
+        }
+        return onChange(store, {
+            valOrSetter: undefined,
+            childErrors: { [name]: false },
+        });
+    };
+    const onBlur = (store) => {
+        return Object.assign(Object.assign({}, store), { state: Object.assign(Object.assign({}, store.state), { active: false, touched: true }) });
+    };
+    const onFocus = (store) => {
+        return Object.assign(Object.assign({}, store), { state: Object.assign(Object.assign({}, store.state), { active: true, visited: true }) });
+    };
+    const parentOnUnmount = (store, childName) => {
+        const { name, spec } = store;
+        if ((0, helpers_1.isArraySpec)(spec) || (0, helpers_1.isObjectSpec)(spec)) {
+            return onChange(store, {
+                valOrSetter: (currentValue) => currentValue
+                    ? lodash_1.default.omit(currentValue, childName.split(`${name}.`)[1])
+                    : currentValue,
+                childErrors: { [childName]: false },
+            });
+        }
+        return store;
+    };
+    const onItemAdd = (store, _value) => {
+        const { validate, state } = store;
+        const stateValue = (state.value || {
+            [constants_2.OBJECT_ARRAY_FLAG]: true,
+            [constants_2.OBJECT_ARRAY_CNT]: 0,
+        });
+        const value = Object.assign(Object.assign({}, stateValue), { [`<${stateValue[constants_2.OBJECT_ARRAY_CNT]}>`]: (0, utils_1.transformArrIn)(_value), [constants_2.OBJECT_ARRAY_CNT]: stateValue[constants_2.OBJECT_ARRAY_CNT] + 1 });
+        const error = validate === null || validate === void 0 ? void 0 : validate((0, utils_1.transformArrOut)(value));
+        const nextStore = Object.assign(Object.assign({}, store), { state: Object.assign(Object.assign({}, store.state), { dirty: !lodash_1.default.isEqual(value, store.state.initialValue), error, invalid: Boolean(error), modified: true, pristine: value === store.state.initialValue, touched: true, valid: !error, value, visited: true }) });
+        nextStore.afterStoreUpdateCB = () => (0, exports.updateParentStore)(nextStore);
+        return nextStore;
+    };
+    const onItemRemove = (store, idx) => {
+        return parentOnUnmount(store, `${store.name}.<${idx}>`);
+    };
+    return {
+        onChange,
+        onDrop,
+        onBlur,
+        onFocus,
+        parentOnUnmount,
+        onItemAdd,
+        onItemRemove,
+    };
+};
+exports.getFieldMethods = getFieldMethods;
+const initializeStore = ({ name, spec: _spec, mutators, config, valueFromParent, tools, parentOnChange, parentOnUnmount, }) => {
+    const spec = (0, exports.getSpec)({ name, spec: _spec, mutators });
+    const components = (0, exports.getComponents)({ spec, config });
+    const render = (0, exports.getRender)(Object.assign({ name, spec }, components));
+    const validate = (0, exports.getValidate)({ spec, config });
+    const state = (0, exports.getFieldInitials)({
+        name,
+        spec,
+        valueFromParent,
+        validate,
+        mutators,
+        initialValue: lodash_1.default.get(tools.initialValue, name),
+    });
+    const initialsStore = {
+        name,
+        spec,
+        initialSpec: _spec,
+        config,
+        tools,
+        mutators,
+        render,
+        validate,
+        parentOnChange,
+        parentOnUnmount,
+        state,
+    };
+    if (!lodash_1.default.isEqual(valueFromParent, state.value) || state.error) {
+        initialsStore.afterStoreUpdateCB = () => (0, exports.updateParentStore)(initialsStore);
+    }
+    return initialsStore;
+};
+exports.initializeStore = initializeStore;
+const updateStore = ({ store, setStore, spec: _spec, name, parentOnChange, parentOnUnmount, mutators, valueFromParent, config, tools, methodOnChange, }) => {
+    const storeSpecMutator = lodash_1.default.get(store.mutators.spec, store.name, constants_2.EMPTY_MUTATOR);
+    const storeValueMutator = lodash_1.default.get(store.mutators.values, store.name, constants_2.EMPTY_MUTATOR);
+    const storeErrorMutator = lodash_1.default.get(store.mutators.errors, store.name, constants_2.EMPTY_MUTATOR);
+    const specMutator = lodash_1.default.get(mutators.spec, name, constants_2.EMPTY_MUTATOR);
+    const valueMutator = lodash_1.default.get(mutators.values, name, constants_2.EMPTY_MUTATOR);
+    const errorMutator = lodash_1.default.get(mutators.errors, name, constants_2.EMPTY_MUTATOR);
+    const valueMutatorUpdated = isValueMutatorCorrect(valueMutator, (0, exports.getSpec)({ name, spec: _spec, mutators })) &&
+        valueMutator !== storeValueMutator;
+    const errorMutatorUpdated = isErrorMutatorCorrect(errorMutator) && errorMutator !== storeErrorMutator;
+    const updateState = valueMutatorUpdated || errorMutatorUpdated;
+    const updateNonCritical = parentOnChange !== store.parentOnChange ||
+        parentOnUnmount !== store.parentOnUnmount ||
+        tools.onChange !== store.tools.onChange ||
+        tools.onUnmount !== store.tools.onUnmount;
+    const updateAllStore = !lodash_1.default.isEqual(_spec, store.initialSpec) ||
+        config !== store.config ||
+        (specMutator !== constants_2.EMPTY_MUTATOR && specMutator !== storeSpecMutator);
+    const updateAllStoreAndClearParentValues = name !== store.name;
+    if (updateAllStoreAndClearParentValues) {
+        (0, exports.callUnmout)(store);
+        setStore((0, exports.initializeStore)({
+            name,
+            spec: _spec,
+            mutators,
+            config,
+            valueFromParent,
+            tools,
+            parentOnChange,
+            parentOnUnmount,
+        }));
+    }
+    else if (updateAllStore) {
+        let nextStore = Object.assign(Object.assign({}, (0, exports.initializeStore)({
+            name,
+            spec: _spec,
+            mutators,
+            config,
+            valueFromParent,
+            tools,
+            parentOnChange,
+            parentOnUnmount,
+        })), { state: store.state });
+        if (updateState) {
+            nextStore = methodOnChange(nextStore, Object.assign({ valOrSetter: (value) => valueMutatorUpdated ? valueMutator : value }, (errorMutatorUpdated ? { errorMutator } : {})));
+        }
+        setStore(nextStore);
+    }
+    else if (updateNonCritical) {
+        let nextStore = Object.assign(Object.assign({}, store), { parentOnChange,
+            parentOnUnmount,
+            tools });
+        if (updateState) {
+            nextStore = methodOnChange(nextStore, Object.assign({ valOrSetter: (value) => valueMutatorUpdated ? valueMutator : value }, (errorMutatorUpdated ? { errorMutator } : {})));
+        }
+        setStore(nextStore);
+    }
+    else if (updateState) {
+        setStore(methodOnChange(store, Object.assign({ valOrSetter: (value) => valueMutatorUpdated ? valueMutator : value }, (errorMutatorUpdated ? { errorMutator } : {}))));
+    }
+};
+exports.updateStore = updateStore;

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

@@ -1,20 +1,16 @@
 "use strict";
 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("./useGenerateRandomValue"), exports);
 tslib_1.__exportStar(require("./useIntegrationFF"), exports);
 tslib_1.__exportStar(require("./useMutateDFState"), exports);
 tslib_1.__exportStar(require("./useMutators"), exports);
-tslib_1.__exportStar(require("./useRender"), exports);
 tslib_1.__exportStar(require("./useStore"), exports);
 tslib_1.__exportStar(require("./useStoreValue"), 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);

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

@@ -8,7 +8,27 @@ const useMutators = (externalMutators) => {
     const firstRenderRef = react_1.default.useRef(true);
     const [store, setStore] = react_1.default.useState(externalMutators || {});
     const mutateDFState = react_1.default.useCallback((mutators) => {
-        setStore((store) => (Object.assign(Object.assign(Object.assign(Object.assign({}, store), (mutators.errors ? { errors: lodash_1.default.merge(store.errors, mutators.errors) } : {})), (mutators.values ? { values: lodash_1.default.merge(store.values, mutators.values) } : {})), (mutators.spec ? { spec: lodash_1.default.merge(store.spec, mutators.spec) } : {}))));
+        const mergeSpec = (a, b) => {
+            const result = lodash_1.default.cloneDeep(a);
+            const getKeys = (parent) => {
+                if (lodash_1.default.isObjectLike(parent)) {
+                    return lodash_1.default.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) => {
+                lodash_1.default.set(result, key, lodash_1.default.get(b, key));
+            });
+            return result;
+        };
+        setStore((store) => (Object.assign(Object.assign(Object.assign(Object.assign({}, store), (mutators.errors ? { errors: lodash_1.default.merge(store.errors, mutators.errors) } : {})), (mutators.values ? { values: lodash_1.default.merge(store.values, mutators.values) } : {})), (mutators.spec ? { spec: mergeSpec(store.spec || {}, mutators.spec) } : {}))));
     }, [setStore]);
     react_1.default.useEffect(() => {
         if (firstRenderRef.current) {

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isValueMutatorCorrect = exports.isErrorMutatorCorrect = exports.withGenerateButton = exports.isArrayItem = exports.transformArrOut = exports.transformArrIn = exports.isCorrectConfig = void 0;
+exports.withGenerateButton = 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");
@@ -54,7 +54,3 @@ const withGenerateButton = (spec) => (0, helpers_1.isStringSpec)(spec) &&
     constants_2.SPEC_TYPE_FOR_GENERATE_BUTTON.includes(spec.viewSpec.type) &&
     spec.viewSpec.generateRandomValueButton;
 exports.withGenerateButton = withGenerateButton;
-const isErrorMutatorCorrect = (errorMutator) => lodash_1.default.isString(errorMutator) || lodash_1.default.isBoolean(errorMutator) || lodash_1.default.isUndefined(errorMutator);
-exports.isErrorMutatorCorrect = isErrorMutatorCorrect;
-const isValueMutatorCorrect = (valueMutator, spec) => typeof valueMutator === spec.type || (lodash_1.default.isArray(valueMutator) && spec.type === constants_1.SpecTypes.Array);
-exports.isValueMutatorCorrect = isValueMutatorCorrect;

package/build/cjs/lib/kit/components/AccordeonCard/AccordeonCard.css

@@ -4,13 +4,13 @@
   justify-content: space-between;
   box-sizing: border-box;
   max-width: 750px;
-  box-shadow: 0 1px 5px var(--yc-color-sfx-shadow);
+  box-shadow: 0 1px 5px var(--g-color-sfx-shadow);
   border-radius: 5px;
-  color: var(--yc-color-text-primary);
-  background-color: var(--yc-color-base-float);
+  color: var(--g-color-text-primary);
+  background-color: var(--g-color-base-float);
 }
 .df-accordeon-card:hover {
-  box-shadow: 0 3px 10px var(--yc-color-sfx-shadow);
+  box-shadow: 0 3px 10px var(--g-color-sfx-shadow);
 }
 .df-accordeon-card:last-child {
   margin-bottom: 0;
@@ -33,7 +33,7 @@
   cursor: pointer;
 }
 .df-accordeon-card__header_open {
-  border-bottom: 1px solid var(--yc-color-line-generic);
+  border-bottom: 1px solid var(--g-color-line-generic);
 }
 .df-accordeon-card__header_without-action:hover {
   cursor: default;
@@ -58,7 +58,7 @@
 }
 .df-accordeon-card__header-content-description {
   margin-top: 12px;
-  color: var(--yc-color-text-complementary);
+  color: var(--g-color-text-complementary);
 }
 .df-accordeon-card__header-toggle-btn {
   flex-grow: 0;

package/build/cjs/lib/kit/components/Card/Card.css

@@ -48,9 +48,9 @@
   margin-left: 10px;
 }
 .df-card__title {
-  font-size: var(--yc-text-subheader-2-font-size);
-  font-weight: var(--yc-text-subheader-font-weight);
-  line-height: var(--yc-text-subheader-2-line-height);
+  font-size: var(--g-text-subheader-2-font-size);
+  font-weight: var(--g-text-subheader-font-weight);
+  line-height: var(--g-text-subheader-2-line-height);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;

package/build/cjs/lib/kit/components/ErrorWrapper/ErrorWrapper.css

@@ -17,11 +17,11 @@
 .df-error-wrapper_error .yc-text-input_view_normal:not(.df-error-wrapper-ignore) .yc-text-input__control,
 .df-error-wrapper_error .yc-text-input_view_normal:not(.df-error-wrapper-ignore) .yc-text-input__content,
 .df-error-wrapper_error .yc-checkbox__indicator:not(.df-error-wrapper-ignore)::before {
-  border-color: var(--yc-color-text-danger);
+  border-color: var(--g-color-text-danger);
 }
 .df-error-wrapper__error-text {
-  color: var(--yc-color-text-danger);
+  color: var(--g-color-text-danger);
   margin-top: 2px;
-  font-size: var(--yc-text-body-1-font-size);
-  line-height: var(--yc-text-body-1-line-height);
+  font-size: var(--g-text-body-1-font-size);
+  line-height: var(--g-text-body-1-line-height);
 }

package/build/cjs/lib/kit/components/GroupIndent/GroupIndent.css

@@ -4,7 +4,7 @@
   margin-top: -11px;
   margin-bottom: 20px;
   margin-left: 5px;
-  border-left: 1px solid var(--yc-color-line-generic-accent);
+  border-left: 1px solid var(--g-color-line-generic-accent);
 }
 .df-group-indent:last-child {
   margin-bottom: 0;

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

@@ -11,5 +11,5 @@
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
-  color: var(--yc-color-text-secondary);
+  color: var(--g-color-text-secondary);
 }

package/build/cjs/lib/kit/components/Inputs/MonacoInput/MonacoHeader.css

@@ -4,7 +4,7 @@
   justify-content: space-between;
   padding: 15px;
   align-items: center;
-  background-color: var(--yc-color-base-float-hover);
+  background-color: var(--g-color-base-float-hover);
 }
 .df-monaco-header__language {
   margin-top: 2px;

package/build/cjs/lib/kit/components/Inputs/MonacoInput/MonacoInputBase.css

@@ -2,5 +2,5 @@
   width: 550px;
 }
 .df-monaco-input__container {
-  border: 1px solid var(--yc-color-line-generic);
+  border: 1px solid var(--g-color-line-generic);
 }

package/build/cjs/lib/kit/components/Inputs/MonacoInput/MonacoInputDialog.css

@@ -2,7 +2,7 @@
   padding: 10px 32px 32px;
 }
 .df-monaco-input-dialog__container {
-  border: 1px solid var(--yc-color-line-generic);
+  border: 1px solid var(--g-color-line-generic);
 }
 .df-monaco-input-dialog__dialog-header .yc-dialog-header__caption {
   min-height: 24px;

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

@@ -14,7 +14,7 @@
   margin-top: 4px;
   margin-bottom: 20px;
   margin-left: 5px;
-  border-left: 1px solid var(--yc-color-line-generic-accent);
+  border-left: 1px solid var(--g-color-line-generic-accent);
 }
 .df-oneof_base > .df-group-indent > .df-use-search:empty {
   display: none;

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

@@ -6,7 +6,7 @@
 }
 .df-table-array__row .yc-table__cell {
   border-bottom: 0px transparent;
-  border-top: 1px solid var(--yc-color-line-generic);
+  border-top: 1px solid var(--g-color-line-generic);
 }
 .df-table-array__row_hidden {
   display: none;

package/build/cjs/lib/kit/components/Layouts/Row/Row.css

@@ -31,7 +31,7 @@
 }
 .df-row__title_required::after {
   content: "*";
-  color: var(--yc-color-text-danger);
+  color: var(--g-color-text-danger);
 }
 .df-row__note {
   padding-right: 16px;
@@ -58,14 +58,14 @@
 }
 .df-row__description {
   margin-top: 10px;
-  color: var(--yc-color-text-secondary);
+  color: var(--g-color-text-secondary);
   word-break: break-word;
 }
 .df-row__remove-button {
   margin-left: 5px;
 }
 .df-row__required-mark {
-  color: var(--yc-color-text-danger);
+  color: var(--g-color-text-danger);
 }
 .df-row__error-wrapper {
   min-width: 100%;