@gravity-ui/page-constructor 5.14.3 → 5.14.4-alpha.0

package/build/cjs/schema/index.d.ts

@@ -11,4 +11,231 @@ export interface SchemaCustomConfig {
     extensions?: object;
 }
 export declare const getBlocksCases: (blocks: Schema) => any;
+export declare const defaultComponentsConfigurationSchema: {
+    type: string;
+    properties: {
+        logo: {
+            oneOf: (({
+                type: string;
+                additionalProperties: boolean;
+                required: string[];
+                properties: {
+                    icon: {
+                        oneOf: ({
+                            type: string;
+                            properties: {
+                                when: {
+                                    type: string;
+                                };
+                            };
+                        } | {
+                            type: string;
+                            pattern: string;
+                            optionName: string;
+                        })[];
+                    };
+                    text: {
+                        type: string;
+                        contentType: string;
+                    };
+                    url: {
+                        type: string;
+                    };
+                };
+            } & {
+                optionName: string;
+            }) | {
+                type: string;
+                additionalProperties: boolean;
+                required: import("..").Theme[];
+                properties: {};
+                optionName: string;
+            })[];
+        };
+        header: {
+            type: string;
+            additionalProperties: boolean;
+            required: string[];
+            properties: {
+                leftItems: {
+                    oneOf: {
+                        type: string;
+                        items: {
+                            type: string;
+                            properties: {
+                                when: {
+                                    type: string;
+                                };
+                            };
+                        };
+                    }[];
+                };
+                rightItems: {
+                    oneOf: {
+                        type: string;
+                        items: {
+                            type: string;
+                            properties: {
+                                when: {
+                                    type: string;
+                                };
+                            };
+                        };
+                    }[];
+                };
+                iconSize: {
+                    type: string;
+                };
+            };
+        };
+        menu: {
+            type: string;
+            additionalProperties: boolean;
+            properties: {
+                title: {
+                    type: string;
+                    contentType: string;
+                };
+            };
+        };
+        background: {
+            oneOf: (({
+                additionalProperties: boolean;
+                properties: {
+                    image: {
+                        oneOf: ({
+                            type: string;
+                            properties: {
+                                when: {
+                                    type: string;
+                                };
+                            };
+                        } | {
+                            type: string;
+                            pattern: string;
+                            optionName: string;
+                        })[];
+                    };
+                    color: {
+                        type: string;
+                    };
+                    video: {
+                        type: string;
+                        additionalProperties: boolean;
+                        required: string[];
+                        properties: {
+                            src: {
+                                type: string;
+                                items: {
+                                    type: string;
+                                };
+                            };
+                            loop: {
+                                oneOf: ({
+                                    optionName: string;
+                                    type: string;
+                                    additionalProperties: boolean;
+                                    required: string[];
+                                    properties: {
+                                        start: {
+                                            type: string;
+                                        };
+                                        end: {
+                                            type: string;
+                                        };
+                                    };
+                                } | {
+                                    type: string;
+                                    optionName: string;
+                                })[];
+                            };
+                            type: {
+                                type: string;
+                                enum: string[];
+                            };
+                            muted: {
+                                type: string;
+                            };
+                            autoplay: {
+                                type: string;
+                            };
+                            elapsedTime: {
+                                type: string;
+                            };
+                            playButton: {
+                                type: string;
+                                additionalProperties: boolean;
+                                properties: {
+                                    type: {
+                                        type: string;
+                                        enum: string[];
+                                    };
+                                    theme: {
+                                        type: string;
+                                        enum: string[];
+                                    };
+                                    text: {
+                                        type: string;
+                                        contentType: string;
+                                    };
+                                };
+                            };
+                            controls: {
+                                type: string;
+                                enum: import("..").MediaVideoControlsType[];
+                            };
+                            customControlsOptions: {
+                                type: string;
+                                additionalProperties: boolean;
+                                properties: {
+                                    type: {
+                                        type: string;
+                                        enum: import("..").CustomControlsType[];
+                                    };
+                                    muteButtonShown: {
+                                        type: string;
+                                    };
+                                    positioning: {
+                                        type: string;
+                                        enum: import("..").CustomControlsButtonPositioning[];
+                                    };
+                                };
+                            };
+                            ariaLabel: {
+                                type: string;
+                            };
+                        };
+                    };
+                    height: {
+                        type: string;
+                    };
+                    size: {
+                        type: string;
+                        enum: string[];
+                    };
+                    parallax: {
+                        type: string;
+                    };
+                    fullWidthMedia: {
+                        type: string;
+                    };
+                    animated: {
+                        type: string;
+                    };
+                };
+            } & {
+                optionName: string;
+            }) | {
+                type: string;
+                additionalProperties: boolean;
+                required: import("..").Theme[];
+                properties: {};
+                optionName: string;
+            })[];
+        };
+        animated: {
+            type: string;
+        };
+    };
+};
 export declare function generateDefaultSchema(config?: SchemaCustomConfig): JSONSchema4;

