@gravity-ui/page-constructor 3.4.0 → 3.5.0-alpha.0

package/build/cjs/editor/dynamic-forms-custom/hooks/useOneOf.d.ts

@@ -1,12 +0,0 @@
-import { ObjectIndependentInputProps, Spec, SpecTypes } from '@gravity-ui/dynamic-forms';
-export interface UseOneOfParams {
-    props: ObjectIndependentInputProps;
-    onTogglerChange?: (value: string) => void;
-}
-export declare const getSpecTypeDefaultValue: (type: SpecTypes) => {} | undefined;
-export declare const useOneOf: ({ props, onTogglerChange }: UseOneOfParams) => {
-    oneOfValue: string;
-    specProperties: Record<string, Spec>;
-    toggler: JSX.Element;
-    togglerInput: JSX.Element;
-};

package/build/cjs/editor/dynamic-forms-custom/hooks/useOneOf.js

@@ -1,75 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useOneOf = exports.getSpecTypeDefaultValue = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const dynamic_forms_1 = require("@gravity-ui/dynamic-forms");
-const uikit_1 = require("@gravity-ui/uikit");
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
-const MAX_TAB_TITLE_LENGTH = 20;
-const getSpecTypeDefaultValue = (type) => {
-    switch (type) {
-        case dynamic_forms_1.SpecTypes.Array:
-            return [];
-        case dynamic_forms_1.SpecTypes.Boolean:
-        case dynamic_forms_1.SpecTypes.Number:
-        case dynamic_forms_1.SpecTypes.String:
-            return undefined;
-        default:
-            return {};
-    }
-};
-exports.getSpecTypeDefaultValue = getSpecTypeDefaultValue;
-const useOneOf = ({ props, onTogglerChange }) => {
-    const { name, input, spec, Layout } = props;
-    const { order, disabled, oneOfParams } = spec.viewSpec;
-    const specProperties = react_1.default.useMemo(() => (lodash_1.default.isObjectLike(spec.properties) ? spec.properties : {}), [spec.properties]);
-    const [oneOfValue, setOneOfValue] = react_1.default.useState(() => {
-        let valueKeys;
-        if (lodash_1.default.isObjectLike(input.value)) {
-            const keys = Object.keys(input.value);
-            if (keys.length) {
-                valueKeys = keys;
-            }
-        }
-        return (valueKeys || order || Object.keys(specProperties))[0];
-    });
-    const onOneOfChange = react_1.default.useCallback(([newValue]) => {
-        var _a;
-        if (newValue !== oneOfValue) {
-            const specType = ((_a = specProperties[newValue]) === null || _a === void 0 ? void 0 : _a.type) || dynamic_forms_1.SpecTypes.Object;
-            input.onChange((0, exports.getSpecTypeDefaultValue)(specType));
-            setOneOfValue(newValue);
-            onTogglerChange === null || onTogglerChange === void 0 ? void 0 : onTogglerChange(newValue);
-        }
-    }, [setOneOfValue, input, oneOfValue, specProperties, onTogglerChange]);
-    const options = react_1.default.useMemo(() => (order || Object.keys(specProperties)).map((value) => {
-        var _a, _b;
-        const title = ((_a = spec.description) === null || _a === void 0 ? void 0 : _a[value]) ||
-            ((_b = specProperties[value]) === null || _b === void 0 ? void 0 : _b.viewSpec.layoutTitle) ||
-            value ||
-            '';
-        return {
-            value,
-            title,
-            content: title,
-        };
-    }), [spec.description, order, specProperties]);
-    const togglerInput = react_1.default.useMemo(() => {
-        if ((oneOfParams === null || oneOfParams === void 0 ? void 0 : oneOfParams.toggler) !== 'radio' &&
-            ((oneOfParams === null || oneOfParams === void 0 ? void 0 : oneOfParams.toggler) === 'select' ||
-                options.length > 3 ||
-                lodash_1.default.some(options, ({ title }) => title.length > MAX_TAB_TITLE_LENGTH))) {
-            return (react_1.default.createElement(uikit_1.Select, { width: "max", value: [oneOfValue], onUpdate: onOneOfChange, options: options, disabled: disabled, filterable: options.length > 7, qa: name }));
-        }
-        return (react_1.default.createElement(uikit_1.RadioButton, { value: oneOfValue, onChange: (event) => onOneOfChange([event.target.value]), disabled: disabled, qa: name }, options.map(({ value, title }) => (react_1.default.createElement(uikit_1.RadioButton.Option, { key: value, value: value }, title)))));
-    }, [options, oneOfValue, onOneOfChange, name, oneOfParams === null || oneOfParams === void 0 ? void 0 : oneOfParams.toggler, disabled]);
-    const toggler = react_1.default.useMemo(() => {
-        if (Layout) {
-            return react_1.default.createElement(Layout, Object.assign({}, props), togglerInput);
-        }
-        return togglerInput;
-    }, [Layout, togglerInput, props]);
-    return { oneOfValue, specProperties, toggler, togglerInput };
-};
-exports.useOneOf = useOneOf;

