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

package/build/esm/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/esm/schema/index.js

@@ -6,6 +6,10 @@ import { filteredItem } from './validators/utils';
 export const getBlocksCases = (blocks) => {
     return Object.values(blocks).reduce((acc, block) => (Object.assign(Object.assign({}, acc), block)), {});
 };
+export const defaultComponentsConfigurationSchema = {
+    type: 'object',
+    properties: Object.assign(Object.assign({}, AnimatableProps), { logo: withTheme(LogoProps), header: NavigationHeaderProps, menu: MenuProps, background: withTheme(BackgroundProps) }),
+};
 export function generateDefaultSchema(config) {
     const { cards = {}, blocks = {}, extensions = {} } = config !== null && config !== void 0 ? config : {};
     const configBlockSchemaNames = Object.keys(blocks).filter((item) => !constructorBlockSchemaNames.includes(item));
@@ -41,11 +45,11 @@ export function generateDefaultSchema(config) {
         type: 'object',
         additionalProperties: false,
         required: ['blocks'],
-        properties: Object.assign(Object.assign(Object.assign({}, AnimatableProps), { logo: withTheme(LogoProps), header: NavigationHeaderProps, blocks: {
+        properties: Object.assign(Object.assign(Object.assign({}, defaultComponentsConfigurationSchema.properties), { blocks: {
                 type: 'array',
                 items: {
                     $ref: '#/definitions/children',
                 },
-            }, menu: MenuProps, background: withTheme(BackgroundProps) }), extensions),
+            } }), extensions),
     };
 }

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

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

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

@@ -0,0 +1,78 @@
+import { contentThemes, textSize } from '../../schema/validators/common';
+const textSizeEnum = textSize.map((size) => ({ value: size, content: size }));
+const contentThemesEnum = contentThemes.map((size) => ({ value: size, content: size }));
+export const 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/esm/sub-blocks/BackgroundCard/index.d.ts

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

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

@@ -0,0 +1,16 @@
+import { generateFromAJV } from '../../utils/form-generator';
+import BackgroundCard from './BackgroundCard';
+import { BackgroundCard as BackgroundCardSchema } from './schema';
+const BackgroundCardConfig = {
+    component: BackgroundCard,
+    schema: {
+        name: 'Background Card',
+        inputs: generateFromAJV(BackgroundCardSchema['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',
+        },
+    },
+};
+export default BackgroundCardConfig;

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

@@ -5,9 +5,10 @@ import { block, getThemedValue } from '../../utils';
 import './BannerCard.css';
 const b = block('banner-card');
 export 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 = useTheme();
     const contentStyle = {};
+    const { url, text, target, theme: buttonTheme = 'raised' } = button || {};
     if (color) {
         contentStyle.backgroundColor = getThemedValue(color, theme);
     }
@@ -18,8 +19,8 @@ export const BannerCard = (props) => {
                     React.createElement("h2", { className: b('title') },
                         React.createElement(HTML, null, title)),
                     subtitle && (React.createElement(YFMWrapper, { className: b('subtitle'), content: subtitle, modifiers: { constructor: true } }))),
-                React.createElement(RouterLink, { href: url },
-                    React.createElement(Button, { className: b('button'), theme: buttonTheme, size: "xl", text: text, url: url, target: target }))),
+                text && (React.createElement(RouterLink, { href: url || '' },
+                    React.createElement(Button, { className: b('button'), theme: buttonTheme, size: "xl", text: text, url: url, target: target })))),
             React.createElement(BackgroundImage, { className: b('image'), src: getThemedValue(image, theme), disableCompress: disableCompress }))));
 };
 export default BannerCard;

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

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

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

@@ -0,0 +1,19 @@
+import { BannerCardProps } from '../../blocks/Banner/schema';
+import { generateFromAJV } from '../../utils/form-generator';
+import BannerCard from './BannerCard';
+const BannerCardConfig = {
+    component: BannerCard,
+    schema: {
+        name: 'Banner Card',
+        inputs: generateFromAJV(BannerCardProps),
+        default: {
+            color: 'rgba(54, 151, 241, 0.4)',
+            title: 'Banner Card',
+            subtitle: 'Some sort of description.',
+            button: {
+                text: 'Read more',
+            },
+        },
+    },
+};
+export default BannerCardConfig;

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

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

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

