@gravity-ui/page-constructor 1.26.2-alpha.0 → 1.26.2

package/CHANGELOG.md

@@ -1,59 +1,46 @@
 # Changelog
 
-## [2.2.0](https://github.com/gravity-ui/page-constructor/compare/v2.1.1...v2.2.0) (2023-03-29)
+## [1.26.2](https://github.com/gravity-ui/page-constructor/compare/v1.26.1...v1.26.2) (2023-03-30)
 
 
-### Features
+### Bug Fixes
 
-* dropdown a ReactPlayer version ([#254](https://github.com/gravity-ui/page-constructor/issues/254)) ([fec1c3f](https://github.com/gravity-ui/page-constructor/commit/fec1c3fee50dcd86d08c0501f80d7aca0795e026))
+* **ReactPlayer:** transform youtube url for single video src ([#262](https://github.com/gravity-ui/page-constructor/issues/262)) ([#264](https://github.com/gravity-ui/page-constructor/issues/264)) ([94b6028](https://github.com/gravity-ui/page-constructor/commit/94b60283ebc8f48c2005571c251b0e0bc67fca08))
 
-## [2.1.1](https://github.com/gravity-ui/page-constructor/compare/v2.1.0...v2.1.1) (2023-03-28)
+## [1.26.1](https://github.com/gravity-ui/page-constructor/compare/v1.26.0...v1.26.1) (2023-03-29)
 
 
 ### Bug Fixes
 
-* quotes validator schema ([#247](https://github.com/gravity-ui/page-constructor/issues/247)) ([87b8587](https://github.com/gravity-ui/page-constructor/commit/87b8587bcd5fe2bb96b5d70aae9eb6ca9e189f33))
+* add readme about fixes major 1.x.x ([ebcd938](https://github.com/gravity-ui/page-constructor/commit/ebcd9388d3317b2ac8a1fdd97888ca905f66c08e))
 
-## [2.1.0](https://github.com/gravity-ui/page-constructor/compare/v2.0.3...v2.1.0) (2023-03-27)
 
+### chore
 
-### Features
-
-* **Title:** add size xs ([#207](https://github.com/gravity-ui/page-constructor/issues/207)) ([1fd8cf7](https://github.com/gravity-ui/page-constructor/commit/1fd8cf7aeaf4a6a993a3ffcce576a41d61c3b66b))
+* bump release ([d4fec6b](https://github.com/gravity-ui/page-constructor/commit/d4fec6b6f07b8cb3253979d473cc6503cd87dfdb))
+* bump release ([095fa6c](https://github.com/gravity-ui/page-constructor/commit/095fa6cf8022f9bc2fa6ad555d8d960c16771b29))
 
-## [2.0.3](https://github.com/gravity-ui/page-constructor/compare/v2.0.2...v2.0.3) (2023-03-27)
+## [1.26.0](https://github.com/gravity-ui/page-constructor/compare/v1.25.2...v1.26.0) (2023-03-29)
 
 
-### Bug Fixes
-
-* **Tabs:** wrap tabs on desktop ([#237](https://github.com/gravity-ui/page-constructor/issues/237)) ([68dd965](https://github.com/gravity-ui/page-constructor/commit/68dd965b8d5ad9439f8c59211232911695c30fd3))
+### Features
 
-## [2.0.2](https://github.com/gravity-ui/page-constructor/compare/v2.0.1...v2.0.2) (2023-03-24)
+* dropdown a ReactPlayer version ([#254](https://github.com/gravity-ui/page-constructor/issues/254)) ([#257](https://github.com/gravity-ui/page-constructor/issues/257)) ([4fffe1b](https://github.com/gravity-ui/page-constructor/commit/4fffe1b6c88f8bd3d8583606d4d2edf1ab18eafb))
 
 
 ### Bug Fixes
 
-* add specificity for few buttons ([#230](https://github.com/gravity-ui/page-constructor/issues/230)) ([22b0891](https://github.com/gravity-ui/page-constructor/commit/22b089158ed184d03726c5d0e0cff27307f1dec1))
+* add tag untagged ([ce9efcf](https://github.com/gravity-ui/page-constructor/commit/ce9efcfc74eaad2cbcf3cf79494f577b0eda09b3))
+* **package:** up version ([#241](https://github.com/gravity-ui/page-constructor/issues/241)) ([9b6d3f2](https://github.com/gravity-ui/page-constructor/commit/9b6d3f2ecace4e1e51c52a4c422aa44850bbefec))
+* remove description and inputs ([000a85e](https://github.com/gravity-ui/page-constructor/commit/000a85ee6d1d9fedb0cef74d990be4065a750efb))
+* try to release version ([6fc35f2](https://github.com/gravity-ui/page-constructor/commit/6fc35f2043097f883b9ad87bb348f73cc138be1e))
 
-## [2.0.1](https://github.com/gravity-ui/page-constructor/compare/v2.0.0...v2.0.1) (2023-03-24)
+## [1.25.3](https://github.com/gravity-ui/page-constructor/compare/v1.25.2...v1.25.3) (2023-03-27)
 
 
 ### Bug Fixes
 
-* handle margins for centered links and buttons in Content ([#223](https://github.com/gravity-ui/page-constructor/issues/223)) ([50590f2](https://github.com/gravity-ui/page-constructor/commit/50590f288cba7d3dd88e4f91e1642d0a34061fb9))
-* **Navigation:** fix issue with remaining event handler in effect ([#220](https://github.com/gravity-ui/page-constructor/issues/220)) ([d494523](https://github.com/gravity-ui/page-constructor/commit/d4945238ee52f7cca92ea4b092f0701ab4d99693))
-
-## [2.0.0](https://github.com/gravity-ui/page-constructor/compare/v1.25.2...v2.0.0) (2023-03-23)
-
-
-### ⚠ BREAKING CHANGES
-
-* update uikit up to 4, update react up to 18([#134](https://github.com/gravity-ui/page-constructor/issues/134)) (#212)
-
-### Features
-
-* map-block changing the logic of zoom and center ([#219](https://github.com/gravity-ui/page-constructor/issues/219)) ([d332844](https://github.com/gravity-ui/page-constructor/commit/d33284425878cdbfacdf7813826d909e9ab696cb))
-* update uikit up to 4, update react up to 18([#134](https://github.com/gravity-ui/page-constructor/issues/134)) ([#212](https://github.com/gravity-ui/page-constructor/issues/212)) ([377b1f5](https://github.com/gravity-ui/page-constructor/commit/377b1f59c25d08458082232075e2e7bcfe84fe5c))
+* **Tabs:** wrap tabs on desktop ([#237](https://github.com/gravity-ui/page-constructor/issues/237)) ([ac7dd3d](https://github.com/gravity-ui/page-constructor/commit/ac7dd3d3573c6d633d39f88507e2bfeeb41b4f8c))
 
 ## [1.25.2](https://github.com/gravity-ui/page-constructor/compare/v1.25.1...v1.25.2) (2023-03-21)
 

package/README.md

@@ -306,13 +306,6 @@ In usual cases we use two types of commits:
 1. fix: a commit of the type fix patches a bug in your codebase (this correlates with PATCH in Semantic Versioning).
 2. feat: a commit of the type feat introduces a new feature to the codebase (this correlates with MINOR in Semantic Versioning).
 3. BREAKING CHANGE: a commit that has a footer BREAKING CHANGE:, or appends a ! after the type/scope, introduces a breaking API change (correlating with MAJOR in Semantic Versioning). A BREAKING CHANGE can be part of commits of any type.
-4. To set release package version manually you need to add `Release-As: <version>` to your commit message e.g.
-
-```bash
-git commit -m 'chore: bump release
-
-Release-As: 1.2.3'
-```
 
 You can see all information [here](https://www.conventionalcommits.org/en/v1.0.0/).
 
@@ -323,3 +316,11 @@ When you receive the approval of your pull-request from the code owners and pass
 3. 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).
 4. Check your changes in CHANGELOG.md and approve robot's PR.
 5. Squash and merge PR. You can see release process on [the Actions tab](https://github.com/gravity-ui/page-constructor/actions).
+
+For now, we have two major version of package. If you want to have your changes in major one (1.x.x) for some reasons, e.g. you aren't ready for major 2.x.x. update, please do the following:
+
+1. Create PR wit your changes as you usually do to the branch main.
+2. Release package version in major 2.x.x.
+3. Then you have to fetch a branch `version-1.x.x/fixes` - it is a branch with major 1.x.x and changes which were created after the release version 2.x.x.
+4. Cherry-pick your commit from major 2.x.x to a branch which was released from the branch `version-1.x.x/fixes` and create a PR.
+5. After that you have to follow regular flow above.

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

@@ -6,6 +6,12 @@ export declare const Map: {
         zoom: {
             type: string;
         };
+        center: {
+            type: string;
+            items: {
+                type: string;
+            };
+        };
         address: {
             type: string;
         };
@@ -64,6 +70,12 @@ export declare const MapBlock: {
                     zoom: {
                         type: string;
                     };
+                    center: {
+                        type: string;
+                        items: {
+                            type: string;
+                        };
+                    };
                     address: {
                         type: string;
                     };

package/build/cjs/blocks/Share/Share.css

@@ -17,47 +17,46 @@ unpredictable css rules order in build */
   justify-content: center;
   margin-top: 16px;
 }
-.pc-share-block__item.pc-share-block__item {
+.pc-share-block__item {
   display: flex;
   justify-content: center;
   width: 48px;
   height: 48px;
   border-radius: 100%;
 }
-.pc-share-block__item.pc-share-block__item_type_vk {
+.pc-share-block__item_type_vk {
   background-color: var(--yc-color-vk);
 }
-.pc-share-block__item.pc-share-block__item_type_facebook {
+.pc-share-block__item_type_facebook {
   background-color: var(--yc-color-facebook);
 }
-.pc-share-block__item.pc-share-block__item_type_twitter {
+.pc-share-block__item_type_twitter {
   background-color: var(--yc-color-twitter);
 }
-.pc-share-block__item.pc-share-block__item_type_telegram {
+.pc-share-block__item_type_telegram {
   background-color: var(--yc-color-telegram);
 }
-.pc-share-block__item.pc-share-block__item_type_telegram {
+.pc-share-block__item_type_telegram {
   background-color: var(--yc-color-telegram);
 }
-.pc-share-block__item.pc-share-block__item_type_linkedin {
+.pc-share-block__item_type_linkedin {
   background-color: var(--yc-color-linkedin);
 }
-.pc-share-block__item.pc-share-block__item.pc-share-block__item.pc-share-block__item:before {
+.pc-share-block__item.pc-share-block__item:before {
   border-radius: 100%;
 }
 
-.pc-share-block__item.pc-share-block__item:hover:before {
+.pc-share-block__item:hover:before {
   /* stylelint-disable-next-line declaration-no-important */
   background-color: var(--yc-color-base-generic) !important;
   border-radius: 100%;
 }
-.pc-share-block__item.pc-share-block__item + .pc-share-block__item.pc-share-block__item {
+.pc-share-block__item + .pc-share-block__item {
   margin-left: 12px;
 }
-.pc-share-block__item.pc-share-block__item svg {
+.pc-share-block__item svg {
   color: var(--yc-color-base-background);
 }
-
 @media (max-width: 577px) {
   .pc-share-block__items {
     flex-wrap: wrap;

package/build/cjs/components/BlockHeader/BlockHeader.css

@@ -7,10 +7,10 @@ unpredictable css rules order in build */
   font-size: var(--yc-text-body-3-font-size);
   line-height: var(--yc-text-body-3-line-height);
 }
-.pc-block-header__description_titleSize_s, .pc-block-header__description_titleSize_xs {
+.pc-block-header__description_titleSize_s {
   margin-top: 8px;
 }
-.pc-block-header__description_titleSize_s .yfm, .pc-block-header__description_titleSize_xs .yfm {
+.pc-block-header__description_titleSize_s .yfm {
   font-size: var(--yc-text-body-2-font-size);
   line-height: var(--yc-text-body-2-line-height);
 }

package/build/cjs/components/Button/Button.d.ts

@@ -3,7 +3,6 @@ export interface ButtonProps extends Omit<ButtonParams, 'url'> {
     className?: string;
     url?: string;
     onClick?: () => void;
-    qa?: string;
 }
 declare const Button: (props: ButtonProps) => JSX.Element;
 export default Button;

package/build/cjs/components/Button/Button.js

@@ -38,7 +38,7 @@ const Button = (props) => {
     let icon;
     let image = img && react_1.default.createElement("img", { className: b('image'), src: buttonImg.url, alt: buttonImg.alt });
     if (theme === 'github') {
-        icon = react_1.default.createElement(uikit_1.Icon, { className: b('icon'), data: icons_1.Github, size: 24, qa: utils_2.ICON_QA });
+        icon = react_1.default.createElement(uikit_1.Icon, { className: b('icon'), data: icons_1.Github, size: 24 });
         image = undefined;
     }
     const buttonTheme = theme === 'scale' ? 'accent' : theme;

package/build/cjs/components/Button/utils.d.ts

@@ -1,5 +1,4 @@
 import { ButtonSize, ButtonView } from '@gravity-ui/uikit';
-export declare const ICON_QA = "button-icon";
 export type OldButtonTheme = 'normal' | 'action' | 'flat' | 'light' | 'clear' | 'raised' | 'pseudo' | 'link' | 'accent' | 'websearch' | 'flat-special' | 'normal-special' | 'normal-dark' | 'pseudo-special';
 export type OldButtonSize = 'xs' | 'ns' | 's' | 'm' | 'l' | 'n' | 'head' | 'promo';
 export declare const toCommonView: (theme: OldButtonTheme) => ButtonView;

package/build/cjs/components/Button/utils.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.toCommonSize = exports.toCommonView = exports.ICON_QA = void 0;
-exports.ICON_QA = 'button-icon';
+exports.toCommonSize = exports.toCommonView = void 0;
 const themeMap = {
     normal: 'normal',
     action: 'action',

package/build/cjs/components/ButtonTabs/ButtonTabs.css

@@ -1,25 +1,25 @@
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
-.pc-button-tabs__item.pc-button-tabs__item {
+.pc-button-tabs__item {
   margin-right: 8px;
   margin-bottom: 12px;
   --yc-button-background-color: var(--pc-tab-item-background-color);
   --yc-button-background-color-hover: var(--pc-tab-item-background-color-hover);
 }
-.pc-button-tabs__item.pc-button-tabs__item, .pc-button-tabs__item.pc-button-tabs__item:link, .pc-button-tabs__item.pc-button-tabs__item:visited, .pc-button-tabs__item.pc-button-tabs__item:active, .pc-button-tabs__item.pc-button-tabs__item:focus {
+.pc-button-tabs__item, .pc-button-tabs__item:link, .pc-button-tabs__item:visited, .pc-button-tabs__item:active, .pc-button-tabs__item:focus {
   color: var(--pc-tab-item-color);
 }
-.pc-button-tabs__item.pc-button-tabs__item:hover {
+.pc-button-tabs__item:hover {
   color: var(--pc-tab-item-color);
 }
-.pc-button-tabs__item.pc-button-tabs__item_active {
+.pc-button-tabs__item_active {
   pointer-events: none;
   --yc-button-background-color: var(--pc-selected-tab-item-background-color);
   --yc-button-background-color-hover: var(--pc-selected-tab-item-background-color-hover);
 }
-.pc-button-tabs__item.pc-button-tabs__item_active, .pc-button-tabs__item.pc-button-tabs__item_active:link, .pc-button-tabs__item.pc-button-tabs__item_active:visited, .pc-button-tabs__item.pc-button-tabs__item_active:active, .pc-button-tabs__item.pc-button-tabs__item_active:focus {
+.pc-button-tabs__item_active, .pc-button-tabs__item_active:link, .pc-button-tabs__item_active:visited, .pc-button-tabs__item_active:active, .pc-button-tabs__item_active:focus {
   color: var(--pc-selected-tab-item-color);
 }
-.pc-button-tabs__item.pc-button-tabs__item_active:hover {
+.pc-button-tabs__item_active:hover {
   color: var(--pc-selected-tab-item-color);
 }

package/build/cjs/components/HTML/HTML.d.ts

@@ -7,7 +7,7 @@ export interface HTMLProps {
 }
 declare const HTML: ({ children, block, className }: WithChildren<HTMLProps>) => React.DetailedReactHTMLElement<{
     dangerouslySetInnerHTML: {
-        __html: string | (string & React.ReactElement<any, string | React.JSXElementConstructor<any>>) | (string & React.ReactFragment) | (string & React.ReactPortal);
+        __html: string & (boolean | React.ReactChild | React.ReactFragment | React.ReactPortal | null);
     };
     className: string | undefined;
 }, HTMLElement> | null;

package/build/cjs/components/Map/GoogleMap.js

@@ -8,20 +8,18 @@ const mapsContext_1 = require("../../context/mapsContext/mapsContext");
 const localeContext_1 = require("../../context/localeContext/localeContext");
 const mobileContext_1 = require("../../context/mobileContext");
 const helpers_1 = require("./helpers");
-const configure_1 = require("../../utils/configure");
 const b = (0, utils_1.block)('map');
-function getScriptSrc(params) {
-    const { apiKey, scriptSrc, address, lang, zoom } = params;
-    return `${scriptSrc}?key=${apiKey}&language=${lang}${zoom ? '&zoom=' + zoom : ''}&q=${encodeURI(address)}`;
+function getScriptSrc(apiKey, scriptSrc, address, lang) {
+    return `${scriptSrc}?key=${apiKey}&language=${lang}&q=${encodeURI(address)}`;
 }
 const GoogleMap = (props) => {
-    const { address, zoom } = props;
+    const { address } = props;
     const { apiKey, scriptSrc } = (0, react_1.useContext)(mapsContext_1.MapsContext);
-    const { lang = configure_1.Lang.Ru } = (0, react_1.useContext)(localeContext_1.LocaleContext);
+    const { lang = 'ru' } = (0, react_1.useContext)(localeContext_1.LocaleContext);
     const isMobile = (0, react_1.useContext)(mobileContext_1.MobileContext);
     const [height, setHeight] = (0, react_1.useState)(undefined);
     const ref = (0, react_1.useRef)(null);
-    const src = (0, react_1.useMemo)(() => getScriptSrc({ apiKey, scriptSrc, address, lang, zoom }), [apiKey, scriptSrc, address, lang, zoom]);
+    const src = (0, react_1.useMemo)(() => getScriptSrc(apiKey, scriptSrc, address, lang), [apiKey, scriptSrc, address, lang]);
     (0, react_1.useEffect)(() => {
         const updateSize = lodash_1.default.debounce(() => {
             if (ref.current) {

package/build/cjs/components/Map/Map.css

@@ -7,13 +7,9 @@ unpredictable css rules order in build */
   overflow: hidden;
   display: flex;
 }
-.pc-map_hidden {
-  opacity: 0;
-}
 .pc-map__spinner {
   margin: 0 auto;
   align-self: center;
-  position: absolute;
 }
 .pc-map__wrapper {
   min-height: 300px;
@@ -21,5 +17,4 @@ unpredictable css rules order in build */
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  position: relative;
 }

package/build/cjs/components/Map/YMap/YMap.d.ts

@@ -1,15 +1,13 @@
-import { YMapProps, YMapMarker } from '../../../models';
-type PlacemarksProps = Pick<YMapProps, 'zoom' | 'markers'>;
+import { YMapMarker } from '../../../models';
 export declare class YMap {
     private ymap;
     private mapRef;
     private coords;
     constructor(ymap: Ymaps.Map, mapRef: HTMLDivElement | null);
-    showPlacemarks(props: PlacemarksProps): Promise<void>;
+    showPlacemarks(markers: YMapMarker[]): Promise<void>;
     findAddress(marker: YMapMarker): Promise<void>;
     findCoordinate(marker: YMapMarker): void;
     private drawPlaceMarkStyle;
     private recalcZoomAndCenter;
     private clearOldPlacemarks;
 }
-export {};

package/build/cjs/components/Map/YMap/YMap.js

@@ -22,9 +22,9 @@ class YMap {
         this.ymap = ymap;
         this.mapRef = mapRef;
     }
-    async showPlacemarks(props) {
+    async showPlacemarks(markers) {
         this.clearOldPlacemarks();
-        for (const marker of props.markers) {
+        for (const marker of markers) {
             if (marker.address) {
                 await this.findAddress(marker);
             }
@@ -32,7 +32,7 @@ class YMap {
                 this.findCoordinate(marker);
             }
         }
-        this.recalcZoomAndCenter(props);
+        this.recalcZoomAndCenter();
     }
     async findAddress(marker) {
         try {
@@ -52,7 +52,10 @@ class YMap {
         this.ymap.geoObjects.add(geoObject);
     }
     drawPlaceMarkStyle(geoObject, marker) {
-        const { iconColor, preset = DEFAULT_PLACEMARKS_PRESET } = marker.label || {};
+        if (!marker.label) {
+            return;
+        }
+        const { iconColor, preset = DEFAULT_PLACEMARKS_PRESET } = marker.label;
         let localIconColor = iconColor;
         // You can set the preset option together with the iconColor option only if it not a 'Stretchy' preset
         if (!preset.includes('Stretchy') && !iconColor) {
@@ -65,10 +68,9 @@ class YMap {
             }
         });
     }
-    recalcZoomAndCenter(props) {
+    recalcZoomAndCenter() {
         var _a, _b;
         const coordsLength = this.coords.length;
-        const { zoom = 0 } = props;
         if (!coordsLength) {
             return;
         }
@@ -77,20 +79,10 @@ class YMap {
             leftBottom = [Math.min(leftBottom[0], point[0]), Math.min(leftBottom[1], point[1])];
             rightTop = [Math.max(rightTop[0], point[0]), Math.max(rightTop[1], point[1])];
         });
-        let newMapParams = {
-            zoom,
-            center: [],
-        };
-        if (zoom) {
-            // compute only the center
-            newMapParams.center = window.ymaps.util.bounds.getCenter([leftBottom, rightTop]);
-        }
-        else {
-            newMapParams = window.ymaps.util.bounds.getCenterAndZoom([leftBottom, rightTop], [(_a = this.mapRef) === null || _a === void 0 ? void 0 : _a.clientWidth, (_b = this.mapRef) === null || _b === void 0 ? void 0 : _b.clientHeight], undefined, { margin: DEFAULT_MAP_CONTROL_BUTTON_HEIGHT });
-        }
+        const newMapParams = window.ymaps.util.bounds.getCenterAndZoom([leftBottom, rightTop], [(_a = this.mapRef) === null || _a === void 0 ? void 0 : _a.clientWidth, (_b = this.mapRef) === null || _b === void 0 ? void 0 : _b.clientHeight], undefined, { margin: DEFAULT_MAP_CONTROL_BUTTON_HEIGHT });
         this.ymap.setCenter(newMapParams.center);
         // Use default zoom for one placemark
-        if (coordsLength > 1 && !zoom) {
+        if (coordsLength > 1) {
             this.ymap.setZoom(newMapParams.zoom);
         }
     }

package/build/cjs/components/Map/YMap/YandexMap.js

@@ -16,12 +16,8 @@ const helpers_1 = require("../helpers");
 const b = (0, utils_1.block)('map');
 const DEFAULT_CONTAINER_ID = 'ymap';
 const DEFAULT_ZOOM = 9;
-// Center - is a required parameter for creating a new map
-// We use this init center to create a map
-// The real center of the map will be calculated later, using the coordinates of the markers
-const INITIAL_CENTER = [0, 0];
 const YandexMap = (props) => {
-    const { markers, zoom, id } = props;
+    const { markers, zoom, center, id } = props;
     const { apiKey, scriptSrc, nonce } = (0, react_1.useContext)(mapsContext_1.MapsContext);
     const isMobile = (0, react_1.useContext)(mobileContext_1.MobileContext);
     const { lang = 'ru' } = (0, react_1.useContext)(localeContext_1.LocaleContext);
@@ -30,7 +26,6 @@ const YandexMap = (props) => {
     const [height, setHeight] = (0, react_1.useState)(undefined);
     const ref = (0, react_1.useRef)(null);
     const [loading, setLoading] = (0, react_1.useState)(false);
-    const [ready, setReady] = (0, react_1.useState)(false);
     const [attemptsIndex, setAttemptsIndex] = (0, react_1.useState)(0);
     const onTryAgain = (0, react_1.useCallback)(() => {
         setAttemptsIndex(attemptsIndex + 1);
@@ -38,17 +33,20 @@ const YandexMap = (props) => {
     (0, react_1.useEffect)(() => {
         (async function () {
             var _a;
+            if (!center) {
+                return;
+            }
             setLoading(true);
             await YandexMapApiLoader_1.YMapsApiLoader.loadApi(apiKey, scriptSrc, lang, nonce);
             (_a = window.ymaps) === null || _a === void 0 ? void 0 : _a.ready(() => {
                 setYmaps(new YMap_1.YMap(new window.ymaps.Map(containerId, {
-                    center: INITIAL_CENTER,
+                    center,
                     zoom: zoom || DEFAULT_ZOOM,
                 }, { autoFitToViewport: 'always' }), ref.current));
             });
             setLoading(false);
         })();
-    }, [apiKey, lang, scriptSrc, containerId, zoom, nonce, attemptsIndex, setLoading]);
+    }, [apiKey, lang, scriptSrc, containerId, zoom, center, nonce, attemptsIndex, setLoading]);
     (0, react_1.useEffect)(() => {
         const updateSize = lodash_1.default.debounce(() => {
             if (ref.current) {
@@ -63,19 +61,12 @@ const YandexMap = (props) => {
     }, [markers, ymap, setYmaps, isMobile]);
     (0, react_1.useEffect)(() => {
         if (ymap) {
-            // show with computed center and placemarks
-            const showPlacemarks = async () => {
-                await ymap.showPlacemarks({ markers, zoom });
-                setReady(true);
-            };
-            showPlacemarks();
+            ymap.showPlacemarks(markers);
         }
     });
-    if (!markers)
+    if (!center)
         return null;
     return (react_1.default.createElement(ErrorWrapper_1.default, { isError: YandexMapApiLoader_1.YMapsApiLoader.status === YandexMapApiLoader_1.MapApiStatus.Error, text: (0, i18n_1.default)('map-load-error'), buttonText: (0, i18n_1.default)('map-try-again'), handler: onTryAgain, className: b('wrapper') },
-        react_1.default.createElement("div", { className: b('wrapper') },
-            react_1.default.createElement("div", { id: containerId, className: b({ hidden: !ready }), ref: ref, style: { height } }),
-            loading ? react_1.default.createElement(uikit_1.Spin, { size: "xl", className: b('spinner') }) : null)));
+        react_1.default.createElement("div", { id: containerId, className: b(), ref: ref, style: { height } }, loading ? react_1.default.createElement(uikit_1.Spin, { size: "xl", className: b('spinner') }) : null)));
 };
 exports.default = YandexMap;

package/build/cjs/components/Title/Title.css

@@ -1,4 +1,4 @@
-.pc-title-block_size_l, .pc-title-block_size_m, .pc-title-block_size_s, .pc-title-block_size_xs {
+.pc-title-block_size_l, .pc-title-block_size_m, .pc-title-block_size_s {
   margin: 0;
 }
 
@@ -10,12 +10,6 @@ unpredictable css rules order in build */
 .pc-title-block_justify_end {
   text-align: right;
 }
-.pc-title-block_size_xs {
-  font-size: var(--yc-text-body-3-font-size);
-  line-height: var(--yc-text-body-3-line-height);
-  color: var(--pc-text-header-color);
-  font-weight: var(--yc-text-accent-font-weight);
-}
 .pc-title-block_size_s {
   font-size: var(--yc-text-header-1-font-size);
   line-height: var(--yc-text-header-1-line-height);
@@ -50,13 +44,10 @@ unpredictable css rules order in build */
   }
 }
 .pc-title-block__arrow {
-  margin-top: 10px;
-}
-.pc-title-block__arrow_size_xs {
-  margin-top: 7px;
+  margin: 8px 0 0 4px;
 }
 .pc-title-block__arrow_size_s {
-  margin-top: 5px;
+  margin: 4px 0 0 4px;
 }
 .pc-title-block__link {
   color: inherit;
@@ -71,10 +62,7 @@ unpredictable css rules order in build */
   cursor: pointer;
 }
 .pc-title-block__link:hover .pc-title-block__arrow {
-  margin-left: 10px;
-}
-.pc-title-block__link:hover .pc-title-block__arrow_size_xs {
-  margin-left: 6px;
+  margin-left: 12px;
 }
 .pc-title-block__link:hover .pc-title-block__arrow_size_s {
   margin-left: 8px;
@@ -102,10 +90,7 @@ unpredictable css rules order in build */
   margin-top: 0;
 }
 @media (max-width: 577px) {
-  .pc-title-block_size_l:not(.pc-title-block_reset-margin) {
+  .pc-title-block_size_l {
     margin-top: 48px;
   }
-  .pc-title-block__arrow_size_m, .pc-title-block__arrow_size_l {
-    margin-top: 9px;
-  }
 }

package/build/cjs/components/Title/Title.d.ts

@@ -1,5 +1,5 @@
 import { TextSize, TitleProps } from '../../models';
-export declare function getArrowSize(size: TextSize, isMobile: boolean): 16 | 13 | 20 | 24 | 22 | 26 | 38;
+export declare function getArrowSize(size: TextSize, isMobile: boolean): 16 | 20 | 24;
 export interface TitleFullProps extends TitleProps {
     className?: string;
     onClick?: () => void;

package/build/cjs/components/Title/Title.js

@@ -11,14 +11,12 @@ const mobileContext_1 = require("../../context/mobileContext");
 const b = (0, utils_1.block)('title-block');
 function getArrowSize(size, isMobile) {
     switch (size) {
-        case 'xs':
-            return 13;
         case 's':
             return 16;
         case 'm':
-            return isMobile ? 22 : 24;
+            return isMobile ? 20 : 24;
         case 'l':
-            return isMobile ? 26 : 38;
+            return isMobile ? 20 : 24;
         default:
             return 20;
     }

package/build/cjs/models/constructor-items/common.d.ts

@@ -38,7 +38,7 @@ export declare enum MediaVideoControlsType {
     Custom = "custom"
 }
 export type TextTheme = 'light' | 'dark';
-export type TextSize = 'xs' | 's' | 'm' | 'l';
+export type TextSize = 's' | 'm' | 'l';
 export type DividerSize = '0' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl';
 export type HeaderWidth = 's' | 'm' | 'l';
 export type HeaderImageSize = 's' | 'm';
@@ -130,22 +130,20 @@ export interface FileLinkProps extends ClassNameProps {
     theme?: ContentTheme;
     onClick?: () => void;
 }
-export type ButtonTheme = ButtonView | 'github' | 'app-store' | 'google-play' | 'scale' | 'monochrome';
 export interface ButtonProps extends AnalyticsEventsBase {
     text: string;
     url: string;
     primary?: boolean;
     size?: ButtonSize;
-    theme?: ButtonTheme;
+    theme?: ButtonView | 'github' | 'app-store' | 'google-play' | 'scale' | 'monochrome';
     img?: ButtonImageProps | string;
     metrikaGoals?: MetrikaGoal;
     pixelEvents?: ButtonPixel;
     target?: string;
 }
-export type ButtonImagePosition = 'left' | 'right';
 export interface ButtonImageProps {
     url: string;
-    position?: ButtonImagePosition;
+    position?: 'left' | 'right';
     alt?: string;
 }
 export interface PlayButtonProps extends ClassNameProps {
@@ -191,6 +189,7 @@ export interface MediaProps extends Animatable, Partial<MediaComponentDataLensPr
 export type Coordinate = number[];
 export interface MapBaseProps {
     zoom?: number;
+    center?: Coordinate;
 }
 export interface GMapProps extends MapBaseProps {
     address: string;
@@ -198,6 +197,7 @@ export interface GMapProps extends MapBaseProps {
 export interface YMapProps extends MapBaseProps {
     markers: YMapMarker[];
     id: string;
+    center: Coordinate;
 }
 export interface YMapMarker {
     address?: string;