package/build/cjs/editor/dynamic-forms-custom/parser/detect.d.ts

@@ -1,9 +0,0 @@
-import { Schema } from '../../../schema';
-export declare enum ParserType {
-    Object = "object",
-    Array = "array",
-    Children = "children",
-    OneOf = "oneOf",
-    Primitive = "primitive"
-}
-export declare const detectParserType: (data: Schema) => ParserType;

package/build/cjs/editor/dynamic-forms-custom/parser/detect.js

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.detectParserType = exports.ParserType = void 0;
-const dynamic_forms_1 = require("@gravity-ui/dynamic-forms");
-var ParserType;
-(function (ParserType) {
-    ParserType["Object"] = "object";
-    ParserType["Array"] = "array";
-    ParserType["Children"] = "children";
-    ParserType["OneOf"] = "oneOf";
-    ParserType["Primitive"] = "primitive";
-})(ParserType = exports.ParserType || (exports.ParserType = {}));
-const isOneOf = (data) => 'oneOf' in data;
-const isObject = (data) => 'properties' in data;
-const isArray = (data) => 'type' in data && data.type === dynamic_forms_1.SpecTypes.Array;
-const isChildren = (data) => 'type' in data &&
-    data.type === dynamic_forms_1.SpecTypes.Array &&
-    'items' in data &&
-    typeof data.items !== 'undefined' &&
-    '$ref' in data.items;
-//detector applying order matters!
-const ParserTypeDetectors = [
-    { type: ParserType.OneOf, detector: isOneOf },
-    { type: ParserType.Children, detector: isChildren },
-    { type: ParserType.Object, detector: isObject },
-    { type: ParserType.Array, detector: isArray },
-];
-const detectParserType = (data) => {
-    for (const { type, detector } of ParserTypeDetectors) {
-        if (detector(data)) {
-            return type;
-        }
-    }
-    return ParserType.Primitive;
-};
-exports.detectParserType = detectParserType;

package/build/cjs/editor/dynamic-forms-custom/parser/index.d.ts

@@ -1,28 +0,0 @@
-import { Schema } from '../../../schema';
-import { FormSpecs } from './types';
-declare class FormSpecParser {
-    private schema;
-    private definitions;
-    /**
-     * Transforms page-constructor json schema into dynamic-forms specs for each block
-     *
-     * @param schema {Schema} - page-constructor json schema
-     * @returns {FormSpecs} - object containig dynamic-forms specs for each constructor block
-     */
-    parse(schema: Schema): FormSpecs;
-    private getChildrenSpec;
-    private getRequiredProperties;
-    private childrenParser;
-    private oneOfParser;
-    private arrayParser;
-    private objectParser;
-    private primitiveParser;
-    private schemaParserMap;
-    private parseSchemaProperty;
-    private getBlocksSpec;
-    private getPageSpec;
-    private getFormSpec;
-    private init;
-}
-declare const _default: FormSpecParser;
-export default _default;

package/build/cjs/editor/dynamic-forms-custom/parser/index.js

