@gravity-ui/page-constructor 3.0.0-alpha.6 → 3.1.0

package/CHANGELOG.md

@@ -1,5 +1,64 @@
 # Changelog
 
+## [3.1.0](https://github.com/gravity-ui/page-constructor/compare/v3.0.0...v3.1.0) (2023-06-05)
+
+
+### Features
+
+* add analytics to video block ([#376](https://github.com/gravity-ui/page-constructor/issues/376)) ([85510cc](https://github.com/gravity-ui/page-constructor/commit/85510cc45475c8cf12561eed0e7a5b04fc14af5f))
+
+
+### Bug Fixes
+
+* rerende slider chidldren on their update ([#380](https://github.com/gravity-ui/page-constructor/issues/380)) ([65e3168](https://github.com/gravity-ui/page-constructor/commit/65e31689d1817a34de094bb383b667672878d9ff))
+
+## [3.0.0](https://github.com/gravity-ui/page-constructor/compare/v2.22.2...v3.0.0) (2023-06-05)
+
+
+### ⚠ BREAKING CHANGES
+
+* remove Preview block ([#235](https://github.com/gravity-ui/page-constructor/issues/235)), use Tabs block
+* remove Simple block ([#228](https://github.com/gravity-ui/page-constructor/issues/228)), use ContentLayout block
+* remove CardWithImage sub-block ([#236](https://github.com/gravity-ui/page-constructor/issues/236)), use LayoutItem sub-block
+* remove Security block ([#321](https://github.com/gravity-ui/page-constructor/issues/321)), use ContentLayout block
+* remove LinkTable block ([#325](https://github.com/gravity-ui/page-constructor/issues/325)), use ContentLayout block
+* remove TutorialCard sub-block ([#331](https://github.com/gravity-ui/page-constructor/issues/331)), use BasicCard sub-block
+* remove hook HeightCalculator ([#328](https://github.com/gravity-ui/page-constructor/issues/328))
+* remove Partner sub-block ([#335](https://github.com/gravity-ui/page-constructor/issues/335)), use BasicCard sub-block
+* remove NewsCard sub-block ([#342](https://github.com/gravity-ui/page-constructor/issues/342)), use BasicCard sub-block
+* remove component Footnotes ([#343](https://github.com/gravity-ui/page-constructor/issues/343)), use ContentLayout block
+* remove component BlockHeader ([#341](https://github.com/gravity-ui/page-constructor/issues/341)), use component Title
+* remove property `fullScreen` from components ([#366](https://github.com/gravity-ui/page-constructor/issues/366)), use property `fullscreen`
+* rename component FullScreenMedia to FullscreenMedia ([#366](https://github.com/gravity-ui/page-constructor/issues/366))
+* rename icon name FullScreen to Fullscreen ([#366](https://github.com/gravity-ui/page-constructor/issues/366))
+* remove property `showFullScreenIcon` from FullscreenMedia ([#366](https://github.com/gravity-ui/page-constructor/issues/366)), use property `showFullscreenIcon`
+
+
+### refactor
+
+* refactor text-transform functions ([#225](https://github.com/gravity-ui/page-constructor/issues/225))
+
+## [2.22.2](https://github.com/gravity-ui/page-constructor/compare/v2.22.1...v2.22.2) (2023-06-01)
+
+
+### Bug Fixes
+
+* **MediaBlock:** add border property into schema ([#371](https://github.com/gravity-ui/page-constructor/issues/371)) ([5365791](https://github.com/gravity-ui/page-constructor/commit/5365791550bdb2ed8258d9582605e620ab0e1b11))
+
+## [2.22.1](https://github.com/gravity-ui/page-constructor/compare/v2.22.0...v2.22.1) (2023-06-01)
+
+
+### Bug Fixes
+
+* filter block nesting ([#364](https://github.com/gravity-ui/page-constructor/issues/364)) ([5b62522](https://github.com/gravity-ui/page-constructor/commit/5b62522e5e34eeacbb2fb9ec6de957bba69cd758))
+
+## [2.22.0](https://github.com/gravity-ui/page-constructor/compare/v2.21.0...v2.22.0) (2023-05-31)
+
+
+### Features
+
+* **Media:** add fullscreen video ([#345](https://github.com/gravity-ui/page-constructor/issues/345)) ([516a9a8](https://github.com/gravity-ui/page-constructor/commit/516a9a8423d710b6ecad33046121c489fa876e30))
+
 ## [2.21.0](https://github.com/gravity-ui/page-constructor/compare/v2.20.1...v2.21.0) (2023-05-29)
 
 

package/README.md

@@ -183,7 +183,7 @@ Sub-blocks are components that can be used in the block `children` property. In
    - Add it to `enum` or `selectCases` in the `schema/index.ts` file.
 
 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)
+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.
 
 ### Themes
 
@@ -339,3 +339,18 @@ Release-As: 3.0.0-beta.0' --allow-empty
 
 4. Release please robot will create a new PR to the branch `beta` with updated CHANGELOG.md and bump version of the package
 5. You can repeat it as many as you want. When you ready to release the latest major version without beta tag, you have to create PR from branch `beta` to branch `main`. Notice that it is normal that your package version will be with beta tag. Robot knows that and change it properly. `3.0.0-beta.0` will become `3.0.0`
+
+### Release flow for previous major-versions
+
+If you want to release a new version in previous major after commit it to the main, please do the following:
+
+1. Update necessary branch, the previous major release branch names are:
+   1. `version-1.x.x/fixes` - for major 1.x.x
+   2. `version-2.x.x` - for major 2.x.x
+2. Checkout a new branch from the previous major release branch
+3. Cherry-pick your commit from the branch `main`
+4. Create PR, get an approval and merge into the previous major release branch
+5. Squash and merge your PR (It is important to release a new version with Github-Actions)
+6. Wait until robot creates a PR with a new version of the package and information about your changes in CHANGELOG.md. You can see the process on [the Actions tab](https://github.com/gravity-ui/page-constructor/actions).
+7. Check your changes in CHANGELOG.md and approve robot's PR.
+8. Squash and merge PR. You can see release process on [the Actions tab](https://github.com/gravity-ui/page-constructor/actions).

package/build/cjs/blocks/CardLayout/CardLayout.js

@@ -12,6 +12,6 @@ const DEFAULT_SIZES = {
 };
 const b = (0, utils_1.block)('card-layout-block');
 const CardLayout = ({ title, description, animated, colSizes = DEFAULT_SIZES, children, }) => (react_1.default.createElement(components_1.AnimateBlock, { className: b(), animate: animated },
-    react_1.default.createElement(components_1.Title, { title: title, subtitle: description }),
+    (title || description) && react_1.default.createElement(components_1.Title, { title: title, subtitle: description }),
     react_1.default.createElement(grid_1.Row, null, react_1.default.Children.map(children, (child, index) => (react_1.default.createElement(grid_1.Col, { key: index, sizes: colSizes, className: b('item') }, child))))));
 exports.default = CardLayout;

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

@@ -1,6 +1,6 @@
 export declare const CardLayoutProps: {
     additionalProperties: boolean;
-    required: string[];
+    required: never[];
     properties: {
         colSizes: {
             type: string;
@@ -76,7 +76,7 @@ export declare const CardLayoutProps: {
 export declare const CardLayoutBlock: {
     'card-layout-block': {
         additionalProperties: boolean;
-        required: string[];
+        required: never[];
         properties: {
             colSizes: {
                 type: string;

package/build/cjs/blocks/CardLayout/schema.js

@@ -4,7 +4,7 @@ exports.CardLayoutBlock = exports.CardLayoutProps = void 0;
 const common_1 = require("../../schema/validators/common");
 exports.CardLayoutProps = {
     additionalProperties: false,
-    required: ['title'],
+    required: [],
     properties: Object.assign(Object.assign(Object.assign(Object.assign({}, common_1.BlockBaseProps), common_1.AnimatableProps), common_1.BlockHeaderProps), { colSizes: common_1.containerSizesObject, children: common_1.ChildrenCardsProps }),
 };
 exports.CardLayoutBlock = {

package/build/cjs/blocks/FilterBlock/FilterBlock.js

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
+const __1 = require("..");
 const components_1 = require("../../components");
 const ButtonTabs_1 = tslib_1.__importDefault(require("../../components/ButtonTabs/ButtonTabs"));
-const ConstructorBlocks_1 = require("../../containers/PageConstructor/components/ConstructorBlocks");
+const ConstructorItem_1 = require("../../containers/PageConstructor/components/ConstructorItem");
 const grid_1 = require("../../grid");
-const models_1 = require("../../models");
 const utils_1 = require("../../utils");
 const i18n_1 = tslib_1.__importDefault(require("./i18n"));
 const b = (0, utils_1.block)('filter-block');
@@ -24,25 +24,21 @@ const FilterBlock = ({ title, description, tags, tagButtonSize, allTag, items, c
             ? tabButtons[0].id
             : selectedTag;
     }, [tabButtons, selectedTag]);
-    const container = (0, react_1.useMemo)(() => {
+    const cards = (0, react_1.useMemo)(() => {
         const itemsToShow = actualTag
             ? items.filter((item) => item.tags.includes(actualTag))
             : items;
-        return [
-            {
-                type: models_1.BlockType.CardLayoutBlock,
-                title: '',
-                colSizes: colSizes,
-                children: itemsToShow.map((item) => item.card),
-            },
-        ];
-    }, [actualTag, items, colSizes]);
+        return itemsToShow.map((item) => item.card);
+    }, [actualTag, items]);
     return (react_1.default.createElement(components_1.AnimateBlock, { className: b(), animate: animated },
         title && (react_1.default.createElement(components_1.Title, { className: b('title', { centered: centered }), title: title, subtitle: description })),
         tabButtons.length && (react_1.default.createElement(grid_1.Row, null,
             react_1.default.createElement(grid_1.Col, null,
                 react_1.default.createElement(ButtonTabs_1.default, { className: b('tabs', { centered: centered }), items: tabButtons, activeTab: selectedTag, onSelectTab: setSelectedTag, tabSize: tagButtonSize })))),
         react_1.default.createElement(grid_1.Row, { className: b('block-container') },
-            react_1.default.createElement(ConstructorBlocks_1.ConstructorBlocks, { items: container }))));
+            react_1.default.createElement(__1.CardLayoutBlock, { title: "", colSizes: colSizes }, cards.map((card, index) => {
+                const key = (0, utils_1.getBlockKey)(card, index);
+                return react_1.default.createElement(ConstructorItem_1.ConstructorItem, { data: card, blockKey: key, key: key });
+            })))));
 };
 exports.default = FilterBlock;

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

@@ -137,6 +137,87 @@ export declare const HeaderBackgroundProps: {
                 type: string;
             })[];
         };
+        fullscreen: {
+            type: string;
+        };
+        analyticsEvents: {
+            anyOf: ({
+                type: string;
+                additionalProperties: {
+                    type: string;
+                };
+                required: string[];
+                properties: {
+                    name: {
+                        type: string;
+                    };
+                    type: {
+                        type: string;
+                    };
+                    counters: {
+                        type: string;
+                        additionalProperties: boolean;
+                        required: never[];
+                        properties: {
+                            include: {
+                                type: string;
+                                items: {
+                                    type: string;
+                                };
+                            };
+                            exclude: {
+                                type: string;
+                                items: {
+                                    type: string;
+                                };
+                            };
+                        };
+                    };
+                    context: {
+                        type: string;
+                    };
+                };
+            } | {
+                type: string;
+                items: {
+                    type: string;
+                    additionalProperties: {
+                        type: string;
+                    };
+                    required: string[];
+                    properties: {
+                        name: {
+                            type: string;
+                        };
+                        type: {
+                            type: string;
+                        };
+                        counters: {
+                            type: string;
+                            additionalProperties: boolean;
+                            required: never[];
+                            properties: {
+                                include: {
+                                    type: string;
+                                    items: {
+                                        type: string;
+                                    };
+                                };
+                                exclude: {
+                                    type: string;
+                                    items: {
+                                        type: string;
+                                    };
+                                };
+                            };
+                        };
+                        context: {
+                            type: string;
+                        };
+                    };
+                };
+            })[];
+        };
     };
 };
 export declare const HeaderProperties: {
@@ -424,6 +505,87 @@ export declare const HeaderProperties: {
                         type: string;
                     })[];
                 };
+                fullscreen: {
+                    type: string;
+                };
+                analyticsEvents: {
+                    anyOf: ({
+                        type: string;
+                        additionalProperties: {
+                            type: string;
+                        };
+                        required: string[];
+                        properties: {
+                            name: {
+                                type: string;
+                            };
+                            type: {
+                                type: string;
+                            };
+                            counters: {
+                                type: string;
+                                additionalProperties: boolean;
+                                required: never[];
+                                properties: {
+                                    include: {
+                                        type: string;
+                                        items: {
+                                            type: string;
+                                        };
+                                    };
+                                    exclude: {
+                                        type: string;
+                                        items: {
+                                            type: string;
+                                        };
+                                    };
+                                };
+                            };
+                            context: {
+                                type: string;
+                            };
+                        };
+                    } | {
+                        type: string;
+                        items: {
+                            type: string;
+                            additionalProperties: {
+                                type: string;
+                            };
+                            required: string[];
+                            properties: {
+                                name: {
+                                    type: string;
+                                };
+                                type: {
+                                    type: string;
+                                };
+                                counters: {
+                                    type: string;
+                                    additionalProperties: boolean;
+                                    required: never[];
+                                    properties: {
+                                        include: {
+                                            type: string;
+                                            items: {
+                                                type: string;
+                                            };
+                                        };
+                                        exclude: {
+                                            type: string;
+                                            items: {
+                                                type: string;
+                                            };
+                                        };
+                                    };
+                                };
+                                context: {
+                                    type: string;
+                                };
+                            };
+                        };
+                    })[];
+                };
             };
         } | {
             type: string;
@@ -757,6 +919,87 @@ export declare const HeaderBlock: {
                                 type: string;
                             })[];
                         };
+                        fullscreen: {
+                            type: string;
+                        };
+                        analyticsEvents: {
+                            anyOf: ({
+                                type: string;
+                                additionalProperties: {
+                                    type: string;
+                                };
+                                required: string[];
+                                properties: {
+                                    name: {
+                                        type: string;
+                                    };
+                                    type: {
+                                        type: string;
+                                    };
+                                    counters: {
+                                        type: string;
+                                        additionalProperties: boolean;
+                                        required: never[];
+                                        properties: {
+                                            include: {
+                                                type: string;
+                                                items: {
+                                                    type: string;
+                                                };
+                                            };
+                                            exclude: {
+                                                type: string;
+                                                items: {
+                                                    type: string;
+                                                };
+                                            };
+                                        };
+                                    };
+                                    context: {
+                                        type: string;
+                                    };
+                                };
+                            } | {
+                                type: string;
+                                items: {
+                                    type: string;
+                                    additionalProperties: {
+                                        type: string;
+                                    };
+                                    required: string[];
+                                    properties: {
+                                        name: {
+                                            type: string;
+                                        };
+                                        type: {
+                                            type: string;
+                                        };
+                                        counters: {
+                                            type: string;
+                                            additionalProperties: boolean;
+                                            required: never[];
+                                            properties: {
+                                                include: {
+                                                    type: string;
+                                                    items: {
+                                                        type: string;
+                                                    };
+                                                };
+                                                exclude: {
+                                                    type: string;
+                                                    items: {
+                                                        type: string;
+                                                    };
+                                                };
+                                            };
+                                        };
+                                        context: {
+                                            type: string;
+                                        };
+                                    };
+                                };
+                            })[];
+                        };
                     };
                 } | {
                     type: string;

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

@@ -294,6 +294,87 @@ export declare const HeaderSliderBlock: {
                                             type: string;
                                         })[];
                                     };
+                                    fullscreen: {
+                                        type: string;
+                                    };
+                                    analyticsEvents: {
+                                        anyOf: ({
+                                            type: string;
+                                            additionalProperties: {
+                                                type: string;
+                                            };
+                                            required: string[];
+                                            properties: {
+                                                name: {
+                                                    type: string;
+                                                };
+                                                type: {
+                                                    type: string;
+                                                };
+                                                counters: {
+                                                    type: string;
+                                                    additionalProperties: boolean;
+                                                    required: never[];
+                                                    properties: {
+                                                        include: {
+                                                            type: string;
+                                                            items: {
+                                                                type: string;
+                                                            };
+                                                        };
+                                                        exclude: {
+                                                            type: string;
+                                                            items: {
+                                                                type: string;
+                                                            };
+                                                        };
+                                                    };
+                                                };
+                                                context: {
+                                                    type: string;
+                                                };
+                                            };
+                                        } | {
+                                            type: string;
+                                            items: {
+                                                type: string;
+                                                additionalProperties: {
+                                                    type: string;
+                                                };
+                                                required: string[];
+                                                properties: {
+                                                    name: {
+                                                        type: string;
+                                                    };
+                                                    type: {
+                                                        type: string;
+                                                    };
+                                                    counters: {
+                                                        type: string;
+                                                        additionalProperties: boolean;
+                                                        required: never[];
+                                                        properties: {
+                                                            include: {
+                                                                type: string;
+                                                                items: {
+                                                                    type: string;
+                                                                };
+                                                            };
+                                                            exclude: {
+                                                                type: string;
+                                                                items: {
+                                                                    type: string;
+                                                                };
+                                                            };
+                                                        };
+                                                    };
+                                                    context: {
+                                                        type: string;
+                                                    };
+                                                };
+                                            };
+                                        })[];
+                                    };
                                 };
                             } | {
                                 type: string;