@gravity-ui/page-constructor 1.15.0-alpha.9 → 1.15.1

package/CHANGELOG.md

@@ -1,5 +1,51 @@
 # Changelog
 
+## [1.15.1](https://github.com/gravity-ui/page-constructor/compare/v1.15.0...v1.15.1) (2023-02-10)
+
+
+### Bug Fixes
+
+* change meta info tag to h4 ([#140](https://github.com/gravity-ui/page-constructor/issues/140)) ([8cd84bd](https://github.com/gravity-ui/page-constructor/commit/8cd84bd5e313b41caf240b1ff155a9698ec9c17a))
+
+## [1.15.0](https://github.com/gravity-ui/page-constructor/compare/v1.14.4...v1.15.0) (2023-02-10)
+
+
+### Features
+
+* add handler for submit error in hubspot forms ([#135](https://github.com/gravity-ui/page-constructor/issues/135)) ([5f9b7a8](https://github.com/gravity-ui/page-constructor/commit/5f9b7a89996b0d2237d62ffccbea6d08f19a8d35))
+
+## [1.14.4](https://github.com/gravity-ui/page-constructor/compare/v1.14.3...v1.14.4) (2023-02-10)
+
+
+### Bug Fixes
+
+* changelog ([#136](https://github.com/gravity-ui/page-constructor/issues/136)) ([a07c738](https://github.com/gravity-ui/page-constructor/commit/a07c738e09898a952e63e1f0712cc9a31076cc1c))
+
+## [1.14.3](https://github.com/gravity-ui/page-constructor/compare/v1.14.2...v1.14.3) (2023-02-10)
+
+### Features
+
+* LayoutItem was added and CardWithImage was deprecated ([#132](https://github.com/gravity-ui/page-constructor/issues/132))([4abebb5](https://github.com/gravity-ui/page-constructor/commit/4abebb573e12d0976d61541e2f33c17f3d25453a))
+
+### Bug Fixes
+
+* remove unused card types ([#130](https://github.com/gravity-ui/page-constructor/issues/130)) ([22da2fa](https://github.com/gravity-ui/page-constructor/commit/22da2fadd433e12e84cf8afd238c369cff5f2c24))
+
+## [1.14.2](https://github.com/gravity-ui/page-constructor/compare/v1.14.1...v1.14.2) (2023-02-02)
+
+
+### Bug Fixes
+
+* **HubspotForm:** border-radius ([#128](https://github.com/gravity-ui/page-constructor/issues/128)) ([437344b](https://github.com/gravity-ui/page-constructor/commit/437344b510cbde11bdf6e3a3ceb914fb0818a016))
+
+## [1.14.1](https://github.com/gravity-ui/page-constructor/compare/v1.14.0...v1.14.1) (2023-02-01)
+
+
+### Bug Fixes
+
+* enable addons menu by default ([7772a55](https://github.com/gravity-ui/page-constructor/commit/7772a554950643d7cdbb86a8dedade6f916ae176))
+* **Storybook:** fix links ([#123](https://github.com/gravity-ui/page-constructor/issues/123)) ([10cfe80](https://github.com/gravity-ui/page-constructor/commit/10cfe8054178bd577014dfff83033ff0c0dd9add))
+
 ## [1.14.0](https://github.com/gravity-ui/page-constructor/compare/v1.13.2...v1.14.0) (2023-01-25)
 
 

package/README.md

@@ -43,8 +43,7 @@ interface PageConstructorProviderProps {
   isMobile?: boolean; //A flag indicating that the code is executed in mobile mode.
   locale?: LocaleContextProps; //Info about the language and domain (used when generating and formatting links).
   location?: Location; //API of the browser or router history, the page URL.
-  analytics?: AnalyticsContextProps; // function to handle analytics event
-
+  metrika?: Metrika; //Functions for sending analytics
   ssrConfig?: SSR; //A flag indicating that the code is run on the server size.
   theme?: 'light' | 'dark'; //Theme to render the page with.
 }
@@ -82,17 +81,10 @@ interface SSR {
   isServer?: boolean;
 }
 
-type AnalyticsCounters = {
-  include?: string[];
-  exclude?: string[];
-};
-
-type AnalyticsEvent<T = {}> = T & {
-  name: string;
-  type?: string;
-  counters?: AnalyticsCounters;
-  blockName?: string;
-};
+interface Metrika {
+  metrika?: any;
+  pixel?: any;
+}
 
 interface NavigationData {
   logo: NavigationLogo;
@@ -219,68 +211,6 @@ import {configure, Lang} from '@gravity-ui/page-constructor';
 configure({lang: Lang.En});
 ```
 
-### Analytics
-
-#### Init
-
-To start use any Analytics it is necessary to pass a handler to the constructor. The handler will receive `default` and `custom` event objects.
-
-```ts
-function sendEvents(event: AnalyticsEvent | AnalyticsEvent []) {
-  ...
-}
-
-<PageConstructorProvider
-    ...
-
-    analytics={{sendEvents}}
-
-    ...
-/>,
-```
-
-An event object has only one required option - `name`. It also has predefined fields, which serve to help manage complex logic. For example, `counter.include` can help to send event in a particular counter if several are used in a project. The handler must be created on a project side.
-
-```ts
-type AnalyticsCounters = {
-  include?: string[];
-  exclude?: string[];
-};
-
-type AnalyticsEvent<T = {}> = T & {
-  name: string;
-  type?: string;
-  counters?: AnalyticsCounters;
-  blockName?: string;
-};
-```
-
-```ts
-const isCounterAllowed = (counter: Counter, counters?: AnalyticsCounters) => {
-  if (!counters) {
-    return true;
-  }
-
-  if (counters.exclude?.includes(counter)) {
-    return false;
-  } else if (counters.include?.includes(counter)) {
-    return true;
-  }
-
-  return false;
-};
-
-if (isCounterAllowed(counterName, counters)) {
-  analyticsCounter.reachGoal(counterName, name, parameters);
-}
-```
-
-#### Reserved types
-
-`default` - fires on every click
-`play` - fires on
-`stop` - fires on
-
 ## Development
 
 ```bash

package/build/cjs/blocks/Banner/Banner.js

@@ -4,14 +4,13 @@ exports.BannerBlock = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const utils_1 = require("../../utils");
-const models_1 = require("../../models");
 const AnimateBlock_1 = tslib_1.__importDefault(require("../../components/AnimateBlock/AnimateBlock"));
 const sub_blocks_1 = require("../../sub-blocks");
 const b = (0, utils_1.block)('banner-block');
 const BannerBlock = (props) => {
-    const { animated, blockName = models_1.BlockType.BannerBlock } = props, bannerProps = tslib_1.__rest(props, ["animated", "blockName"]);
+    const { animated } = props, bannerProps = tslib_1.__rest(props, ["animated"]);
     return (react_1.default.createElement(AnimateBlock_1.default, { className: b(), animate: animated },
-        react_1.default.createElement(sub_blocks_1.BannerCard, Object.assign({}, bannerProps, { blockName: blockName }))));
+        react_1.default.createElement(sub_blocks_1.BannerCard, Object.assign({}, bannerProps))));
 };
 exports.BannerBlock = BannerBlock;
 exports.default = exports.BannerBlock;

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

@@ -173,84 +173,6 @@ export declare const BannerCardProps: {
                         };
                     };
                 };
-                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;
-                                        };
-                                    };
-                                };
-                            };
-                            blockName: {
-                                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;
-                                            };
-                                        };
-                                    };
-                                };
-                                blockName: {
-                                    type: string;
-                                };
-                            };
-                        };
-                    })[];
-                };
                 target: {
                     type: string;
                     enum: string[];
@@ -270,9 +192,6 @@ export declare const BannerCardProps: {
                 required: string[];
             };
         };
-        blockName: {
-            type: string;
-        };
         animated: {
             type: string;
         };
@@ -456,84 +375,6 @@ export declare const BannerBlock: {
                             };
                         };
                     };