@@ -1,188 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-/* eslint-disable no-param-reassign */
-/* eslint-disable no-not-accumulator-reassign/no-not-accumulator-reassign */
-const dynamic_forms_1 = require("@gravity-ui/dynamic-forms");
-const models_1 = require("../../../models");
-const detect_1 = require("./detect");
-const views_1 = require("./views");
-class FormSpecParser {
-    constructor() {
-        this.schema = {};
-        this.definitions = {};
-        this.getChildrenSpec = (data) => {
-            var _a, _b, _c;
-            const childrenType = (_c = (_b = (_a = data.items) === null || _a === void 0 ? void 0 : _a.$ref) === null || _b === void 0 ? void 0 : _b.split('/')) === null || _c === void 0 ? void 0 : _c.pop();
-            return this.definitions[childrenType];
-        };
-        this.getRequiredProperties = (data) => Array.isArray(data.required) ? data.required : [];
-        this.childrenParser = ({ data, name, required }) => {
-            const childSpec = this.getChildrenSpec(data);
-            const properties = childSpec &&
-                Object.entries(childSpec).reduce((parsedChildSpecProperties, [childName, childSchema]) => {
-                    const childRequiredProperties = this.getRequiredProperties(childSchema);
-                    const childProperies = childSchema.properties &&
-                        Object.entries(childSchema.properties).reduce((parsedChildProperties, [childPropertyName, childPropertyData]) => {
-                            parsedChildProperties[childPropertyName] = this.parseSchemaProperty({
-                                data: childPropertyData,
-                                name: childPropertyName,
-                                required: childRequiredProperties.includes(childPropertyName),
-                            });
-                            return parsedChildProperties;
-                        }, {});
-                    const childJsonSchema = Object.assign(Object.assign({}, childSchema), { properties: Object.assign(Object.assign({}, childSchema.properties), { type: {
-                                type: dynamic_forms_1.SpecTypes.String,
-                                enum: [childName],
-                            } }) });
-                    parsedChildSpecProperties[childName] = {
-                        type: dynamic_forms_1.SpecTypes.Array,
-                        items: Object.assign(Object.assign({}, childSchema), { type: dynamic_forms_1.SpecTypes.Object, properties: Object.assign(Object.assign({}, childProperies), { type: {
-                                    type: dynamic_forms_1.SpecTypes.String,
-                                    defaultValue: childName,
-                                    viewSpec: {
-                                        type: 'hidden',
-                                    },
-                                } }), viewSpec: childProperies &&
-                                (0, views_1.getObjectViewSpec)({
-                                    properties: childProperies,
-                                    layoutTitle: childName,
-                                }), __schema: childJsonSchema }),
-                        required: false,
-                        viewSpec: (0, views_1.getArrayViewSpec)({ layoutTitle: childName }),
-                        __schema: {
-                            type: dynamic_forms_1.SpecTypes.Array,
-                            items: childJsonSchema,
-                        },
-                    };
-                    return parsedChildSpecProperties;
-                }, {});
-            return {
-                type: dynamic_forms_1.SpecTypes.Object,
-                properties,
-                viewSpec: {
-                    type: 'oneof_custom',
-                    layout: 'row',
-                    layoutTitle: name,
-                    oneOfParams: {
-                        toggler: 'select',
-                    },
-                },
-                required,
-            };
-        };
-        this.oneOfParser = ({ data, name, required }) => {
-            const requiredProperties = this.getRequiredProperties(data);
-            const properties = data.oneOf &&
-                data.oneOf.reduce((result, propertyData, index) => {
-                    const propertyName = (propertyData === null || propertyData === void 0 ? void 0 : propertyData.optionName)
-                        ? propertyData === null || propertyData === void 0 ? void 0 : propertyData.optionName
-                        : `${name}_${index}`;
-                    result[propertyName] = this.parseSchemaProperty({
-                        data: propertyData,
-                        name: propertyName,
-                        required: requiredProperties.includes(propertyName),
-                    });
-                    return result;
-                }, {});
-            return {
-                type: dynamic_forms_1.SpecTypes.Object,
-                properties,
-                required,
-                viewSpec: (0, views_1.getOneOfViewSpec)({ layoutTitle: name }),
-            };
-        };
-        this.arrayParser = ({ data, name }) => {
-            const items = data.items && this.parseSchemaProperty({ data: data.items, name });
-            return Object.assign(Object.assign({}, data), { type: dynamic_forms_1.SpecTypes.Array, items, viewSpec: (0, views_1.getArrayViewSpec)({ layoutTitle: name }) });
-        };
-        this.objectParser = ({ data, name, required }) => {
-            const requiredProperties = this.getRequiredProperties(data);
-            const properties = data.properties &&
-                Object.entries(data.properties).reduce((result, [propertyName, propertyData]) => {
-                    result[propertyName] = this.parseSchemaProperty({
-                        data: propertyData,
-                        name: propertyName,
-                        required: requiredProperties.includes(propertyName),
-                    });
-                    return result;
-                }, {});
-            return Object.assign(Object.assign({}, data), { type: dynamic_forms_1.SpecTypes.Object, properties, viewSpec: (0, views_1.getObjectViewSpec)({ properties, layoutTitle: name }), required });
-        };
-        this.primitiveParser = ({ data, name, required }) => {
-            return Object.assign(Object.assign({}, data), { type: data.type, required, defaultValue: data.default, viewSpec: (0, views_1.getPrimitiveViewSpec)({ layoutTitle: name, data }), validator: 'base' });
-        };
-        //eslint-disable-next-line @typescript-eslint/member-ordering
-        this.schemaParserMap = {
-            [detect_1.ParserType.Object]: this.objectParser,
-            [detect_1.ParserType.Array]: this.arrayParser,
-            [detect_1.ParserType.Primitive]: this.primitiveParser,
-            [detect_1.ParserType.OneOf]: this.oneOfParser,
-            [detect_1.ParserType.Children]: this.childrenParser,
-        };
-    }
-    /**
-     * Transforms page-constructor json schema into dynamic-forms specs for each block
-     *
-     * @param schema {Schema} - page-constructor json schema
-     * @returns {FormSpecs} - object containig dynamic-forms specs for each constructor block
-     */
-    parse(schema) {
-        this.init(schema);
-        return this.getFormSpec();
-    }
-    parseSchemaProperty({ data, name, required }) {
-        const parserType = (0, detect_1.detectParserType)(data);
-        const parser = this.schemaParserMap[parserType];
-        return Object.assign(Object.assign({}, parser({ data, name, required })), { 
-            //save json schema from constructor to compare with incoming intial data inside oneOf form fields
-            __schema: data });
-    }
-    getBlocksSpec() {
-        const blocks = this.definitions.children;
-        return Object.values(models_1.BlockType).reduce((result, blockName) => {
-            result[blockName] = this.parseSchemaProperty({
-                name: blockName,
-                data: Object.assign({}, blocks[blockName]),
-                required: true,
-            });
-            return result;
-        }, {});
-    }
-    getPageSpec() {
-        var _a;
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        const _b = ((_a = this.schema) === null || _a === void 0 ? void 0 : _a.properties) || {}, { blocks } = _b, pageSchema = tslib_1.__rest(_b, ["blocks"]);
-        const requiredProperties = this.getRequiredProperties(this.schema);
-        const properties = Object.entries(pageSchema).reduce((result, [propertyName, propertyData]) => {
-            result[propertyName] = this.parseSchemaProperty({
-                name: propertyName,
-                data: propertyData,
-                required: requiredProperties.includes(propertyName),
-            });
-            return result;
-        }, {});
-        return {
-            type: dynamic_forms_1.SpecTypes.Object,
-            properties,
-            viewSpec: (0, views_1.getObjectViewSpec)({ properties, layout: 'section' }),
-            required: true,
-        };
-    }
-    getFormSpec() {
-        return {
-            blocks: this.getBlocksSpec(),
-            page: this.getPageSpec(),
-        };
-    }
-    init(schema) {
-        this.schema = schema;
-        if (schema.definitions) {
-            this.definitions = Object.entries(schema.definitions).reduce((result, [childType, childSpec]) => {
-                result[childType] = childSpec === null || childSpec === void 0 ? void 0 : childSpec.selectCases;
-                return result;
-            }, {});
-        }
-    }
-}
-exports.default = new FormSpecParser();

