@gravity-ui/page-constructor 4.0.0-beta.0 → 4.0.1

package/build/cjs/editor/dynamic-forms-custom/components/OneOfCustom/OneOfCustom.css

@@ -0,0 +1,27 @@
+.pc-one-of-custom {
+  display: flex;
+  flex-direction: column;
+}
+.pc-one-of-custom:last-child > .df-group-indent {
+  margin-bottom: 0;
+}
+.pc-one-of-custom .df-group-indent {
+  all: unset;
+}
+.pc-one-of-custom .df-group-indent > .df-use-search {
+  padding-top: 11px;
+  padding-left: 12px;
+  margin-top: 4px;
+  margin-bottom: 20px;
+  margin-left: 5px;
+  border-left: 1px solid var(--g-color-line-generic-accent);
+}
+.pc-one-of-custom .df-group-indent > .df-use-search:empty {
+  display: none;
+}
+.pc-one-of-custom .df-group-indent > .df-use-search:last-child {
+  margin-bottom: 0;
+}
+.pc-one-of-custom .df-group-indent > .df-use-search > .df-simple-vertical-accordeon_view {
+  margin-top: -10px;
+}

package/build/cjs/editor/dynamic-forms-custom/components/OneOfCustom/OneOfCustom.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { ObjectIndependentInputProps } from '@gravity-ui/dynamic-forms';
+/**
+ * Customization of @gravity-ui/dynamic-forms OneOf component
+ *
+ * Main differences from original component:
+ *
+ * 1. Custom component can detect initial data type by it's json schema passed it __schema property of spec and
+ * shows according input
+ *
+ * 2. Custom component doesn't create additional nested level of data for each OneOf option and doesn't wraps data value, e.g.
+ *
+ * custom component: {propertyName: propertyValue}
+ * original component: {propertyName: {option1: {value: propertyValue}}}
+ *
+ * @param {ObjectIndependentInputProps} props - props of original OneOf component
+ * @returns {React.FC<ObjectIndependentInputProps>}
+ */
+export declare const OneOfCustom: React.FC<ObjectIndependentInputProps>;