-                    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;
-                                            };
-                                        };
-                                    };
-                                };
-                                blockName: {
-                                    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;
-                                                };
-                                            };
-                                        };
-                                    };
-                                    blockName: {
-                                        type: string;
-                                    };
-                                };
-                            };
-                        })[];
-                    };
                     target: {
                         type: string;
                         enum: string[];
@@ -553,9 +394,6 @@ export declare const BannerBlock: {
                     required: string[];
                 };
             };
-            blockName: {
-                type: string;
-            };
             animated: {
                 type: string;
             };
@@ -740,84 +578,6 @@ export declare const BannerCard: {
                             };
                         };
                     };
-                    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;
-                                            };
-                                        };
-                                    };
-                                };
-                                blockName: {
-                                    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;
-                                                };
-                                            };
-                                        };
-                                    };
-                                    blockName: {
-                                        type: string;
-                                    };
-                                };
-                            };
-                        })[];
-                    };
                     target: {
                         type: string;
                         enum: string[];
@@ -837,9 +597,6 @@ export declare const BannerCard: {
                     required: string[];
                 };
             };
-            blockName: {
-                type: string;
-            };
             animated: {
                 type: string;
             };

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

@@ -20,9 +20,7 @@ exports.BannerCardProps = {
         }), theme: common_1.ThemeProps, width: {
             type: 'string',
             enum: ['s', 'm', 'l'],
-        }, button: common_1.ButtonBlock, blockName: {
-            type: 'string',
-        } }),
+        }, button: common_1.ButtonBlock }),
 };
 exports.BannerBlock = {
     'banner-block': exports.BannerCardProps,

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

@@ -66,9 +66,6 @@ export declare const CardLayoutProps: {
         resetPaddings: {
             type: string;
         };
-        blockName: {
-            type: string;
-        };
         type: {};
         when: {};
     };
@@ -142,9 +139,6 @@ export declare const CardLayoutBlock: {
             resetPaddings: {
                 type: string;
             };
-            blockName: {
-                type: string;
-            };
             type: {};
             when: {};
         };

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

@@ -4,7 +4,6 @@ exports.ContentLayoutBlock = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const utils_1 = require("../../utils");
-const models_1 = require("../../models");
 const sub_blocks_1 = require("../../sub-blocks");
 const components_1 = require("../../components");
 const grid_1 = require("../../grid");
@@ -32,11 +31,11 @@ function getTextWidth(size) {
 }
 const ContentLayoutBlock = (props) => {
     const isMobile = (0, react_1.useContext)(mobileContext_1.MobileContext);
-    const { textContent, fileContent, properties: cardLayoutProperties = { size: 'l' }, blockName = models_1.BlockType.ContentLayoutBlock, } = props;
+    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, blockName: blockName })),
+        react_1.default.createElement(sub_blocks_1.Content, Object.assign({ className: b('content') }, textContent, { size: size, centered: centered, colSizes: colSizes, theme: theme })),
         fileContent && (react_1.default.createElement(grid_1.Col, { className: b('files', { size, centered }), reset: true, sizes: colSizes }, fileContent.map((file) => (react_1.default.createElement(components_1.FileLink, Object.assign({ className: b('file') }, file, { key: file.href, type: "horizontal", textSize: getFileTextSize(size), theme: theme })))))),
         background && (react_1.default.createElement("div", { className: b('background') },
             react_1.default.createElement(components_1.BackgroundImage, Object.assign({ className: b('background-item') }, background, { hide: isMobile }))))));

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