package/build/cjs/editor/dynamic-forms-custom/parser/types.d.ts

@@ -1,29 +0,0 @@
-import { Spec as DynamicFormSpec, ObjectSpec } from '@gravity-ui/dynamic-forms';
-import { BlockType } from '../../../models';
-import { Schema } from '../../../schema';
-export type OneOfSpec = {
-    oneOf: DynamicFormSpec[];
-    viewSpec: ObjectSpec['viewSpec'];
-};
-export type CustomObjectSpec = Omit<ObjectSpec, 'properties'> & {
-    properties: Record<string, CustomSpec>;
-};
-export interface SpecCustomProps {
-    disabled?: boolean;
-    inputType?: string;
-    __schema?: Schema;
-}
-export type Spec = Exclude<DynamicFormSpec, 'ObjectSpec'> | CustomObjectSpec | OneOfSpec;
-export type CustomSpec = Spec & SpecCustomProps;
-export type BlocksSpec = Record<BlockType, CustomSpec>;
-export type PageSpec = CustomSpec;
-export interface FormSpecs {
-    blocks: BlocksSpec;
-    page: PageSpec;
-}
-export interface SchemaParserParams {
-    data: Schema;
-    name: string;
-    required?: Schema['required'];
-}
-export type SchemaParser = (params: SchemaParserParams) => CustomSpec;

package/build/cjs/editor/dynamic-forms-custom/parser/types.js

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

package/build/cjs/editor/dynamic-forms-custom/parser/views.d.ts