package/build/cjs/editor/dynamic-forms-custom/components/OneOfCustom/OneOfCustom.js

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OneOfCustom = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const dynamic_forms_1 = require("@gravity-ui/dynamic-forms");
+const ajv_1 = tslib_1.__importDefault(require("ajv"));
+const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const utils_1 = require("../../../../utils");
+const useOneOf_1 = require("../../hooks/useOneOf");
+const b = (0, utils_1.block)('one-of-custom');
+const ajv = new ajv_1.default({
+    $data: true,
+    strict: false,
+    strictSchema: false,
+    strictTypes: false,
+    strictRequired: false,
+});
+const getOneOfCustomSpecDefaultType = (spec) => { var _a, _b; return ((_b = (_a = spec.viewSpec) === null || _a === void 0 ? void 0 : _a.order) === null || _b === void 0 ? void 0 : _b[0]) || Object.keys(spec.properties || {})[0]; };
+// dynamic-forms pass {} as default value for required properties of all types
+// this function replaces {} with default value accordingly to selected OneOf option spec type
+const getControllerDefautValue = (value, valueSpecType) => {
+    const isDefaultValue = typeof value === 'object' && lodash_1.default.isEmpty(value);
+    const defaultValue = valueSpecType ? (0, useOneOf_1.getSpecTypeDefaultValue)(valueSpecType) : undefined;
+    return isDefaultValue ? defaultValue : value;
+};
+/**
+ * Customization of @gravity-ui/dynamic-forms OneOf component
+ *
+ * Main differences from original component:
+ *
+ * 1. Custom component can detect initial data type by it's json schema passed it __schema property of spec and
+ * shows according input
+ *
+ * 2. Custom component doesn't create additional nested level of data for each OneOf option and doesn't wraps data value, e.g.
+ *
+ * custom component: {propertyName: propertyValue}
+ * original component: {propertyName: {option1: {value: propertyValue}}}
+ *
+ * @param {ObjectIndependentInputProps} props - props of original OneOf component
+ * @returns {React.FC<ObjectIndependentInputProps>}
+ */
+const OneOfCustom = (props) => {
+    var _a;
+    const { spec, input, name } = props;
+    const { properties } = spec;
+    //getting oneOf option type from initial value
+    const valueType = (0, react_1.useMemo)(() => {
+        var _a;
+        return (properties &&
+            ((_a = Object.keys(properties)) === null || _a === void 0 ? void 0 : _a.find((key) => {
+                const fieldSchema = (properties === null || properties === void 0 ? void 0 : properties[key]).__schema;
+                return fieldSchema && ajv.validate(fieldSchema, (0, dynamic_forms_1.transformArrOut)(input.value));
+            }))) ||
+            getOneOfCustomSpecDefaultType(spec);
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []);
+    const { oneOfValue, specProperties, toggler } = (0, useOneOf_1.useOneOf)({
+        props: Object.assign(Object.assign({}, props), { input: Object.assign(Object.assign({}, input), { value: valueType ? { [valueType]: input.value } : input.value }) }),
+    });
+    const parentOnChange = react_1.default.useCallback((_childName, childValue, childErrors) => {
+        input.onChange(childValue, childErrors);
+    }, [input]);
+    const parentOnUnmount = react_1.default.useCallback((childName) => input.onChange((currentValue) => currentValue, { [childName]: false }), [input]);
+    const valueSpecType = ((_a = specProperties[oneOfValue]) === null || _a === void 0 ? void 0 : _a.type) || dynamic_forms_1.SpecTypes.Object;
+    return (react_1.default.createElement("div", { className: b() },
+        react_1.default.createElement("div", null, toggler),
+        specProperties[oneOfValue] && (react_1.default.createElement(dynamic_forms_1.GroupIndent, null,
+            react_1.default.createElement(dynamic_forms_1.Controller, { value: getControllerDefautValue(input.value, valueSpecType), name: name, spec: specProperties[oneOfValue], parentOnChange: parentOnChange, parentOnUnmount: parentOnUnmount, key: `${name}.${oneOfValue}` })))));
+};
+exports.OneOfCustom = OneOfCustom;

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

@@ -0,0 +1,2 @@
+import { DynamicFormConfig } from '@gravity-ui/dynamic-forms';
+export declare const dynamicConfig: DynamicFormConfig;

package/build/cjs/editor/dynamic-forms-custom/config.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.dynamicConfig = void 0;
+const tslib_1 = require("tslib");
+const dynamic_forms_1 = require("@gravity-ui/dynamic-forms");
+const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const OneOfCustom_1 = require("./components/OneOfCustom/OneOfCustom");
+const getDynamicConfig = () => {
+    const dynamicConfig = lodash_1.default.cloneDeep(dynamic_forms_1.dynamicConfig);
+    dynamicConfig.object.inputs['oneof_custom'] = { Component: OneOfCustom_1.OneOfCustom, independent: true };
+    return dynamicConfig;
+};
+exports.dynamicConfig = getDynamicConfig();

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

@@ -0,0 +1,12 @@
+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

@@ -0,0 +1,75 @@
+"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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,36 @@
+"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

@@ -0,0 +1,28 @@
+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

@@ -0,0 +1,187 @@
+"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 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.entries(blocks).reduce((result, [blockName, blockData]) => {
+            result[blockName] = this.parseSchemaProperty({
+                name: blockName,
+                data: Object.assign({}, blockData),
+                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

@@ -0,0 +1,28 @@
+import { Spec as DynamicFormSpec, ObjectSpec } from '@gravity-ui/dynamic-forms';
+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<string, 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

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

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

@@ -0,0 +1,37 @@
+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

@@ -0,0 +1,46 @@
+"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

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

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

@@ -0,0 +1,13 @@
+"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

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

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

@@ -0,0 +1,11 @@
+"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/icons/Tablet.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Tablet: React.FC<React.SVGProps<SVGSVGElement>>;

package/build/cjs/editor/icons/Tablet.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tablet = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const svg_1 = require("../../utils/svg");
+const Tablet = (props) => (react_1.default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "12", height: "14", viewBox: "0 0 12 14", fill: "none" }, svg_1.a11yHiddenSvgProps, props),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.5 3L10.5 11C10.5 11.8284 9.82843 12.5 9 12.5L3 12.5C2.17157 12.5 1.5 11.8284 1.5 11L1.5 3C1.5 2.17157 2.17157 1.5 3 1.5L9 1.5C9.82843 1.5 10.5 2.17157 10.5 3ZM9 -1.31134e-07C10.6569 -5.87108e-08 12 1.34315 12 3L12 11C12 12.6569 10.6569 14 9 14L3 14C1.34315 14 4.00426e-07 12.6569 4.72849e-07 11L8.2254e-07 3C8.94964e-07 1.34315 1.34315 -4.65826e-07 3 -3.93403e-07L9 -1.31134e-07ZM3.75 9.5C3.33579 9.5 3 9.83579 3 10.25C3 10.6642 3.33579 11 3.75 11L8.25 11C8.66421 11 9 10.6642 9 10.25C9 9.83579 8.66421 9.5 8.25 9.5L3.75 9.5Z", fill: "currentColor", fillOpacity: "0.85" })));
+exports.Tablet = Tablet;