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

package/build/esm/blocks/Companies/schema.d.ts

@@ -8,7 +8,7 @@ export declare const CompaniesBlock: {
                 contentType: string;
             };
             images: {
-                oneOf: ({
+                oneOf: (({
                     type: string;
                     required: string[];
                     properties: {
@@ -26,11 +26,14 @@ export declare const CompaniesBlock: {
                             contentType: string;
                         };
                     };
-                } | {
+                } & {
+                    optionName: string;
+                }) | {
                     type: string;
                     additionalProperties: boolean;
                     required: import("../..").Theme[];
                     properties: {};
+                    optionName: string;
                 })[];
             };
             animated: {

package/build/esm/blocks/ContentLayout/ContentLayout.js

@@ -28,8 +28,9 @@ function getTextWidth(size) {
 }
 export const ContentLayoutBlock = (props) => {
     const isMobile = useContext(MobileContext);
-    const { textContent, fileContent, properties: cardLayoutProperties = { size: 'l' } } = props;
-    const { size = 'l', background, centered, theme = 'default', textWidth = 'm', } = cardLayoutProperties;
+    const { textContent, fileContent } = props;
+    const propsSource = props.properties || props;
+    const { size = 'l', background, centered, theme = 'default', textWidth = 'm' } = propsSource;
     const colSizes = useMemo(() => getTextWidth(textWidth), [textWidth]);
     return (React.createElement("div", { className: b({ size, background: Boolean(background) }) },
         React.createElement(Content, Object.assign({ className: b('content') }, textContent, { size: size, centered: centered, colSizes: colSizes, theme: theme })),

package/build/esm/blocks/ContentLayout/schema.d.ts

@@ -2,79 +2,120 @@ export declare const ContentLayoutBlock: {
     'content-layout-block': {
         additionalProperties: boolean;
         properties: {
+            size: {
+                type: string;
+                enum: string[];
+            };
+            background: {
+                type: string;
+                additionalProperties: boolean;
+                required: string[];
+                properties: {
+                    src: {
+                        type: string; /**
+                         * @deprecated Use params on top level instead
+                         */
+                        pattern: string;
+                    };
+                    alt: {
+                        type: string;
+                        contentType: string;
+                    };
+                    disableCompress: {
+                        type: string;
+                    };
+                };
+            };
+            centered: {
+                type: string;
+            };
+            theme: {
+                type: string;
+                enum: string[];
+            };
+            textWidth: {
+                type: string;
+                enum: string[];
+            };
             textContent: {
-                content: {
-                    additionalProperties: boolean;
-                    properties: {
-                        colSizes: {};
-                        centered: {
-                            type: string;
-                        };
-                        title: {
-                            oneOf: ({
-                                type: string;
-                                additionalProperties: boolean;
-                                required: string[];
-                                properties: {
-                                    text: {
-                                        type: string;
-                                        contentType: string;
-                                    };
-                                    textSize: {
-                                        type: string;
-                                        enum: string[];
-                                    };
-                                    url: {
-                                        type: string;
-                                    };
-                                    resetMargin: {
-                                        type: string;
-                                    };
-                                };
-                            } | {
-                                type: string;
-                                contentType: string;
-                            })[];
-                        };
-                        text: {
-                            type: string;
-                            contentType: string;
-                        };
-                        additionalInfo: {
+                additionalProperties: boolean;
+                properties: {
+                    colSizes: {};
+                    centered: {
+                        type: string;
+                    };
+                    title: {
+                        oneOf: ({
                             type: string;
                             contentType: string;
-                        };
-                        size: {
+                            optionName: string;
+                        } | {
+                            optionName: string;
                             type: string;
-                            enum: string[];
-                        };
-                        links: {
-                            type: string;
-                            items: {
-                                type: string;
-                                properties: {
-                                    when: {
-                                        type: string;
-                                    };
+                            additionalProperties: boolean;
+                            required: string[];
+                            properties: {
+                                text: {
+                                    type: string;
+                                    contentType: string;
+                                };
+                                textSize: {
+                                    type: string;
+                                    enum: string[];
+                                };
+                                url: {
+                                    type: string;
+                                };
+                                resetMargin: {
+                                    type: string;
                                 };
                             };
-                        };
-                        buttons: {
+                            contentType?: undefined;
+                        })[];
+                    };
+                    text: {
+                        type: string;
+                        contentType: string;
+                        inputType: string;
+                    };
+                    additionalInfo: {
+                        type: string;
+                        contentType: string;
+                    };
+                    size: {
+                        type: string;
+                        enum: string[];
+                    };
+                    links: {
+                        type: string;
+                        items: {
                             type: string;
-                            items: {
-                                type: string;
-                                properties: {
-                                    when: {
-                                        type: string;
-                                    };
+                            properties: {
+                                when: {
+                                    type: string;
                                 };
                             };
                         };
-                        theme: {
+                    };
+                    buttons: {
+                        type: string;
+                        items: {
                             type: string;
-                            enum: string[];
+                            properties: {
+                                when: {
+                                    type: string;
+                                };
+                            };
                         };
                     };
+                    theme: {
+                        type: string;
+                        enum: string[]; /**
+                         * @deprecated Use params on top level instead
+                         */
+                    }; /**
+                     * @deprecated Use params on top level instead
+                     */
                 };
             };
             fileContent: {
@@ -88,6 +129,9 @@ export declare const ContentLayoutBlock: {
                     };
                 };
             };
+            /**
+             * @deprecated Use params on top level instead
+             */
             properties: {
                 size: {
                     type: string;
@@ -99,7 +143,9 @@ export declare const ContentLayoutBlock: {
                     required: string[];
                     properties: {
                         src: {
-                            type: string;
+                            type: string; /**
+                             * @deprecated Use params on top level instead
+                             */
                             pattern: string;
                         };
                         alt: {

package/build/esm/blocks/ContentLayout/schema.js

@@ -2,26 +2,31 @@ import { ImageObjectProps } from '../../components/Image/schema';
 import { BlockBaseProps, FileLinkProps, contentSizes, contentTextWidth, contentThemes, } from '../../schema/validators/common';
 import { filteredArray } from '../../schema/validators/utils';
 import { ContentBlock } from '../../sub-blocks/Content/schema';
+const ContentLayoutBlockProperties = {
+    size: {
+        type: 'string',
+        enum: contentSizes,
+    },
+    background: ImageObjectProps,
+    centered: {
+        type: 'boolean',
+    },
+    theme: {
+        type: 'string',
+        enum: contentThemes,
+    },
+    textWidth: {
+        type: 'string',
+        enum: contentTextWidth,
+    },
+};
 export const ContentLayoutBlock = {
     'content-layout-block': {
         additionalProperties: false,
-        properties: Object.assign(Object.assign({}, BlockBaseProps), { textContent: ContentBlock, fileContent: filteredArray(FileLinkProps), properties: {
-                size: {
-                    type: 'string',
-                    enum: contentSizes,
-                },
-                background: ImageObjectProps,
-                centered: {
-                    type: 'boolean',
-                },
-                theme: {
-                    type: 'string',
-                    enum: contentThemes,
-                },
-                textWidth: {
-                    type: 'string',
-                    enum: contentTextWidth,
-                },
-            } }),
+        properties: Object.assign(Object.assign(Object.assign({}, BlockBaseProps), { textContent: ContentBlock === null || ContentBlock === void 0 ? void 0 : ContentBlock.content, fileContent: filteredArray(FileLinkProps), 
+            /**
+             * @deprecated Use params on top level instead
+             */
+            properties: ContentLayoutBlockProperties }), ContentLayoutBlockProperties),
     },
 };

package/build/esm/blocks/ExtendedFeatures/schema.d.ts

@@ -42,7 +42,8 @@ export declare const ExtendedFeaturesItem: {
                     enum: string[];
                 };
                 analyticsEvents: {
-                    anyOf: ({
+                    oneOf: ({
+                        optionName: string;
                         type: string;
                         additionalProperties: {
                             type: string;
@@ -78,6 +79,7 @@ export declare const ExtendedFeaturesItem: {
                                 type: string;
                             };
                         };
+                        items?: undefined;
                     } | {
                         type: string;
                         items: {
@@ -117,6 +119,7 @@ export declare const ExtendedFeaturesItem: {
                                 };
                             };
                         };
+                        optionName: string;
                     })[];
                 };
                 type: {};
@@ -124,7 +127,28 @@ export declare const ExtendedFeaturesItem: {
             };
         };
         icon: {
-            type: string;
+            oneOf: (({
+                oneOf: ({
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                } | {
+                    type: string;
+                    pattern: string;
+                    optionName: string;
+                })[];
+            } & {
+                optionName: string;
+            }) | {
+                type: string;
+                additionalProperties: boolean;
+                required: import("../..").Theme[];
+                properties: {};
+                optionName: string;
+            })[];
         };
     };
 };
@@ -151,6 +175,10 @@ export declare const ExtendedFeaturesBlock: {
             };
             title: {
                 oneOf: ({
+                    type: string;
+                    optionName: string;
+                } | {
+                    optionName: string;
                     type: string;
                     additionalProperties: boolean;
                     required: string[];
@@ -170,13 +198,12 @@ export declare const ExtendedFeaturesBlock: {
                             type: string;
                         };
                     };
-                } | {
-                    type: string;
                 })[];
             };
             description: {
                 type: string;
                 contentType: string;
+                inputType: string;
             };
             animated: {
                 type: string;

package/build/esm/blocks/ExtendedFeatures/schema.js

@@ -1,4 +1,5 @@
-import { AnimatableProps, BlockBaseProps, BlockHeaderProps, LinkProps, containerSizesObject, } from '../../schema/validators/common';
+import { AnimatableProps, BlockBaseProps, BlockHeaderProps, LinkProps, containerSizesObject, withTheme, } from '../../schema/validators/common';
+import { ImageProps } from '../../schema/validators/components';
 import { filteredArray } from '../../schema/validators/utils';
 export const ExtendedFeaturesItem = {
     additionalProperties: false,
@@ -17,9 +18,7 @@ export const ExtendedFeaturesItem = {
             enum: ['New', 'Preview'],
         },
         link: LinkProps,
-        icon: {
-            type: 'string',
-        },
+        icon: withTheme(ImageProps),
     },
 };
 export const ExtendedFeaturesBlock = {

package/build/esm/blocks/FilterBlock/schema.d.ts

@@ -32,6 +32,7 @@ export declare const FilterProps: {
         allTag: {
             oneOf: {
                 type: string;
+                optionName: string;
             }[];
         };
         colSizes: {
@@ -67,6 +68,10 @@ export declare const FilterProps: {
         };
         title: {
             oneOf: ({
+                type: string;
+                optionName: string;
+            } | {
+                optionName: string;
                 type: string;
                 additionalProperties: boolean;
                 required: string[];
@@ -86,13 +91,12 @@ export declare const FilterProps: {
                         type: string;
                     };
                 };
-            } | {
-                type: string;
             })[];
         };
         description: {
             type: string;
             contentType: string;
+            inputType: string;
         };
         animated: {
             type: string;
@@ -126,13 +130,14 @@ export declare const FilterProps: {
     };
 };
 export declare const FilterBlock: {
-    'filterable-block': {
+    'filter-block': {
         additionalProperties: boolean;
         required: string[];
         properties: {
             allTag: {
                 oneOf: {
                     type: string;
+                    optionName: string;
                 }[];
             };
             colSizes: {
@@ -168,6 +173,10 @@ export declare const FilterBlock: {
             };
             title: {
                 oneOf: ({
+                    type: string;
+                    optionName: string;
+                } | {
+                    optionName: string;
                     type: string;
                     additionalProperties: boolean;
                     required: string[];
@@ -187,13 +196,12 @@ export declare const FilterBlock: {
                             type: string;
                         };
                     };
-                } | {
-                    type: string;
                 })[];
             };
             description: {
                 type: string;
                 contentType: string;
+                inputType: string;
             };
             animated: {
                 type: string;

package/build/esm/blocks/FilterBlock/schema.js

@@ -28,11 +28,22 @@ export const FilterItemProps = {
 export const FilterProps = {
     additionalProperties: false,
     required: ['filterTags', 'block'],
-    properties: Object.assign(Object.assign(Object.assign(Object.assign({}, BlockBaseProps), AnimatableProps), BlockHeaderProps), { allTag: { oneOf: [{ type: 'boolean' }, { type: 'string' }] }, colSizes: containerSizesObject, tags: filteredArray(FilterTagProps), items: filteredArray(FilterItemProps), tagButtonSize: {
+    properties: Object.assign(Object.assign(Object.assign(Object.assign({}, BlockBaseProps), AnimatableProps), BlockHeaderProps), { allTag: {
+            oneOf: [
+                {
+                    type: 'boolean',
+                    optionName: 'auto',
+                },
+                {
+                    type: 'string',
+                    optionName: 'cutom',
+                },
+            ],
+        }, colSizes: containerSizesObject, tags: filteredArray(FilterTagProps), items: filteredArray(FilterItemProps), tagButtonSize: {
             type: 'string',
             enum: ['s', 'm', 'l', 'xl'],
         } }),
 };
 export const FilterBlock = {
-    'filterable-block': FilterProps,
+    'filter-block': FilterProps,
 };

package/build/esm/blocks/Header/Header.css

@@ -6,7 +6,6 @@
 unpredictable css rules order in build */
 .pc-header-block {
   position: relative;
-  margin: 16px 0;
 }
 .pc-header-block_full-width {
   --pc-border-radius: 0;
@@ -30,16 +29,16 @@ unpredictable css rules order in build */
   margin: 16px 0;
 }
 .pc-header-block__content_vertical-offset_s {
-  padding: 48px 0;
+  padding: 64px 0;
 }
 .pc-header-block__content_vertical-offset_m {
-  padding: calc(96px - 16px) 0;
+  padding: 96px 0;
 }
 .pc-header-block__content_vertical-offset_l {
-  padding: calc(128px - 16px) 0;
+  padding: 128px 0;
 }
 .pc-header-block__content_vertical-offset_xl {
-  padding: calc(160px - 16px) 0;
+  padding: 160px 0;
 }
 .pc-header-block__content_offset_large {
   padding: calc(128px - 16px) 0 16px;
@@ -95,10 +94,10 @@ unpredictable css rules order in build */
 .pc-header-block__media {
   position: absolute;
   display: none;
-  top: 0;
+  top: 16px;
   right: 0;
   width: 50%;
-  height: 100%;
+  height: calc(100% - 2 * 16px);
   overflow: hidden;
   object-fit: cover;
   border-radius: var(--pc-border-radius);