@gravity-ui/dynamic-forms 5.18.0 → 5.19.1

package/build/cjs/lib/unstable/core/Entity/Entity.js

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Entity = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_final_form_1 = require("react-final-form");
+const constants_1 = require("../constants");
+const useSchemaRenderer_1 = require("../useSchemaRenderer");
+const utils_1 = require("../utils");
+const utils_2 = require("./utils");
+const EntityComponent = ({ modeOverride, name, schema: schemaProps = {}, schemaOverride, }) => {
+    var _a, _b;
+    const { config, error, headName, mode: modeState, rootSchema } = (0, useSchemaRenderer_1.useEntitiesState)(name);
+    const getAccumulatedSchema = react_1.default.useCallback((schema, root, override) => {
+        let accumulatedSchema = schema;
+        if (override) {
+            accumulatedSchema = (0, utils_1.smartMerge)(accumulatedSchema, override);
+        }
+        if (accumulatedSchema.$ref && root) {
+            const schemaByRef = (0, utils_1.getSchemaBySchemaPath)(accumulatedSchema.$ref, root);
+            if (schemaByRef) {
+                accumulatedSchema = (0, utils_1.smartMerge)(accumulatedSchema, schemaByRef);
+            }
+        }
+        return accumulatedSchema;
+    }, []);
+    const options = react_1.default.useMemo(() => {
+        const data = { headName, schema: schemaProps };
+        const accumulatedSchema = getAccumulatedSchema(schemaProps, rootSchema, schemaOverride);
+        return {
+            data,
+            defaultValue: accumulatedSchema.default,
+            subscription: {
+                data: true,
+                submitFailed: true,
+                touched: true,
+                validating: true,
+                value: true,
+            },
+        };
+    }, [headName, getAccumulatedSchema, rootSchema, schemaOverride, schemaProps]);
+    const field = (0, react_final_form_1.useField)(name, options);
+    const meta = react_1.default.useMemo(() => (Object.assign(Object.assign({}, field.meta), { error })), [field.meta, error]);
+    const schema = react_1.default.useMemo(() => { var _a; return getAccumulatedSchema((_a = field.meta.data) === null || _a === void 0 ? void 0 : _a.schema, rootSchema, schemaOverride); }, [(_a = field.meta.data) === null || _a === void 0 ? void 0 : _a.schema, schemaOverride, getAccumulatedSchema, rootSchema]);
+    const mode = modeOverride || ((_b = field.meta.data) === null || _b === void 0 ? void 0 : _b.mode) || modeState;
+    const renderKit = react_1.default.useMemo(() => (0, utils_2.getRenderKit)({ config, schema }), [config, schema]);
+    let content = null;
+    if (mode === constants_1.SchemaRendererMode.Form) {
+        const formKit = renderKit[constants_1.SchemaRendererMode.Form];
+        if (formKit.Component) {
+            if (formKit.independent) {
+                content = (react_1.default.createElement(formKit.Component, { input: field.input, meta: meta, schema: schema, controlProps: formKit.props, Wrapper: formKit.Wrapper, wrapperProps: formKit.wrapperProps }));
+            }
+            else {
+                content = (react_1.default.createElement(formKit.Component, { input: field.input, meta: meta, schema: schema, controlProps: formKit.props }));
+                if (formKit.Wrapper) {
+                    content = (react_1.default.createElement(formKit.Wrapper, { input: field.input, meta: meta, schema: schema, wrapperProps: formKit.wrapperProps }, content));
+                }
+            }
+        }
+    }
+    if (mode === constants_1.SchemaRendererMode.Overview) {
+        const overviewKit = renderKit[constants_1.SchemaRendererMode.Overview];
+        if (overviewKit.Component) {
+            if (overviewKit.independent) {
+                content = (react_1.default.createElement(overviewKit.Component, { input: field.input, meta: meta, schema: schema, viewProps: overviewKit.props, Wrapper: overviewKit.Wrapper, wrapperProps: overviewKit.wrapperProps }));
+            }
+            else {
+                content = (react_1.default.createElement(overviewKit.Component, { input: field.input, meta: meta, schema: schema, viewProps: overviewKit.props }));
+                if (overviewKit.Wrapper) {
+                    content = (react_1.default.createElement(overviewKit.Wrapper, { input: field.input, meta: meta, schema: schema, wrapperProps: overviewKit.wrapperProps }, content));
+                }
+            }
+        }
+    }
+    return content;
+};
+exports.Entity = react_1.default.memo(EntityComponent);

