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

package/CHANGELOG.md

@@ -1,32 +1,5 @@
 # Changelog
 
-## [3.4.0](https://github.com/gravity-ui/page-constructor/compare/v3.3.0...v3.4.0) (2023-06-16)
-
-
-### Features
-
-* add editor mode switch  ([#404](https://github.com/gravity-ui/page-constructor/issues/404)) ([118a369](https://github.com/gravity-ui/page-constructor/commit/118a3694459479c240ca9829c6194c1185cad4a4))
-
-## [3.3.0](https://github.com/gravity-ui/page-constructor/compare/v3.2.0...v3.3.0) (2023-06-14)
-
-
-### Features
-
-* add editor forms ([#393](https://github.com/gravity-ui/page-constructor/issues/393)) ([94fd2b2](https://github.com/gravity-ui/page-constructor/commit/94fd2b2f0f5a93d7e775be5c758a62aeecd56e8e))
-
-
-### Bug Fixes
-
-* **Video:** fix schema validator ([#395](https://github.com/gravity-ui/page-constructor/issues/395)) ([0571d27](https://github.com/gravity-ui/page-constructor/commit/0571d277d902c59e546647d42c0620f8a4feb827))
-
-## [3.2.0](https://github.com/gravity-ui/page-constructor/compare/v3.1.2...v3.2.0) (2023-06-13)
-
-
-### Features
-
-* update header offset, remove unnecessary margins ([#369](https://github.com/gravity-ui/page-constructor/issues/369)) ([7757ec1](https://github.com/gravity-ui/page-constructor/commit/7757ec1b80b20b79c693b28cd3c47a7a44a2987f))
-* remove navigation's border by default if scroll top = 0. If you want this border by default, use prop `withBorder: true` im navigation config  
-
 ## [3.1.2](https://github.com/gravity-ui/page-constructor/compare/v3.1.1...v3.1.2) (2023-06-07)
 
 

package/README.md

@@ -184,8 +184,6 @@ Sub-blocks are components that can be used in the block `children` property. In
 
 6. In the block directory, add the `README.md` file with a description of input parameters.
 7. In the block directory add storybook demo in `__stories__` folder. All demo content for story should be placed in `data.json` at story dir. The generic `Story` must accept the type of block props, otherwise incorrect block props will be displayed in Storybook.
-8. Add block data template to `src/editor/data/templates/` folder, file name should match block type
-9. (optional) Add block preview icon to `src/editor/data/previews/` folder, file name should match block type
 
 ### Themes
 

package/build/cjs/blocks/Banner/schema.d.ts

@@ -11,32 +11,26 @@ export declare const BannerCardProps: {
             contentType: string;
         };
         image: {
-            oneOf: (({
+            oneOf: ({
                 type: string;
-            } & {
-                optionName: string;
-            }) | {
+            } | {
                 type: string;
                 additionalProperties: boolean;
                 required: import("../..").Theme[];
                 properties: {};
-                optionName: string;
             })[];
         };
         disableCompress: {
             type: string;
         };
         color: {
-            oneOf: (({
+            oneOf: ({
                 type: string;
-            } & {
-                optionName: string;
-            }) | {
+            } | {
                 type: string;
                 additionalProperties: boolean;
                 required: import("../..").Theme[];
                 properties: {};
-                optionName: string;
             })[];
         };
         theme: {
@@ -70,9 +64,8 @@ export declare const BannerCardProps: {
                     enum: string[];
                 };
                 img: {
-                    oneOf: ({
+                    anyOf: ({
                         type: string;
-                        optionName: string;
                         additionalProperties?: undefined;
                         required?: undefined;
                         properties?: undefined;
@@ -93,13 +86,11 @@ export declare const BannerCardProps: {
                                 contentType: string;
                             };
                         };
-                        optionName: string;
                     })[];
                 };
                 metrikaGoals: {
-                    oneOf: ({
+                    anyOf: ({
                         type: string;
-                        optionName: string;
                         items?: undefined;
                     } | {
                         type: string;
@@ -109,7 +100,6 @@ export declare const BannerCardProps: {
                             required?: undefined;
                             properties?: undefined;
                         };
-                        optionName: string;
                     } | {
                         type: string;
                         items: {
@@ -125,7 +115,6 @@ export declare const BannerCardProps: {
                                 };
                             };
                         };
-                        optionName: string;
                     })[];
                 };
                 pixelEvents: {
@@ -185,8 +174,7 @@ export declare const BannerCardProps: {
                     };
                 };
                 analyticsEvents: {
-                    oneOf: ({
-                        optionName: string;
+                    anyOf: ({
                         type: string;
                         additionalProperties: {
                             type: string;
@@ -222,7 +210,6 @@ export declare const BannerCardProps: {
                                 type: string;
                             };
                         };
-                        items?: undefined;
                     } | {
                         type: string;
                         items: {
@@ -262,7 +249,6 @@ export declare const BannerCardProps: {
                                 };
                             };
                         };
-                        optionName: string;
                     })[];
                 };
                 target: {
@@ -305,32 +291,26 @@ export declare const BannerBlock: {
                 contentType: string;
             };
             image: {
-                oneOf: (({
+                oneOf: ({
                     type: string;
-                } & {
-                    optionName: string;
-                }) | {
+                } | {
                     type: string;
                     additionalProperties: boolean;
                     required: import("../..").Theme[];
                     properties: {};
-                    optionName: string;
                 })[];
             };
             disableCompress: {
                 type: string;
             };
             color: {
-                oneOf: (({
+                oneOf: ({
                     type: string;
-                } & {
-                    optionName: string;
-                }) | {
+                } | {
                     type: string;
                     additionalProperties: boolean;
                     required: import("../..").Theme[];
                     properties: {};
-                    optionName: string;
                 })[];
             };
             theme: {
@@ -364,9 +344,8 @@ export declare const BannerBlock: {
                         enum: string[];
                     };
                     img: {
-                        oneOf: ({
+                        anyOf: ({
                             type: string;
-                            optionName: string;
                             additionalProperties?: undefined;
                             required?: undefined;
                             properties?: undefined;
@@ -387,13 +366,11 @@ export declare const BannerBlock: {
                                     contentType: string;
                                 };
                             };
-                            optionName: string;
                         })[];
                     };
                     metrikaGoals: {
-                        oneOf: ({
+                        anyOf: ({
                             type: string;
-                            optionName: string;
                             items?: undefined;
                         } | {
                             type: string;
@@ -403,7 +380,6 @@ export declare const BannerBlock: {
                                 required?: undefined;
                                 properties?: undefined;
                             };
-                            optionName: string;
                         } | {
                             type: string;
                             items: {
@@ -419,7 +395,6 @@ export declare const BannerBlock: {
                                     };
                                 };
                             };
-                            optionName: string;
                         })[];
                     };
                     pixelEvents: {
@@ -479,8 +454,7 @@ export declare const BannerBlock: {
                         };
                     };
                     analyticsEvents: {
-                        oneOf: ({
-                            optionName: string;
+                        anyOf: ({
                             type: string;
                             additionalProperties: {
                                 type: string;
@@ -516,7 +490,6 @@ export declare const BannerBlock: {
                                     type: string;
                                 };
                             };
-                            items?: undefined;
                         } | {
                             type: string;
                             items: {
@@ -556,7 +529,6 @@ export declare const BannerBlock: {
                                     };
                                 };
                             };
-                            optionName: string;
                         })[];
                     };
                     target: {
@@ -600,32 +572,26 @@ export declare const BannerCard: {
                 contentType: string;
             };
             image: {
-                oneOf: (({
+                oneOf: ({
                     type: string;
-                } & {
-                    optionName: string;
-                }) | {
+                } | {
                     type: string;
                     additionalProperties: boolean;
                     required: import("../..").Theme[];
                     properties: {};
-                    optionName: string;
                 })[];
             };
             disableCompress: {
                 type: string;
             };
             color: {
-                oneOf: (({
+                oneOf: ({
                     type: string;
-                } & {
-                    optionName: string;
-                }) | {
+                } | {
                     type: string;
                     additionalProperties: boolean;
                     required: import("../..").Theme[];
                     properties: {};
-                    optionName: string;
                 })[];
             };
             theme: {
@@ -659,9 +625,8 @@ export declare const BannerCard: {
                         enum: string[];
                     };
                     img: {
-                        oneOf: ({
+                        anyOf: ({
                             type: string;
-                            optionName: string;
                             additionalProperties?: undefined;
                             required?: undefined;
                             properties?: undefined;
@@ -682,13 +647,11 @@ export declare const BannerCard: {
                                     contentType: string;
                                 };
                             };
-                            optionName: string;
                         })[];
                     };
                     metrikaGoals: {
-                        oneOf: ({
+                        anyOf: ({
                             type: string;
-                            optionName: string;
                             items?: undefined;
                         } | {
                             type: string;
@@ -698,7 +661,6 @@ export declare const BannerCard: {
                                 required?: undefined;
                                 properties?: undefined;
                             };
-                            optionName: string;
                         } | {
                             type: string;
                             items: {
@@ -714,7 +676,6 @@ export declare const BannerCard: {
                                     };
                                 };
                             };
-                            optionName: string;
                         })[];
                     };
                     pixelEvents: {
@@ -774,8 +735,7 @@ export declare const BannerCard: {
                         };
                     };
                     analyticsEvents: {
-                        oneOf: ({
-                            optionName: string;
+                        anyOf: ({
                             type: string;
                             additionalProperties: {
                                 type: string;
@@ -811,7 +771,6 @@ export declare const BannerCard: {
                                     type: string;
                                 };
                             };
-                            items?: undefined;
                         } | {
                             type: string;
                             items: {
@@ -851,7 +810,6 @@ export declare const BannerCard: {
                                     };
                                 };
                             };
-                            optionName: string;
                         })[];
                     };
                     target: {

package/build/cjs/blocks/CardLayout/schema.d.ts

@@ -15,10 +15,6 @@ export declare const CardLayoutProps: {
         };
         title: {
             oneOf: ({
-                type: string;
-                optionName: string;
-            } | {
-                optionName: string;
                 type: string;
                 additionalProperties: boolean;
                 required: string[];
@@ -38,12 +34,13 @@ export declare const CardLayoutProps: {
                         type: string;
                     };
                 };
+            } | {
+                type: string;
             })[];
         };
         description: {
             type: string;
             contentType: string;
-            inputType: string;
         };
         animated: {
             type: string;
@@ -94,10 +91,6 @@ export declare const CardLayoutBlock: {
             };
             title: {
                 oneOf: ({
-                    type: string;
-                    optionName: string;
-                } | {
-                    optionName: string;
                     type: string;
                     additionalProperties: boolean;
                     required: string[];
@@ -117,12 +110,13 @@ export declare const CardLayoutBlock: {
                             type: string;
                         };
                     };
+                } | {
+                    type: string;
                 })[];
             };
             description: {
                 type: string;
                 contentType: string;
-                inputType: string;
             };
             animated: {
                 type: string;

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

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

package/build/cjs/blocks/ContentLayout/ContentLayout.js

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

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

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