package/build/cjs/schema/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.generateDefaultSchema = exports.getBlocksCases = exports.validators = void 0;
+exports.generateDefaultSchema = exports.defaultComponentsConfigurationSchema = exports.getBlocksCases = exports.validators = void 0;
 var validators_1 = require("./validators");
 Object.defineProperty(exports, "validators", { enumerable: true, get: function () { return validators_1.validators; } });
 const constants_1 = require("./constants");
@@ -11,6 +11,10 @@ const getBlocksCases = (blocks) => {
     return Object.values(blocks).reduce((acc, block) => (Object.assign(Object.assign({}, acc), block)), {});
 };
 exports.getBlocksCases = getBlocksCases;
+exports.defaultComponentsConfigurationSchema = {
+    type: 'object',
+    properties: Object.assign(Object.assign({}, common_1.AnimatableProps), { logo: (0, common_1.withTheme)(navigation_1.LogoProps), header: navigation_1.NavigationHeaderProps, menu: common_1.MenuProps, background: (0, common_1.withTheme)(common_1.BackgroundProps) }),
+};
 function generateDefaultSchema(config) {
     const { cards = {}, blocks = {}, extensions = {} } = config !== null && config !== void 0 ? config : {};
     const configBlockSchemaNames = Object.keys(blocks).filter((item) => !constants_1.constructorBlockSchemaNames.includes(item));
@@ -46,12 +50,12 @@ function generateDefaultSchema(config) {
         type: 'object',
         additionalProperties: false,
         required: ['blocks'],
-        properties: Object.assign(Object.assign(Object.assign({}, common_1.AnimatableProps), { logo: (0, common_1.withTheme)(navigation_1.LogoProps), header: navigation_1.NavigationHeaderProps, blocks: {
+        properties: Object.assign(Object.assign(Object.assign({}, exports.defaultComponentsConfigurationSchema.properties), { blocks: {
                 type: 'array',
                 items: {
                     $ref: '#/definitions/children',
                 },
-            }, menu: common_1.MenuProps, background: (0, common_1.withTheme)(common_1.BackgroundProps) }), extensions),
+            } }), extensions),
     };
 }
 exports.generateDefaultSchema = generateDefaultSchema;

package/build/cjs/sub-blocks/BackgroundCard/dynamic-form.d.ts

@@ -0,0 +1,2 @@
+import { BlockFormSchema } from '../../types/dynamic-form';
+export declare const blockConfig: BlockFormSchema;

package/build/cjs/sub-blocks/BackgroundCard/dynamic-form.js

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.blockConfig = void 0;
+const common_1 = require("../../schema/validators/common");
+const textSizeEnum = common_1.textSize.map((size) => ({ value: size, content: size }));
+const contentThemesEnum = common_1.contentThemes.map((size) => ({ value: size, content: size }));
+exports.blockConfig = {
+    name: 'Background Card',
+    inputs: [
+        {
+            type: 'oneOf',
+            name: 'title',
+            title: 'Title Object',
+            options: [
+                {
+                    title: 'Simple',
+                    value: 'simple',
+                    properties: [
+                        {
+                            type: 'text',
+                            name: '',
+                            title: 'Title',
+                        },
+                    ],
+                },
+                {
+                    title: 'Complex',
+                    value: 'complex',
+                    properties: [
+                        {
+                            type: 'text',
+                            name: 'text',
+                            title: 'Title',
+                        },
+                        {
+                            type: 'select',
+                            name: 'textSize',
+                            title: 'Text Size',
+                            enum: textSizeEnum,
+                            view: 'select',
+                            mode: 'single',
+                        },
+                        {
+                            type: 'text',
+                            name: 'url',
+                            title: 'Url',
+                        },
+                        {
+                            type: 'text',
+                            name: 'urlTitle',
+                            title: 'Url',
+                        },
+                        {
+                            type: 'boolean',
+                            name: 'resetMargin',
+                            title: 'Reset Margin',
+                        },
+                    ],
+                },
+            ],
+        },
+        {
+            type: 'textarea',
+            name: 'text',
+            title: 'Description',
+        },
+        {
+            type: 'textarea',
+            name: 'additionalInfo',
+            title: 'Additional Info',
+        },
+        {
+            type: 'select',
+            name: 'size',
+            title: 'Size',
+            enum: contentThemesEnum,
+            view: 'select',
+            mode: 'single',
+        },
+    ],
+};