package/build/cjs/lib/unstable/core/Entity/index.d.ts

@@ -0,0 +1,2 @@
+export { Entity, type EntityProps } from './Entity';
+export type { EntityState } from './types';

package/build/cjs/lib/unstable/core/Entity/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Entity = void 0;
+var Entity_1 = require("./Entity");
+Object.defineProperty(exports, "Entity", { enumerable: true, get: function () { return Entity_1.Entity; } });

package/build/cjs/lib/unstable/core/Entity/types.d.ts

@@ -0,0 +1,27 @@
+import type { SchemaRendererMode } from '../constants';
+import type { Control, JsonSchema, SchemaRendererConfig, View, Wrapper } from '../types';
+export type GetRenderKitParams<Schema extends JsonSchema> = {
+    config?: SchemaRendererConfig;
+    schema: Schema;
+};
+export type GetRenderKitReturn<Schema extends JsonSchema> = {
+    [SchemaRendererMode.Form]: {
+        Component: Control<Schema> | undefined;
+        props: Record<string, any>;
+        independent: boolean | undefined;
+        Wrapper: Wrapper<Schema> | undefined;
+        wrapperProps: Record<string, any>;
+    };
+    [SchemaRendererMode.Overview]: {
+        Component: View<Schema> | undefined;
+        props: Record<string, any>;
+        independent: boolean | undefined;
+        Wrapper: Wrapper<Schema> | undefined;
+        wrapperProps: Record<string, any>;
+    };
+};
+export interface EntityState<Schema extends JsonSchema = JsonSchema> {
+    headName?: string;
+    mode?: SchemaRendererMode;
+    schema?: Schema;
+}

package/build/cjs/lib/unstable/core/Entity/types.js

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

package/build/cjs/lib/unstable/core/Entity/utils.d.ts

@@ -0,0 +1,3 @@
+import type { JsonSchema } from '../types';
+import type { GetRenderKitParams, GetRenderKitReturn } from './types';
+export declare const getRenderKit: <Schema extends JsonSchema>({ config, schema, }: GetRenderKitParams<Schema>) => GetRenderKitReturn<Schema>;

package/build/cjs/lib/unstable/core/Entity/utils.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getRenderKit = void 0;
+const tslib_1 = require("tslib");
+const get_1 = tslib_1.__importDefault(require("lodash/get"));
+const constants_1 = require("../constants");
+const getRenderKit = ({ config, schema, }) => {
+    const entityType = (0, get_1.default)(schema, 'entityParameters.type');
+    const controlType = (0, get_1.default)(schema, 'entityParameters.controlType');
+    const ControlComponent = (0, get_1.default)(config, `${entityType}.controls.${controlType}.Component`);
+    const controlProps = (0, get_1.default)(schema, 'entityParameters.controlProps') || constants_1.EMPTY_OBJECT;
+    const controlIndependent = (0, get_1.default)(config, `${entityType}.controls.${controlType}.independent`);
+    const controlWrapperType = (0, get_1.default)(schema, 'entityParameters.controlWrapperType');
+    const ControlWrapperComponent = (0, get_1.default)(config, `${entityType}.wrappers.${controlWrapperType}`);
+    const controlWrapperProps = (0, get_1.default)(schema, 'entityParameters.controlWrapperProps') || constants_1.EMPTY_OBJECT;
+    const viewType = (0, get_1.default)(schema, 'entityParameters.viewType');
+    const ViewComponent = (0, get_1.default)(config, `${entityType}.views.${viewType}`);
+    const viewProps = (0, get_1.default)(schema, 'entityParameters.viewProps') || constants_1.EMPTY_OBJECT;
+    const viewIndependent = (0, get_1.default)(config, `${entityType}.views.${viewType}.independent`);
+    const viewWrapperType = (0, get_1.default)(schema, 'entityParameters.viewWrapperType');
+    const ViewWrapperComponent = (0, get_1.default)(config, `${entityType}.wrappers.${viewWrapperType}`);
+    const viewWrapperProps = (0, get_1.default)(schema, 'entityParameters.viewWrapperProps') || constants_1.EMPTY_OBJECT;
+    return {
+        [constants_1.SchemaRendererMode.Form]: {
+            Component: ControlComponent,
+            props: controlProps,
+            independent: controlIndependent,
+            Wrapper: ControlWrapperComponent,
+            wrapperProps: controlWrapperProps,
+        },
+        [constants_1.SchemaRendererMode.Overview]: {
+            Component: ViewComponent,
+            props: viewProps,
+            independent: viewIndependent,
+            Wrapper: ViewWrapperComponent,
+            wrapperProps: viewWrapperProps,
+        },
+    };
+};
+exports.getRenderKit = getRenderKit;