@@ -1,37 +0,0 @@
-import { Schema } from '../../../schema';
-import { CustomObjectSpec, CustomSpec } from './types';
-interface BaseParams {
-    layoutTitle?: string;
-}
-interface GetObjectViewSpecParams extends BaseParams, Partial<Extract<CustomSpec, CustomObjectSpec>> {
-    layout?: string;
-}
-type GetPrimitiveViewSpecParams = BaseParams & Schema;
-export declare const getOneOfViewSpec: ({ layoutTitle }: BaseParams) => {
-    type: string;
-    layout: string;
-    layoutTitle: string | undefined;
-    oneOfParams: {
-        toggler: "select";
-    };
-};
-export declare const getObjectViewSpec: ({ properties, disabled, layoutTitle, layout, }: GetObjectViewSpecParams) => {
-    layoutTitle: string | undefined;
-    type: string;
-    layout: string;
-    order: string[] | undefined;
-    disabled: boolean | undefined;
-};
-export declare const getArrayViewSpec: ({ layoutTitle }: BaseParams) => {
-    layoutTitle: string | undefined;
-    type: string;
-    layout: string;
-    layoutOpen: boolean;
-    itemLabel: string;
-};
-export declare const getPrimitiveViewSpec: ({ layoutTitle, ...data }: GetPrimitiveViewSpecParams) => {
-    layout: string;
-    type: any;
-    layoutTitle: string | undefined;
-};
-export {};

package/build/cjs/editor/dynamic-forms-custom/parser/views.js

@@ -1,46 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getPrimitiveViewSpec = exports.getArrayViewSpec = exports.getObjectViewSpec = exports.getOneOfViewSpec = void 0;
-const tslib_1 = require("tslib");
-const getOneOfViewSpec = ({ layoutTitle }) => {
-    return {
-        type: 'oneof_custom',
-        layout: 'row',
-        layoutTitle,
-        oneOfParams: {
-            toggler: 'select',
-        },
-    };
-};
-exports.getOneOfViewSpec = getOneOfViewSpec;
-const getObjectViewSpec = ({ properties, disabled, layoutTitle, layout = 'accordeon', }) => {
-    return {
-        layoutTitle,
-        type: 'base',
-        layout,
-        order: properties && Object.keys(properties).sort(),
-        disabled,
-    };
-};
-exports.getObjectViewSpec = getObjectViewSpec;
-const getArrayViewSpec = ({ layoutTitle }) => ({
-    layoutTitle,
-    type: 'base',
-    layout: 'accordeon',
-    layoutOpen: true,
-    itemLabel: 'Add Item',
-});
-exports.getArrayViewSpec = getArrayViewSpec;
-const getPrimitiveViewSpec = (_a) => {
-    var { layoutTitle } = _a, data = tslib_1.__rest(_a, ["layoutTitle"]);
-    let type = (data === null || data === void 0 ? void 0 : data.inputType) || 'base';
-    if (data && 'enum' in data && data.enum) {
-        type = 'select';
-    }
-    return {
-        layout: 'row',
-        type,
-        layoutTitle,
-    };
-};
-exports.getPrimitiveViewSpec = getPrimitiveViewSpec;

package/build/cjs/editor/hooks/useFormSpec.d.ts

@@ -1,2 +0,0 @@
-import { SchemaCustomConfig } from '../../schema';
-export default function useFormSpec(customSchema?: SchemaCustomConfig): import("../dynamic-forms-custom/parser/types").FormSpecs;

package/build/cjs/editor/hooks/useFormSpec.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = require("react");
-const schema_1 = require("../../schema");
-const parser_1 = tslib_1.__importDefault(require("../dynamic-forms-custom/parser"));
-function useFormSpec(customSchema) {
-    return (0, react_1.useMemo)(() => {
-        const schema = (0, schema_1.generateDefaultSchema)(customSchema);
-        return parser_1.default.parse(schema);
-    }, [customSchema]);
-}
-exports.default = useFormSpec;

package/build/cjs/editor/hooks/usePreviousValue.d.ts

@@ -1 +0,0 @@
-export default function usePreviousValue<T>(value: T): T | undefined;

package/build/cjs/editor/hooks/usePreviousValue.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("react");
-function usePreviousValue(value) {
-    const ref = (0, react_1.useRef)();
-    (0, react_1.useEffect)(() => {
-        ref.current = value;
-    }, [value]);
-    return ref.current;
-}
-exports.default = usePreviousValue;

package/build/cjs/editor/styles/root.css

@@ -1,5 +0,0 @@
-:root {
-  --editor-header-height: 48px;
-  --editor-divider-width: 12px;
-  --editor-left-column-width: calc(400px + var(--editor-divider-width));
-}