@gravity-ui/dynamic-forms 1.0.0 → 1.0.1

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [1.0.1](https://github.com/gravity-ui/dynamic-forms/compare/v1.0.0...v1.0.1) (2023-03-14)
+
+
+### Bug Fixes
+
+* added prepublishOnly ([#3](https://github.com/gravity-ui/dynamic-forms/issues/3)) ([0ed29ca](https://github.com/gravity-ui/dynamic-forms/commit/0ed29ca7eb2d5cb4350f1f191b30c7d1bbed6ed8))
+
 ## 1.0.0 (2023-03-14)
 
 

package/build/cjs/index.js

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

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

@@ -0,0 +1,19 @@
+"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 helpers_1 = require("../../helpers");
+const hooks_1 = require("./hooks");
+const Controller = ({ spec, name, initialValue, parentOnChange, }) => {
+    const { tools } = (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, spec, validate, tools, parentOnChange });
+    if (lodash_1.default.isString(name) && (0, helpers_1.isCorrectSpec)(spec)) {
+        return render(renderProps);
+    }
+    return null;
+};
+exports.Controller = Controller;

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

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DynamicField = 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 Controller_1 = require("./Controller");
+const helpers_2 = require("./helpers");
+const hooks_1 = require("./hooks");
+const DynamicField = ({ name, spec, config, Monaco }) => {
+    const DynamicFormsCtx = (0, hooks_1.useCreateContext)();
+    const { tools, watcher } = (0, hooks_1.useStore)(name);
+    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]);
+    if (correctParams) {
+        return (react_1.default.createElement(DynamicFormsCtx.Provider, { value: context },
+            react_1.default.createElement(Controller_1.Controller, { spec: spec, name: name, parentOnChange: null, initialValue: lodash_1.default.get(tools.initialValue, name) }),
+            watcher));
+    }
+    return null;
+};
+exports.DynamicField = DynamicField;

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

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OBJECT_ARRAY_CNT = exports.OBJECT_ARRAY_FLAG = exports.REMOVED_ITEM = void 0;
+exports.REMOVED_ITEM = '____removed-item';
+exports.OBJECT_ARRAY_FLAG = '____arr-obj';
+exports.OBJECT_ARRAY_CNT = '____arr-obj-cnt';

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

@@ -0,0 +1,53 @@
+"use strict";
+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 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) &&
+    lodash_1.default.isObjectLike(candidate[type].layouts) &&
+    lodash_1.default.isObjectLike(candidate[type].validators));
+exports.isCorrectConfig = isCorrectConfig;
+const transformArrIn = (value) => {
+    if (lodash_1.default.isArray(value)) {
+        return value.reduce((arrObj, item, idx) => {
+            arrObj[`<${idx}>`] = (0, exports.transformArrIn)(item);
+            return arrObj;
+        }, { [constants_2.OBJECT_ARRAY_FLAG]: true, [constants_2.OBJECT_ARRAY_CNT]: value.length });
+    }
+    if (lodash_1.default.isObject(value)) {
+        const _value = Object.assign({}, value);
+        lodash_1.default.forEach(_value, (item, key) => {
+            _value[key] = (0, exports.transformArrIn)(item);
+        });
+        return _value;
+    }
+    return value;
+};
+exports.transformArrIn = transformArrIn;
+const transformArrOut = (value) => {
+    if (lodash_1.default.isObject(value) && !lodash_1.default.isArray(value)) {
+        if (value[constants_2.OBJECT_ARRAY_FLAG]) {
+            const _value = Object.keys(value)
+                .filter((key) => key !== constants_2.OBJECT_ARRAY_FLAG &&
+                key !== constants_2.OBJECT_ARRAY_CNT &&
+                value[key] !== constants_2.REMOVED_ITEM)
+                .map((key) => key.split('<').join('').split('>').join(''))
+                .sort((a, b) => Number(a) - Number(b))
+                .map((key) => (0, exports.transformArrOut)(value[`<${key}>`]));
+            return _value;
+        }
+        const _value = Object.assign({}, value);
+        lodash_1.default.forEach(_value, (item, key) => {
+            _value[key] = (0, exports.transformArrOut)(item);
+        });
+        return _value;
+    }
+    return value;
+};
+exports.transformArrOut = transformArrOut;
+const isArrayItem = (name) => name[name.length - 1] === '>';
+exports.isArrayItem = isArrayItem;

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./useComponents"), exports);
+tslib_1.__exportStar(require("./useCreateContext"), exports);
+tslib_1.__exportStar(require("./useDynamicFormsCtx"), exports);
+tslib_1.__exportStar(require("./useField"), 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);

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