package/build/cjs/lib/unstable/core/SchemaRenderer/SchemaRenderer.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { type UseSchemaRendererParams } from '../useSchemaRenderer';
+export interface SchemaRendererProps extends Omit<UseSchemaRendererParams, 'connectValidate'> {
+}
+export declare const SchemaRenderer: React.NamedExoticComponent<SchemaRendererProps>;

package/build/cjs/lib/unstable/core/SchemaRenderer/SchemaRenderer.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SchemaRenderer = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const Entity_1 = require("../Entity");
+const useSchemaRenderer_1 = require("../useSchemaRenderer");
+const SchemaRendererComponent = (props) => {
+    const { schema } = (0, useSchemaRenderer_1.useSchemaRenderer)(props);
+    return schema ? react_1.default.createElement(Entity_1.Entity, { name: props.name, schema: schema }) : null;
+};
+exports.SchemaRenderer = react_1.default.memo(SchemaRendererComponent);

package/build/cjs/lib/unstable/core/SchemaRenderer/index.d.ts

@@ -0,0 +1 @@
+export { SchemaRenderer, type SchemaRendererProps } from './SchemaRenderer';

package/build/cjs/lib/unstable/core/SchemaRenderer/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SchemaRenderer = void 0;
+var SchemaRenderer_1 = require("./SchemaRenderer");
+Object.defineProperty(exports, "SchemaRenderer", { enumerable: true, get: function () { return SchemaRenderer_1.SchemaRenderer; } });

package/build/cjs/lib/unstable/core/constants.d.ts

@@ -0,0 +1,22 @@
+export declare enum SchemaRendererMode {
+    Form = "form",
+    Overview = "overview"
+}
+export declare enum JsonSchemaType {
+    Array = "array",
+    Boolean = "boolean",
+    Integer = "integer",
+    Null = "null",
+    Number = "number",
+    Object = "object",
+    String = "string"
+}
+export declare enum EntityType {
+    Any = "any",
+    Array = "array",
+    Boolean = "boolean",
+    Number = "number",
+    Object = "object",
+    String = "string"
+}
+export declare const EMPTY_OBJECT: {};

package/build/cjs/lib/unstable/core/constants.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EMPTY_OBJECT = exports.EntityType = exports.JsonSchemaType = exports.SchemaRendererMode = void 0;
+var SchemaRendererMode;
+(function (SchemaRendererMode) {
+    SchemaRendererMode["Form"] = "form";
+    SchemaRendererMode["Overview"] = "overview";
+})(SchemaRendererMode || (exports.SchemaRendererMode = SchemaRendererMode = {}));
+var JsonSchemaType;
+(function (JsonSchemaType) {
+    JsonSchemaType["Array"] = "array";
+    JsonSchemaType["Boolean"] = "boolean";
+    JsonSchemaType["Integer"] = "integer";
+    JsonSchemaType["Null"] = "null";
+    JsonSchemaType["Number"] = "number";
+    JsonSchemaType["Object"] = "object";
+    JsonSchemaType["String"] = "string";
+})(JsonSchemaType || (exports.JsonSchemaType = JsonSchemaType = {}));
+var EntityType;
+(function (EntityType) {
+    EntityType["Any"] = "any";
+    EntityType["Array"] = "array";
+    EntityType["Boolean"] = "boolean";
+    EntityType["Number"] = "number";
+    EntityType["Object"] = "object";
+    EntityType["String"] = "string";
+})(EntityType || (exports.EntityType = EntityType = {}));
+exports.EMPTY_OBJECT = {};

package/build/cjs/lib/unstable/core/index.d.ts