package/build/cjs/sub-blocks/BackgroundCard/index.d.ts

@@ -0,0 +1,3 @@
+import { BlockData } from '../../constructor-items';
+declare const BackgroundCardConfig: BlockData;
+export default BackgroundCardConfig;

package/build/cjs/sub-blocks/BackgroundCard/index.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const form_generator_1 = require("../../utils/form-generator");
+const BackgroundCard_1 = tslib_1.__importDefault(require("./BackgroundCard"));
+const schema_1 = require("./schema");
+const BackgroundCardConfig = {
+    component: BackgroundCard_1.default,
+    schema: {
+        name: 'Background Card',
+        inputs: (0, form_generator_1.generateFromAJV)(schema_1.BackgroundCard['background-card']),
+        default: {
+            title: 'Background Card',
+            text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
+            additionalInfo: 'Additional info',
+        },
+    },
+};
+exports.default = BackgroundCardConfig;

package/build/cjs/sub-blocks/BannerCard/BannerCard.js

@@ -8,9 +8,10 @@ const theme_1 = require("../../context/theme");
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('banner-card');
 const BannerCard = (props) => {
-    const { title, subtitle, button: { url, text, target, theme: buttonTheme = 'raised' }, color, theme: textTheme = 'light', image, disableCompress, mediaView = 'full', } = props;
+    const { title, subtitle, button, color, theme: textTheme = 'light', image, disableCompress, mediaView = 'full', } = props;
     const theme = (0, theme_1.useTheme)();
     const contentStyle = {};
+    const { url, text, target, theme: buttonTheme = 'raised' } = button || {};
     if (color) {
         contentStyle.backgroundColor = (0, utils_1.getThemedValue)(color, theme);
     }
@@ -21,8 +22,8 @@ const BannerCard = (props) => {
                     react_1.default.createElement("h2", { className: b('title') },
                         react_1.default.createElement(components_1.HTML, null, title)),
                     subtitle && (react_1.default.createElement(components_1.YFMWrapper, { className: b('subtitle'), content: subtitle, modifiers: { constructor: true } }))),
-                react_1.default.createElement(components_1.RouterLink, { href: url },
-                    react_1.default.createElement(components_1.Button, { className: b('button'), theme: buttonTheme, size: "xl", text: text, url: url, target: target }))),
+                text && (react_1.default.createElement(components_1.RouterLink, { href: url || '' },
+                    react_1.default.createElement(components_1.Button, { className: b('button'), theme: buttonTheme, size: "xl", text: text, url: url, target: target })))),
             react_1.default.createElement(components_1.BackgroundImage, { className: b('image'), src: (0, utils_1.getThemedValue)(image, theme), disableCompress: disableCompress }))));
 };
 exports.BannerCard = BannerCard;

package/build/cjs/sub-blocks/BannerCard/index.d.ts

@@ -0,0 +1,3 @@
+import { BlockData } from '../../constructor-items';
+declare const BannerCardConfig: BlockData;
+export default BannerCardConfig;

package/build/cjs/sub-blocks/BannerCard/index.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const schema_1 = require("../../blocks/Banner/schema");
+const form_generator_1 = require("../../utils/form-generator");
+const BannerCard_1 = tslib_1.__importDefault(require("./BannerCard"));
+const BannerCardConfig = {
+    component: BannerCard_1.default,
+    schema: {
+        name: 'Banner Card',
+        inputs: (0, form_generator_1.generateFromAJV)(schema_1.BannerCardProps),
+        default: {
+            color: 'rgba(54, 151, 241, 0.4)',
+            title: 'Banner Card',
+            subtitle: 'Some sort of description.',
+            button: {
+                text: 'Read more',
+            },
+        },
+    },
+};
+exports.default = BannerCardConfig;