@@ -0,0 +1,15 @@
+import { generateFromAJV } from '../../utils/form-generator';
+import BasicCard from './BasicCard';
+import { BasicCard as BasicCardSchema } from './schema';
+const BasicCardConfig = {
+    component: BasicCard,
+    schema: {
+        name: 'Basic Card',
+        inputs: generateFromAJV(BasicCardSchema['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.',
+        },
+    },
+};
+export default BasicCardConfig;

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

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

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

@@ -0,0 +1,15 @@
+import { generateFromAJV } from '../../utils/form-generator';
+import Content from './Content';
+import { ContentBlock } from './schema';
+const ContentConfig = {
+    component: Content,
+    schema: {
+        name: 'Content',
+        inputs: generateFromAJV(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.',
+        },
+    },
+};
+export default ContentConfig;

package/build/esm/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/esm/sub-blocks/Content/schema.js

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

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

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

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

@@ -0,0 +1,12 @@
+import { generateFromAJV } from '../../utils/form-generator';
+import Divider from './Divider';
+import { Divider as DividerSchema } from './schema';
+const DividerConfig = {
+    component: Divider,
+    schema: {
+        name: 'Divider',
+        inputs: generateFromAJV(DividerSchema['divider']),
+        default: {},
+    },
+};
+export default DividerConfig;

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

@@ -15,8 +15,8 @@ const ImageCard = (props) => {
     const imageProps = getMediaImage(image);
     const titleId = useUniqId();
     const cardContent = (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: b('image', { margins }) },
-            React.createElement(Image, Object.assign({ className: b('image_inner', { radius: enableImageBorderRadius }) }, imageProps))),
+        image && (React.createElement("div", { className: b('image', { margins }) },
+            React.createElement(Image, Object.assign({ className: b('image_inner', { radius: enableImageBorderRadius }) }, imageProps)))),
         hasContent && (React.createElement("div", { className: b('content') },
             React.createElement(Content, { 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.createElement(Link, { href: url, target: target, rel: target === '_blank' ? 'noopener noreferrer' : undefined, className: b({ border, 'with-content': hasContent, direction }), title: urlTitle, extraProps: {

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

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

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

@@ -0,0 +1,15 @@
+import { generateFromAJV } from '../../utils/form-generator';
+import ImageCard from './ImageCard';
+import { ImageCard as ImageCardSchema } from './schema';
+const ImageCardConfig = {
+    component: ImageCard,
+    schema: {
+        name: 'Image Card',
+        inputs: generateFromAJV(ImageCardSchema['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.',
+        },
+    },
+};
+export default ImageCardConfig;

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

@@ -9,7 +9,7 @@ import { getLayoutItemLinks, hasFullscreen, showFullscreenIcon } from './utils';
 import './LayoutItem.css';
 const b = block('layout-item');
 const LayoutItem = (_a) => {
-    var _b = _a.content, { links } = _b, content = __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 = __rest(_c, ["links"]), { metaInfo, media, border, fullscreen, icon, className, analyticsEvents, controlPosition = 'content' } = _a;
     const normalizedLinks = useMemo(() => getLayoutItemLinks(links), [links]);
     const areControlsInFooter = controlPosition === 'footer';
     const theme = useTheme();

package/build/esm/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/esm/sub-blocks/LayoutItem/form.js

@@ -0,0 +1,11 @@
+import { generateFromAJV } from '../../utils/form-generator';
+import LayoutItem from './LayoutItem';
+import { LayoutItem as LayoutItemSchema } from './schema';
+const LayoutItemConfig = {
+    component: LayoutItem,
+    schema: {
+        name: 'Layout Item',
+        inputs: generateFromAJV(LayoutItemSchema),
+    },
+};
+export default LayoutItemConfig;

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

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

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

@@ -0,0 +1,17 @@
+import { generateFromAJV } from '../../utils/form-generator';
+import LayoutItem from './LayoutItem';
+import { LayoutItem as LayoutItemSchema } from './schema';
+const LayoutItemConfig = {
+    component: LayoutItem,
+    schema: {
+        name: 'Layout Item',
+        inputs: generateFromAJV(LayoutItemSchema),
+        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.',
+            },
+        },
+    },
+};
+export default LayoutItemConfig;