@@ -0,0 +1,5 @@
+export { Entity, type EntityProps, type EntityState } from './Entity';
+export { SchemaRenderer, type SchemaRendererProps } from './SchemaRenderer';
+export { EntityType, JsonSchemaType, SchemaRendererMode } from './constants';
+export type * from './types';
+export { schemaRendererMutators, type UseSchemaRendererParams, type UseSchemaRendererReturn, useSchemaRenderer, useSchemaRendererMutators, } from './useSchemaRenderer';

package/build/cjs/lib/unstable/core/index.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSchemaRendererMutators = exports.useSchemaRenderer = exports.schemaRendererMutators = exports.SchemaRendererMode = exports.JsonSchemaType = exports.EntityType = exports.SchemaRenderer = exports.Entity = void 0;
+var Entity_1 = require("./Entity");
+Object.defineProperty(exports, "Entity", { enumerable: true, get: function () { return Entity_1.Entity; } });
+var SchemaRenderer_1 = require("./SchemaRenderer");
+Object.defineProperty(exports, "SchemaRenderer", { enumerable: true, get: function () { return SchemaRenderer_1.SchemaRenderer; } });
+var constants_1 = require("./constants");
+Object.defineProperty(exports, "EntityType", { enumerable: true, get: function () { return constants_1.EntityType; } });
+Object.defineProperty(exports, "JsonSchemaType", { enumerable: true, get: function () { return constants_1.JsonSchemaType; } });
+Object.defineProperty(exports, "SchemaRendererMode", { enumerable: true, get: function () { return constants_1.SchemaRendererMode; } });
+var useSchemaRenderer_1 = require("./useSchemaRenderer");
+Object.defineProperty(exports, "schemaRendererMutators", { enumerable: true, get: function () { return useSchemaRenderer_1.schemaRendererMutators; } });
+Object.defineProperty(exports, "useSchemaRenderer", { enumerable: true, get: function () { return useSchemaRenderer_1.useSchemaRenderer; } });
+Object.defineProperty(exports, "useSchemaRendererMutators", { enumerable: true, get: function () { return useSchemaRenderer_1.useSchemaRendererMutators; } });

package/build/cjs/lib/unstable/core/types/components.d.ts

@@ -0,0 +1,29 @@
+import type React from 'react';
+import type { FieldRenderProps } from 'react-final-form';
+import type { SchemaToValueType } from './helpers';
+import type { JsonSchema } from './schema';
+export interface ControlProps<Schema extends JsonSchema, ControlComponentProps extends Record<string, any> = {}, WrapperComponentProps extends Record<string, any> = {}> extends FieldRenderProps<SchemaToValueType<Schema> | null | undefined> {
+    schema: Schema;
+    controlProps: Partial<ControlComponentProps>;
+    Wrapper?: Wrapper<Schema, WrapperComponentProps>;
+    wrapperProps?: Partial<WrapperComponentProps>;
+}
+export type Control<Schema extends JsonSchema, ControlComponentProps extends Record<string, any> = {}, WrapperComponentProps extends Record<string, any> = {}> = React.ComponentType<ControlProps<Schema, ControlComponentProps, WrapperComponentProps>>;
+export interface ViewProps<Schema extends JsonSchema, ViewComponentProps extends Record<string, any> = {}, WrapperComponentProps extends Record<string, any> = {}> extends FieldRenderProps<SchemaToValueType<Schema> | null | undefined> {
+    schema: Schema;
+    viewProps: Partial<ViewComponentProps>;
+    Wrapper?: Wrapper<Schema, WrapperComponentProps>;
+    wrapperProps?: Partial<WrapperComponentProps>;
+}
+export type View<Schema extends JsonSchema, ViewComponentProps extends Record<string, any> = {}, WrapperComponentProps extends Record<string, any> = {}> = React.ComponentType<ViewProps<Schema, ViewComponentProps, WrapperComponentProps>>;
+export interface WrapperProps<Schema extends JsonSchema, WrapperComponentProps extends Record<string, any> = {}> extends FieldRenderProps<SchemaToValueType<Schema> | null | undefined> {
+    schema: Schema;
+    wrapperProps: {
+        open?: boolean;
+        hidden?: boolean;
+        copy?: boolean;
+        required?: boolean;
+    } & Partial<WrapperComponentProps>;
+    children: React.ReactNode;
+}
+export type Wrapper<Schema extends JsonSchema, WrapperComponentProps extends Record<string, any> = {}> = React.ComponentType<WrapperProps<Schema, WrapperComponentProps>>;