package/build/cjs/sub-blocks/BasicCard/index.d.ts

@@ -0,0 +1,3 @@
+import { BlockData } from '../../constructor-items';
+declare const BasicCardConfig: BlockData;
+export default BasicCardConfig;

package/build/cjs/sub-blocks/BasicCard/index.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const form_generator_1 = require("../../utils/form-generator");
+const BasicCard_1 = tslib_1.__importDefault(require("./BasicCard"));
+const schema_1 = require("./schema");
+const BasicCardConfig = {
+    component: BasicCard_1.default,
+    schema: {
+        name: 'Basic Card',
+        inputs: (0, form_generator_1.generateFromAJV)(schema_1.BasicCard['basic-card']),
+        default: {
+            title: 'Basic Card',
+            text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
+        },
+    },
+};
+exports.default = BasicCardConfig;

package/build/cjs/sub-blocks/Content/index.d.ts

@@ -0,0 +1,3 @@
+import { BlockData } from '../../constructor-items';
+declare const ContentConfig: BlockData;
+export default ContentConfig;

package/build/cjs/sub-blocks/Content/index.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const form_generator_1 = require("../../utils/form-generator");
+const Content_1 = tslib_1.__importDefault(require("./Content"));
+const schema_1 = require("./schema");
+const ContentConfig = {
+    component: Content_1.default,
+    schema: {
+        name: 'Content',
+        inputs: (0, form_generator_1.generateFromAJV)(schema_1.ContentBlock['content']),
+        default: {
+            title: 'Content',
+            text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
+        },
+    },
+};
+exports.default = ContentConfig;

package/build/cjs/sub-blocks/Content/schema.d.ts

