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

package/CHANGELOG.md

@@ -1,5 +1,51 @@
 # Changelog
 
+## [3.6.0](https://github.com/gravity-ui/page-constructor/compare/v3.5.0...v3.6.0) (2023-06-19)
+
+
+### Features
+
+* add exeptions for typograf rules ([#397](https://github.com/gravity-ui/page-constructor/issues/397)) ([16490a1](https://github.com/gravity-ui/page-constructor/commit/16490a1df289baf1d922d4821823638ccd43a0c1))
+
+## [3.5.0](https://github.com/gravity-ui/page-constructor/compare/v3.4.0...v3.5.0) (2023-06-19)
+
+
+### Features
+
+* add subpath exports and fix editor form deps ([#407](https://github.com/gravity-ui/page-constructor/issues/407)) ([90ed4b5](https://github.com/gravity-ui/page-constructor/commit/90ed4b51fc30f4a2c25d9bb49bb035f9479f6736))
+
+
+### Bug Fixes
+
+* control panel icons and layout ([#406](https://github.com/gravity-ui/page-constructor/issues/406)) ([e1ecadd](https://github.com/gravity-ui/page-constructor/commit/e1ecadd4b9738e19f8eff3bf5e8e51fea4eca658))
+
+## [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,6 +184,8 @@ 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,26 +11,32 @@ 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: {
@@ -64,8 +70,9 @@ export declare const BannerCardProps: {
                     enum: string[];
                 };
                 img: {
-                    anyOf: ({
+                    oneOf: ({
                         type: string;
+                        optionName: string;
                         additionalProperties?: undefined;
                         required?: undefined;
                         properties?: undefined;
@@ -86,11 +93,13 @@ export declare const BannerCardProps: {
                                 contentType: string;
                             };
                         };
+                        optionName: string;
                     })[];
                 };
                 metrikaGoals: {
-                    anyOf: ({
+                    oneOf: ({
                         type: string;
+                        optionName: string;
                         items?: undefined;
                     } | {
                         type: string;
@@ -100,6 +109,7 @@ export declare const BannerCardProps: {
                             required?: undefined;
                             properties?: undefined;
                         };
+                        optionName: string;
                     } | {
                         type: string;
                         items: {
@@ -115,6 +125,7 @@ export declare const BannerCardProps: {
                                 };
                             };
                         };
+                        optionName: string;
                     })[];
                 };
                 pixelEvents: {
@@ -174,7 +185,8 @@ export declare const BannerCardProps: {
                     };
                 };
                 analyticsEvents: {
-                    anyOf: ({
+                    oneOf: ({
+                        optionName: string;
                         type: string;
                         additionalProperties: {
                             type: string;
@@ -210,6 +222,7 @@ export declare const BannerCardProps: {
                                 type: string;
                             };
                         };
+                        items?: undefined;
                     } | {
                         type: string;
                         items: {
@@ -249,6 +262,7 @@ export declare const BannerCardProps: {
                                 };
                             };
                         };
+                        optionName: string;
                     })[];
                 };
                 target: {
@@ -291,26 +305,32 @@ 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: {
@@ -344,8 +364,9 @@ export declare const BannerBlock: {
                         enum: string[];
                     };
                     img: {
-                        anyOf: ({
+                        oneOf: ({
                             type: string;
+                            optionName: string;
                             additionalProperties?: undefined;
                             required?: undefined;
                             properties?: undefined;
@@ -366,11 +387,13 @@ export declare const BannerBlock: {
                                     contentType: string;
                                 };
                             };
+                            optionName: string;
                         })[];
                     };
                     metrikaGoals: {
-                        anyOf: ({
+                        oneOf: ({
                             type: string;
+                            optionName: string;
                             items?: undefined;
                         } | {
                             type: string;
@@ -380,6 +403,7 @@ export declare const BannerBlock: {
                                 required?: undefined;
                                 properties?: undefined;
                             };
+                            optionName: string;
                         } | {
                             type: string;
                             items: {
@@ -395,6 +419,7 @@ export declare const BannerBlock: {
                                     };
                                 };
                             };
+                            optionName: string;
                         })[];
                     };
                     pixelEvents: {
@@ -454,7 +479,8 @@ export declare const BannerBlock: {
                         };
                     };
                     analyticsEvents: {
-                        anyOf: ({
+                        oneOf: ({
+                            optionName: string;
                             type: string;
                             additionalProperties: {
                                 type: string;
@@ -490,6 +516,7 @@ export declare const BannerBlock: {
                                     type: string;
                                 };
                             };
+                            items?: undefined;
                         } | {
                             type: string;
                             items: {
@@ -529,6 +556,7 @@ export declare const BannerBlock: {
                                     };
                                 };
                             };
+                            optionName: string;
                         })[];
                     };
                     target: {
@@ -572,26 +600,32 @@ 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: {
@@ -625,8 +659,9 @@ export declare const BannerCard: {
                         enum: string[];
                     };
                     img: {
-                        anyOf: ({
+                        oneOf: ({
                             type: string;
+                            optionName: string;
                             additionalProperties?: undefined;
                             required?: undefined;
                             properties?: undefined;
@@ -647,11 +682,13 @@ export declare const BannerCard: {
                                     contentType: string;
                                 };
                             };
+                            optionName: string;
                         })[];
                     };
                     metrikaGoals: {
-                        anyOf: ({
+                        oneOf: ({
                             type: string;
+                            optionName: string;
                             items?: undefined;
                         } | {
                             type: string;
@@ -661,6 +698,7 @@ export declare const BannerCard: {
                                 required?: undefined;
                                 properties?: undefined;
                             };
+                            optionName: string;
                         } | {
                             type: string;
                             items: {
@@ -676,6 +714,7 @@ export declare const BannerCard: {
                                     };
                                 };
                             };
+                            optionName: string;
                         })[];
                     };
                     pixelEvents: {
@@ -735,7 +774,8 @@ export declare const BannerCard: {
                         };
                     };
                     analyticsEvents: {
-                        anyOf: ({
+                        oneOf: ({
+                            optionName: string;
                             type: string;
                             additionalProperties: {
                                 type: string;
@@ -771,6 +811,7 @@ export declare const BannerCard: {
                                     type: string;
                                 };
                             };
+                            items?: undefined;
                         } | {
                             type: string;
                             items: {
@@ -810,6 +851,7 @@ export declare const BannerCard: {
                                     };
                                 };
                             };
+                            optionName: string;
                         })[];
                     };
                     target: {

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

@@ -15,6 +15,10 @@ export declare const CardLayoutProps: {
         };
         title: {
             oneOf: ({
+                type: string;
+                optionName: string;
+            } | {
+                optionName: string;
                 type: string;
                 additionalProperties: boolean;
                 required: string[];
@@ -34,13 +38,12 @@ export declare const CardLayoutProps: {
                         type: string;
                     };
                 };
-            } | {
-                type: string;
             })[];
         };
         description: {
             type: string;
             contentType: string;
+            inputType: string;
         };
         animated: {
             type: string;
@@ -91,6 +94,10 @@ export declare const CardLayoutBlock: {
             };
             title: {
                 oneOf: ({
+                    type: string;
+                    optionName: string;
+                } | {
+                    optionName: string;
                     type: string;
                     additionalProperties: boolean;
                     required: string[];
@@ -110,13 +117,12 @@ 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,11 +26,14 @@ 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,8 +31,9 @@ function getTextWidth(size) {
 }
 const ContentLayoutBlock = (props) => {
     const isMobile = (0, react_1.useContext)(mobileContext_1.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 = (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,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: {