@@ -144,9 +144,6 @@ export declare const ContentLayoutBlock: {
             resetPaddings: {
                 type: string;
             };
-            blockName: {
-                type: string;
-            };
             type: {};
             when: {};
         };

package/build/cjs/blocks/ExtendedFeatures/ExtendedFeatures.d.ts

@@ -1,3 +1,3 @@
 import { ExtendedFeaturesProps } from '../../models';
-export declare const ExtendedFeaturesBlock: ({ title, description, items, colSizes, animated, blockName, }: ExtendedFeaturesProps) => JSX.Element;
+export declare const ExtendedFeaturesBlock: ({ title, description, items, colSizes, animated, }: ExtendedFeaturesProps) => JSX.Element;
 export default ExtendedFeaturesBlock;

package/build/cjs/blocks/ExtendedFeatures/ExtendedFeatures.js

@@ -4,7 +4,6 @@ exports.ExtendedFeaturesBlock = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const utils_1 = require("../../utils");
-const models_1 = require("../../models");
 const grid_1 = require("../../grid");
 const components_1 = require("../../components/");
 const sub_blocks_1 = require("../../sub-blocks");
@@ -17,7 +16,7 @@ const DEFAULT_SIZES = {
     sm: 6,
     md: 4,
 };
-const ExtendedFeaturesBlock = ({ title, description, items, colSizes = DEFAULT_SIZES, animated, blockName = models_1.BlockType.ExtendedFeaturesBlock, }) => {
+const ExtendedFeaturesBlock = ({ title, description, items, colSizes = DEFAULT_SIZES, animated, }) => {
     const { themeValue: theme } = (0, react_1.useContext)(ThemeValueContext_1.ThemeValueContext);
     return (react_1.default.createElement(components_1.AnimateBlock, { className: b(), animate: animated },
         react_1.default.createElement(components_1.BlockHeader, { title: title, description: description, className: b('header') }),
@@ -35,7 +34,7 @@ const ExtendedFeaturesBlock = ({ title, description, items, colSizes = DEFAULT_S
                         itemTitle && (react_1.default.createElement("h5", { className: b('item-title') },
                             react_1.default.createElement(components_1.HTML, null, itemTitle),
                             label && (react_1.default.createElement("div", { className: b('item-label') }, label)))),
-                        react_1.default.createElement(sub_blocks_1.Content, { text: text, links: itemLinks, size: "s", colSizes: { all: 12, md: 12 }, buttons: buttons, additionalInfo: additionalInfo, blockName: blockName }))));
+                        react_1.default.createElement(sub_blocks_1.Content, { text: text, links: itemLinks, size: "s", colSizes: { all: 12, md: 12 }, buttons: buttons, additionalInfo: additionalInfo }))));
             })))));
 };
 exports.ExtendedFeaturesBlock = ExtendedFeaturesBlock;

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