@@ -126,6 +126,7 @@ export declare const ContentBase: {
 };
 export declare const ContentBlock: {
     content: {
+        type: string;
         additionalProperties: boolean;
         properties: {
             colSizes: {};

package/build/cjs/sub-blocks/Content/schema.js

@@ -57,6 +57,7 @@ exports.ContentBase = {
 };
 exports.ContentBlock = {
     content: {
+        type: 'object',
         additionalProperties: false,
         properties: Object.assign(Object.assign({}, exports.ContentBase), { colSizes: common_1.containerSizesArray.reduce((acc, size) => (Object.assign(Object.assign({}, acc), { [size]: common_1.sizeNumber })), {}), centered: {
                 type: 'boolean',

package/build/cjs/sub-blocks/Divider/index.d.ts

@@ -0,0 +1,3 @@
+import { BlockData } from '../../constructor-items';
+declare const DividerConfig: BlockData;
+export default DividerConfig;

package/build/cjs/sub-blocks/Divider/index.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const form_generator_1 = require("../../utils/form-generator");
+const Divider_1 = tslib_1.__importDefault(require("./Divider"));
+const schema_1 = require("./schema");
+const DividerConfig = {
+    component: Divider_1.default,
+    schema: {
+        name: 'Divider',
+        inputs: (0, form_generator_1.generateFromAJV)(schema_1.Divider['divider']),
+        default: {},
+    },
+};
+exports.default = DividerConfig;

package/build/cjs/sub-blocks/ImageCard/ImageCard.js

@@ -17,8 +17,8 @@ const ImageCard = (props) => {
     const imageProps = (0, utils_1.getMediaImage)(image);
     const titleId = (0, uikit_1.useUniqId)();
     const cardContent = (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("div", { className: b('image', { margins }) },
-            react_1.default.createElement(components_1.Image, Object.assign({ className: b('image_inner', { radius: enableImageBorderRadius }) }, imageProps))),
+        image && (react_1.default.createElement("div", { className: b('image', { margins }) },
+            react_1.default.createElement(components_1.Image, Object.assign({ className: b('image_inner', { radius: enableImageBorderRadius }) }, imageProps)))),
         hasContent && (react_1.default.createElement("div", { className: b('content') },
             react_1.default.createElement(Content_1.default, { titleId: titleId, title: title, text: text, links: links, buttons: buttons, list: list, theme: cardTheme, additionalInfo: additionalInfo, size: size, colSizes: CONTENT_COL_SIZES, controlPosition: areControlsInFooter ? 'bottom' : 'default' })))));
     return url ? (react_1.default.createElement(uikit_1.Link, { href: url, target: target, rel: target === '_blank' ? 'noopener noreferrer' : undefined, className: b({ border, 'with-content': hasContent, direction }), title: urlTitle, extraProps: {

package/build/cjs/sub-blocks/ImageCard/index.d.ts

@@ -0,0 +1,3 @@
+import { BlockData } from '../../constructor-items';
+declare const ImageCardConfig: BlockData;
+export default ImageCardConfig;

package/build/cjs/sub-blocks/ImageCard/index.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const form_generator_1 = require("../../utils/form-generator");
+const ImageCard_1 = tslib_1.__importDefault(require("./ImageCard"));
+const schema_1 = require("./schema");
+const ImageCardConfig = {
+    component: ImageCard_1.default,
+    schema: {
+        name: 'Image Card',
+        inputs: (0, form_generator_1.generateFromAJV)(schema_1.ImageCard['image-card']),
+        default: {
+            title: 'Image Card',
+            text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
+        },
+    },
+};
+exports.default = ImageCardConfig;

package/build/cjs/sub-blocks/LayoutItem/LayoutItem.js

@@ -10,7 +10,7 @@ const Content_1 = tslib_1.__importDefault(require("../Content/Content"));
 const utils_2 = require("./utils");
 const b = (0, utils_1.block)('layout-item');
 const LayoutItem = (_a) => {
-    var _b = _a.content, { links } = _b, content = tslib_1.__rest(_b, ["links"]), { metaInfo, media, border, fullscreen, icon, className, analyticsEvents, controlPosition = 'content' } = _a;
+    var _b = _a.content, _c = _b === void 0 ? {} : _b, { links = [] } = _c, content = tslib_1.__rest(_c, ["links"]), { metaInfo, media, border, fullscreen, icon, className, analyticsEvents, controlPosition = 'content' } = _a;
     const normalizedLinks = (0, react_1.useMemo)(() => (0, utils_2.getLayoutItemLinks)(links), [links]);
     const areControlsInFooter = controlPosition === 'footer';
     const theme = (0, theme_1.useTheme)();

package/build/cjs/sub-blocks/LayoutItem/form.d.ts

@@ -0,0 +1,8 @@
+declare const LayoutItemConfig: {
+    component: ({ content: { links, ...content }, metaInfo, media, border, fullscreen, icon, className, analyticsEvents, controlPosition, }: import("../..").LayoutItemProps) => JSX.Element;
+    schema: {
+        name: string;
+        inputs: import("../../types/dynamic-form").ConfigInput[];
+    };
+};
+export default LayoutItemConfig;

package/build/cjs/sub-blocks/LayoutItem/form.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const form_generator_1 = require("../../utils/form-generator");
+const LayoutItem_1 = tslib_1.__importDefault(require("./LayoutItem"));
+const schema_1 = require("./schema");
+const LayoutItemConfig = {
+    component: LayoutItem_1.default,
+    schema: {
+        name: 'Layout Item',
+        inputs: (0, form_generator_1.generateFromAJV)(schema_1.LayoutItem),
+    },
+};
+exports.default = LayoutItemConfig;

package/build/cjs/sub-blocks/LayoutItem/index.d.ts

@@ -0,0 +1,3 @@
+import { BlockData } from '../../constructor-items';
+declare const LayoutItemConfig: BlockData;
+export default LayoutItemConfig;

package/build/cjs/sub-blocks/LayoutItem/index.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const form_generator_1 = require("../../utils/form-generator");
+const LayoutItem_1 = tslib_1.__importDefault(require("./LayoutItem"));
+const schema_1 = require("./schema");
+const LayoutItemConfig = {
+    component: LayoutItem_1.default,
+    schema: {
+        name: 'Layout Item',
+        inputs: (0, form_generator_1.generateFromAJV)(schema_1.LayoutItem),
+        default: {
+            content: {
+                title: 'Layout Item',
+                text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
+            },
+        },
+    },
+};
+exports.default = LayoutItemConfig;