@@ -0,0 +1,40 @@
+"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 helpers_2 = require("../helpers");
+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)) {
+            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/useCreateContext.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCreateContext = 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 useCreateContext = () => createContext();
+exports.useCreateContext = useCreateContext;

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

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

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

@@ -0,0 +1,133 @@
+"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 helpers_2 = require("../helpers");
+const useField = ({ name, spec, initialValue, validate: propsValidate, tools, parentOnChange, }) => {
+    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));
+    }, [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);
+            }
+            // 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 = {};
+                }
+            }
+        }
+        const error = validate === null || validate === void 0 ? void 0 : validate(value);
+        return {
+            active: false,
+            dirty: false,
+            error,
+            invalid: Boolean(error),
+            modified: false,
+            pristine: false,
+            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);
+                const value = (0, helpers_2.transformArrIn)(_value);
+                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: Object.assign(Object.assign({}, state.childErrors), (childErrors || {})) });
+            });
+        };
+        const onDrop = () => {
+            if ((0, helpers_2.isArrayItem)(name)) {
+                onChange(constants_1.REMOVED_ITEM);
+            }
+            else {
+                onChange(undefined);
+            }
+        };
+        return { onChange, onDrop };
+    }, [initialValue, setState, name, validate]);
+    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 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, helpers_2.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) => {
+            const value = Object.assign(Object.assign({}, state.value), { [`<${idx}>`]: constants_1.REMOVED_ITEM });
+            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 })));
+        };
+        return {
+            input: {
+                name,
+                value: state.value,
+                onChange,
+                onBlur,
+                onFocus,
+                onDrop,
+            },
+            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,
+    ]);
+    react_1.default.useEffect(() => {
+        if (!firstRenderRef.current || !lodash_1.default.isEqual(initialValue, state.value)) {
+            (parentOnChange ? parentOnChange : tools.onChange)(name, state.value, Object.assign(Object.assign({}, state.childErrors), { [name]: state.error }));
+        }
+    }, [state.value]);
+    react_1.default.useEffect(() => {
+        firstRenderRef.current = false;
+        return () => {
+            tools.onUnmount(name);
+        };
+    }, []);
+    return renderProps;
+};
+exports.useField = useField;

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

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMonaco = void 0;
+const useDynamicFormsCtx_1 = require("./useDynamicFormsCtx");
+const useMonaco = () => (0, useDynamicFormsCtx_1.useDynamicFormsCtx)().Monaco;
+exports.useMonaco = useMonaco;

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

@@ -0,0 +1,26 @@
+"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 (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/useStore.js

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStore = 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_final_form_1 = require("react-final-form");
+const constants_1 = require("../constants");
+const helpers_1 = require("../helpers");
+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)({
+            [name]: lodash_1.default.get(form.getState().values, name),
+        });
+        return {
+            name,
+            initialValue,
+            values: lodash_1.default.cloneDeep(initialValue),
+            errors: {},
+        };
+    });
+    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: Object.assign(Object.assign({}, store.errors), (errors || {})) }))),
+        onUnmount: (name) => setStore((store) => {
+            const value = lodash_1.default.get(store.values, name);
+            const values = value && value !== constants_1.REMOVED_ITEM
+                ? Object.assign({}, lodash_1.default.set(store.values, name, undefined)) : store.values;
+            return Object.assign(Object.assign({}, store), { values, errors: Object.assign({}, 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)({
+                [name]: lodash_1.default.get(form.getState().values, name),
+            });
+            setStore({
+                name: name,
+                initialValue,
+                values: lodash_1.default.cloneDeep(initialValue),
+                errors: {},
+            });
+        }
+    }, [name]);
+    react_1.default.useEffect(() => {
+        firstRenderRef.current = false;
+    }, []);
+    return { tools, watcher };
+};
+exports.useStore = useStore;

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

@@ -0,0 +1,32 @@
+"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 helpers_2 = require("../helpers");
+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)) {
+            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/cjs/lib/core/components/Form/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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);

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./array"), exports);
+tslib_1.__exportStar(require("./boolean"), exports);
+tslib_1.__exportStar(require("./config"), exports);
+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("./number"), exports);
+tslib_1.__exportStar(require("./object"), exports);
+tslib_1.__exportStar(require("./string"), exports);
+tslib_1.__exportStar(require("./validators"), exports);
+tslib_1.__exportStar(require("./value"), exports);

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const constants_1 = require("../constants");

package/build/cjs/lib/core/components/View/DynamicView.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DynamicView = 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 ViewController_1 = require("./ViewController");
+const helpers_2 = require("./helpers");
+const hooks_1 = require("./hooks");
+const DynamicView = ({ value, spec, config, Link, Monaco }) => {
+    const DynamicFormsCtx = (0, hooks_1.useCreateContext)();
+    const context = react_1.default.useMemo(() => ({ config, value, Link, Monaco: (0, react_is_1.isValidElementType)(Monaco) ? Monaco : undefined }), [config, value, Link, Monaco]);
+    if (lodash_1.default.isObjectLike(value) && (0, helpers_1.isCorrectSpec)(spec) && (0, helpers_2.isCorrectViewConfig)(config)) {
+        return (react_1.default.createElement(DynamicFormsCtx.Provider, { value: context },
+            react_1.default.createElement(ViewController_1.ViewController, { spec: spec, name: "" })));
+    }
+    return null;
+};
+exports.DynamicView = DynamicView;

package/build/cjs/lib/core/components/View/ViewController.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ViewController = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const hooks_1 = require("./hooks");
+const ViewController = ({ spec, name, }) => {
+    const { value, Link } = (0, hooks_1.useDynamicFormsCtx)();
+    const { viewEntity, Layout } = (0, hooks_1.useComponents)(spec);
+    const render = (0, hooks_1.useRender)({ name, value, spec, viewEntity, Layout, Link });
+    return react_1.default.createElement(react_1.default.Fragment, null, render);
+};
+exports.ViewController = ViewController;

package/build/cjs/lib/core/components/View/helpers.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isCorrectViewConfig = void 0;
+const tslib_1 = require("tslib");
+const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const constants_1 = require("../../constants");
+const isCorrectViewConfig = (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].views) &&
+    lodash_1.default.isObjectLike(candidate[type].layouts));
+exports.isCorrectViewConfig = isCorrectViewConfig;

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

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./useComponents"), exports);
+tslib_1.__exportStar(require("./useCreateContext"), exports);
+tslib_1.__exportStar(require("./useDynamicFormsCtx"), exports);
+tslib_1.__exportStar(require("./useRender"), exports);
+tslib_1.__exportStar(require("./useMonaco"), exports);