package/build/cjs/lib/unstable/core/types/components.js

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

package/build/cjs/lib/unstable/core/types/config.d.ts

@@ -0,0 +1,36 @@
+import type { EntityType } from '../constants';
+import type { Control, View, Wrapper } from './components';
+import type { JsonSchema, JsonSchemaAny, JsonSchemaArray, JsonSchemaBoolean, JsonSchemaNumber, JsonSchemaObject, JsonSchemaString } from './schema';
+import type { Validator } from './validation';
+export interface ControlsConfig<Schema extends JsonSchema> {
+    [key: string]: {
+        Component?: Control<Schema>;
+        independent?: boolean;
+    } | undefined;
+}
+export interface ViewsConfig<Schema extends JsonSchema> {
+    [key: string]: {
+        Component?: View<Schema>;
+        independent?: boolean;
+    } | undefined;
+}
+export interface WrappersConfig<Schema extends JsonSchema> {
+    [key: string]: Wrapper<Schema> | undefined;
+}
+export interface ValidatorsConfig<Schema extends JsonSchema> {
+    [key: string]: Validator<Schema> | undefined;
+}
+export interface TypeConfig<Schema extends JsonSchema> {
+    controls: ControlsConfig<Schema>;
+    views: ViewsConfig<Schema>;
+    wrappers: WrappersConfig<Schema>;
+    validators: ValidatorsConfig<Schema>;
+}
+export interface SchemaRendererConfig {
+    [EntityType.Any]: TypeConfig<JsonSchemaAny>;
+    [EntityType.Array]: TypeConfig<JsonSchemaArray>;
+    [EntityType.Boolean]: TypeConfig<JsonSchemaBoolean>;
+    [EntityType.Number]: TypeConfig<JsonSchemaNumber>;
+    [EntityType.Object]: TypeConfig<JsonSchemaObject>;
+    [EntityType.String]: TypeConfig<JsonSchemaString>;
+}

package/build/cjs/lib/unstable/core/types/config.js

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

package/build/cjs/lib/unstable/core/types/helpers.d.ts

@@ -0,0 +1,18 @@
+import type React from 'react';
+import type { JsonSchema, JsonSchemaArray, JsonSchemaBoolean, JsonSchemaNumber, JsonSchemaObject, JsonSchemaString } from './schema';
+import type { ArrayValue, FieldValue, ObjectValue } from './values';
+export type ObjectKeys<T extends Record<string, unknown>> = Exclude<keyof T, number | symbol>;
+export type SchemaToValueType<Schema extends JsonSchema<any>> = Schema extends JsonSchemaArray<any> ? ArrayValue : Schema extends JsonSchemaBoolean<any> ? boolean : Schema extends JsonSchemaNumber<any> ? number : Schema extends JsonSchemaObject<any> ? ObjectValue : Schema extends JsonSchemaString<any> ? string : FieldValue;
+export type ExtractControlProps<Control> = Control extends {
+    Component: React.ComponentType<infer ControlProps>;
+} ? ControlProps extends {
+    controlProps: infer ControlComponentProps;
+} ? ControlComponentProps : Record<string, any> : Record<string, any>;
+export type ExtractViewProps<View> = View extends {
+    Component: React.ComponentType<infer ViewProps>;
+} ? ViewProps extends {
+    viewProps: infer ViewComponentProps;
+} ? ViewComponentProps : Record<string, any> : Record<string, any>;
+export type ExtractWrapperProps<Wrapper> = Wrapper extends React.ComponentType<infer WrapperProps> ? WrapperProps extends {
+    wrapperProps: infer WrapperComponentProps;
+} ? WrapperComponentProps : Record<string, any> : Record<string, any>;

package/build/cjs/lib/unstable/core/types/helpers.js

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

package/build/cjs/lib/unstable/core/types/index.d.ts

@@ -0,0 +1,5 @@
+export * from './components';
+export * from './config';
+export * from './schema';
+export * from './validation';
+export * from './values';

package/build/cjs/lib/unstable/core/types/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./components"), exports);
+tslib_1.__exportStar(require("./config"), exports);
+tslib_1.__exportStar(require("./schema"), exports);
+tslib_1.__exportStar(require("./validation"), exports);
+tslib_1.__exportStar(require("./values"), exports);