@@ -124,9 +124,6 @@ export declare const ExtendedFeaturesBlock: {
             resetPaddings: {
                 type: string;
             };
-            blockName: {
-                type: string;
-            };
             type: {};
             when: {};
         };

package/build/cjs/blocks/Header/Header.js

@@ -4,7 +4,6 @@ exports.HeaderBlock = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const utils_1 = require("../../utils");
-const models_1 = require("../../models");
 const components_1 = require("../../components");
 const grid_1 = require("../../grid");
 const utils_2 = require("./utils");
@@ -14,15 +13,15 @@ const HeaderBreadcrumbs_1 = tslib_1.__importDefault(require("../../components/He
 const ThemeValueContext_1 = require("../../context/theme/ThemeValueContext");
 const utils_3 = require("../../components/Media/Image/utils");
 const b = (0, utils_1.block)('header-block');
-const Background = ({ background, isMobile, blockName }) => {
+const Background = ({ background, isMobile }) => {
     const { url, image, fullWidthMedia, video, color } = background;
     const imageObject = url ? (0, utils_3.getMediaImage)(url) : image;
     const renderMedia = !isMobile || (typeof image === 'object' && 'mobile' in image);
-    return (react_1.default.createElement("div", { className: b('background', { media: true, 'full-width-media': fullWidthMedia }), style: { backgroundColor: color } }, renderMedia && (react_1.default.createElement(components_1.Media, Object.assign({}, background, { className: b('background-media'), imageClassName: b('image'), videoClassName: b('video'), isBackground: true, parallax: false, video: isMobile ? undefined : video, image: imageObject, blockName: blockName })))));
+    return (react_1.default.createElement("div", { className: b('background', { media: true, 'full-width-media': fullWidthMedia }), style: { backgroundColor: color } }, renderMedia && (react_1.default.createElement(components_1.Media, Object.assign({}, background, { className: b('background-media'), imageClassName: b('image'), videoClassName: b('video'), isBackground: true, parallax: false, video: isMobile ? undefined : video, image: imageObject })))));
 };
 const FullWidthBackground = ({ background }) => (react_1.default.createElement("div", { className: b('background', { ['full-width']: true }), style: { backgroundColor: background === null || background === void 0 ? void 0 : background.color } }));
 const HeaderBlock = (props) => {
-    const { title, overtitle, description, buttons, image, video, width = 'm', imageSize, offset = 'default', background, theme: textTheme = 'light', verticalOffset = 'm', className, breadcrumbs, status, children, blockName = models_1.BlockType.HeaderBlock, } = props;
+    const { title, overtitle, description, buttons, image, video, width = 'm', imageSize, offset = 'default', background, theme: textTheme = 'light', verticalOffset = 'm', className, breadcrumbs, status, children, } = props;
     const isMobile = (0, react_1.useContext)(mobileContext_1.MobileContext);
     const { themeValue: theme } = (0, react_1.useContext)(ThemeValueContext_1.ThemeValueContext);
     const hasRightSideImage = Boolean(image || video);
@@ -61,9 +60,9 @@ const HeaderBlock = (props) => {
                                     react_1.default.createElement(YFMWrapper_1.default, { content: description, modifiers: { constructor: true } }))),
                                 buttons && (react_1.default.createElement("div", { className: b('buttons'), "data-qa": "header-buttons" }, buttons &&
                                     buttons.map((button, index) => (react_1.default.createElement(components_1.RouterLink, { href: button.url, key: index },
-                                        react_1.default.createElement(components_1.Button, Object.assign({ key: index, className: b('button'), size: "xl" }, button, { blockName: models_1.BlockType.HeaderBlock }))))))),
+                                        react_1.default.createElement(components_1.Button, Object.assign({ key: index, className: b('button'), size: "xl" }, button))))))),
                                 children))),
-                    hasRightSideImage && (react_1.default.createElement(components_1.Media, { className: b('media', { [curImageSize]: true }), videoClassName: b('video'), imageClassName: b('image'), video: videoThemed, image: imageThemed, blockName: blockName })))))));
+                    hasRightSideImage && (react_1.default.createElement(components_1.Media, { className: b('media', { [curImageSize]: true }), videoClassName: b('video'), imageClassName: b('image'), video: videoThemed, image: imageThemed })))))));
 };
 exports.HeaderBlock = HeaderBlock;
 exports.default = exports.HeaderBlock;

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

@@ -821,9 +821,6 @@ export declare const HeaderBlock: {
             resetPaddings: {
                 type: string;
             };
-            blockName: {
-                type: string;
-            };
             type: {};
             when: {};
         };

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

@@ -433,9 +433,6 @@ export declare const HeaderSliderBlock: {
             resetPaddings: {
                 type: string;
             };
-            blockName: {
-                type: string;
-            };
             type: {};
             when: {};
         };

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

@@ -54,9 +54,6 @@ export declare const IconsProps: {
         resetPaddings: {
             type: string;
         };
-        blockName: {
-            type: string;
-        };
         type: {};
         when: {};
     };
@@ -118,9 +115,6 @@ export declare const IconsBlock: {
             resetPaddings: {
                 type: string;
             };
-            blockName: {
-                type: string;
-            };
             type: {};
             when: {};
         };