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

package/build/cjs/navigation/components/Navigation/Navigation.js

@@ -9,7 +9,6 @@ const locationContext_1 = require("../../../context/locationContext");
 const constants_1 = require("../../constants");
 const NavigationListItem_1 = require("../NavigationListItem/NavigationListItem");
 const b = (0, utils_1.block)('navigation');
-const EVENT_HANDLE_DELAY = 100;
 const Navigation = ({ className, onActiveItemChange, links, activeItemId, highlightActiveItem, }) => {
     const { asPath, pathname } = (0, react_1.useContext)(locationContext_1.LocationContext);
     const itemRefs = (0, react_1.useRef)([]);
@@ -25,21 +24,21 @@ const Navigation = ({ className, onActiveItemChange, links, activeItemId, highli
         }
     }, []);
     (0, react_1.useEffect)(() => {
-        const debouncedCalculateItemPositions = lodash_1.default.debounce(calculateItemPositions, EVENT_HANDLE_DELAY);
-        const debouncedCalculateOnScroll = lodash_1.default.debounce(() => {
+        const debouncedCalculateItemPositions = lodash_1.default.debounce(calculateItemPositions, 100);
+        const calculateOnScroll = lodash_1.default.debounce(() => {
             const curLeftScroll = window.pageXOffset;
             if (curLeftScroll !== lastLeftScroll) {
                 setLastLeftScroll(window.pageXOffset);
                 calculateItemPositions();
             }
-        }, EVENT_HANDLE_DELAY);
+        }, 100);
         calculateItemPositions();
         setLastLeftScroll(window.pageXOffset);
         window.addEventListener('resize', debouncedCalculateItemPositions);
-        window.addEventListener('scroll', debouncedCalculateOnScroll);
+        window.addEventListener('scroll', calculateOnScroll);
         return () => {
-            window.removeEventListener(`resize`, debouncedCalculateItemPositions);
-            window.removeEventListener('scroll', debouncedCalculateOnScroll);
+            window.removeEventListener(`resize`, calculateItemPositions);
+            window.removeEventListener('scroll', calculateOnScroll);
         };
     }, [calculateItemPositions, itemRefs, lastLeftScroll]);
     (0, react_1.useEffect)(() => {

package/build/cjs/schema/index.js

@@ -14,7 +14,7 @@ const getBlocksCases = (blocks) => {
 exports.getBlocksCases = getBlocksCases;
 function generateDefaultSchema(config) {
     const { cards = {}, blocks = {}, extensions = {} } = config !== null && config !== void 0 ? config : {};
-    const blockValidators = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, sub_blocks_1.Divider), blocks_1.ExtendedFeaturesBlock), blocks_1.PromoFeaturesBlock), blocks_1.SliderBlock), blocks_1.QuestionsBlock), blocks_1.HeaderBlock), blocks_1.BannerBlock), blocks_1.CompaniesBlock), blocks_1.MediaBlock), blocks_1.MapBlock), blocks_1.InfoBlock), blocks_1.SecurityBlock), blocks_1.TableBlock), blocks_1.TabsBlock), blocks_1.SimpleBlock), blocks_1.LinkTableBlock), blocks_1.PreviewBlock), blocks_1.HeaderSliderBlock), blocks_1.IconsBlock), blocks_1.CardLayoutBlock), blocks_1.ContentLayoutBlock), blocks_1.ShareBlock);
+    const blockValidators = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, sub_blocks_1.Divider), blocks_1.ExtendedFeaturesBlock), blocks_1.PromoFeaturesBlock), blocks_1.SliderBlock), blocks_1.QuestionsBlock), blocks_1.HeaderBlock), blocks_1.BannerBlock), blocks_1.CompaniesBlock), blocks_1.MediaBlock), blocks_1.MapBlock), blocks_1.InfoBlock), blocks_1.SecurityBlock), blocks_1.TableBlock), blocks_1.TabsBlock), blocks_1.SimpleBlock), blocks_1.LinkTableBlock), blocks_1.PreviewBlock), blocks_1.HeaderSliderBlock), blocks_1.IconsBlock), blocks_1.CardLayoutBlock), blocks_1.ContentLayoutBlock), blocks_1.ShareBlock), blocks_1.FilterBlock);
     const cardValidators = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, sub_blocks_1.PartnerBlock), sub_blocks_1.MediaCardBlock), blocks_1.BannerCard), sub_blocks_1.PriceDetailedBlock), sub_blocks_1.TutorialCard), sub_blocks_1.BackgroundCard), sub_blocks_1.NewsCard), sub_blocks_1.CardWithImage), sub_blocks_1.Quote), sub_blocks_1.BasicCard);
     const constructorBlockSchemaNames = [
         'divider',
@@ -44,6 +44,7 @@ function generateDefaultSchema(config) {
         'card-layout-block',
         'content-layout-block',
         'share-block',
+        'filter-block',
     ];
     const constructorCardSchemaNames = [
         'partner',

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

@@ -19,3 +19,4 @@ export * from '../../blocks/Icons/schema';
 export * from '../../blocks/CardLayout/schema';
 export * from '../../blocks/ContentLayout/schema';
 export * from '../../blocks/Share/schema';
+export * from '../../blocks/FilterBlock/schema';

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

@@ -22,3 +22,4 @@ tslib_1.__exportStar(require("../../blocks/Icons/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/CardLayout/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/ContentLayout/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/Share/schema"), exports);
+tslib_1.__exportStar(require("../../blocks/FilterBlock/schema"), exports);

package/build/cjs/schema/validators/common.d.ts

@@ -1168,6 +1168,12 @@ export declare const MapProps: {
     zoom: {
         type: string;
     };
+    center: {
+        type: string;
+        items: {
+            type: string;
+        };
+    };
     address: {
         type: string;
     };

package/build/cjs/schema/validators/common.js

@@ -493,6 +493,10 @@ exports.MapProps = {
     zoom: {
         type: 'number',
     },
+    center: {
+        type: 'array',
+        items: { type: 'number' },
+    },
     address: {
         type: 'string',
     },

package/build/cjs/sub-blocks/BannerCard/BannerCard.css

@@ -70,10 +70,9 @@ unpredictable css rules order in build */
   font-weight: var(--yc-text-accent-font-weight);
   font-weight: normal;
 }
-.pc-banner-card__button.pc-banner-card__button {
+.pc-banner-card__button {
   margin-top: 28px;
 }
-
 .pc-banner-card__image {
   border-top-right-radius: var(--pc-border-radius);
   border-bottom-right-radius: var(--pc-border-radius);

package/build/cjs/sub-blocks/Content/Content.css

@@ -31,9 +31,6 @@ unpredictable css rules order in build */
   margin-top: 0;
   margin-right: 12px;
 }
-.pc-content__button.pc-content__button:last-child {
-  margin-right: 0;
-}
 
 .pc-content__links {
   display: flex;
@@ -44,9 +41,6 @@ unpredictable css rules order in build */
   display: block;
   margin-right: 32px;
 }
-.pc-content__link:last-child {
-  margin-right: 0;
-}
 .pc-content_centered.pc-content_centered {
   margin: 0 auto;
   text-align: center;

package/build/cjs/sub-blocks/HubspotForm/HubspotForm.css

@@ -268,7 +268,6 @@ unpredictable css rules order in build */
 .pc-hubspot-form .hs-button.primary {
   margin: 0;
   padding: 0;
-  font-family: var(--yc-text-body-font-family);
   font-size: inherit;
   font-weight: 400;
   color: inherit;

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

@@ -1,6 +1,6 @@
 import { ConstructorBlock } from '../models/constructor';
 import { TextSize, CustomConfig, PCShareSocialNetwork } from '../models';
-export declare function getHeaderTag(size: TextSize): "h1" | "h2" | "h4" | "h5";
+export declare function getHeaderTag(size: TextSize): "h1" | "h2" | "h4";
 export declare function getBlockKey(block: ConstructorBlock, index: number): string;
 export declare const getCustomBlockTypes: ({ blocks, headers }?: CustomConfig) => string[];
 export declare const getCustomItems: ({ blocks, headers, subBlocks }?: CustomConfig) => {

package/build/cjs/utils/blocks.js

@@ -8,8 +8,6 @@ function getHeaderTag(size) {
             return 'h1';
         case 's':
             return 'h4';
-        case 'xs':
-            return 'h5';
         case 'm':
         default:
             return 'h2';

package/build/esm/blocks/FilterBlock/schema.js

@@ -22,7 +22,7 @@ export const FilterItemProps = {
                 type: 'string',
             },
         },
-        card: { $ref: 'self#/definitions/card' },
+        card: { $ref: 'self#/definitions/cards' },
     },
 };
 export const FilterProps = {

package/build/esm/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/esm/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/esm/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/esm/components/Button/Button.d.ts

@@ -4,7 +4,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/esm/components/Button/Button.js

@@ -3,7 +3,7 @@ import React, { useCallback, useContext } from 'react';
 import { Platform, Button as CommonButton, Icon, StoreBadge } from '@gravity-ui/uikit';
 import { block, setUrlTld } from '../../utils';
 import { DefaultEventNames } from '../../models';
-import { toCommonSize, toCommonView, ICON_QA } from './utils';
+import { toCommonSize, toCommonView } from './utils';
 import { LocaleContext } from '../../context/localeContext/localeContext';
 import { useMetrika } from '../../hooks/useMetrika';
 import { useAnalytics } from '../../hooks';
@@ -37,7 +37,7 @@ const Button = (props) => {
     let icon;
     let image = img && React.createElement("img", { className: b('image'), src: buttonImg.url, alt: buttonImg.alt });
     if (theme === 'github') {
-        icon = React.createElement(Icon, { className: b('icon'), data: Github, size: 24, qa: ICON_QA });
+        icon = React.createElement(Icon, { className: b('icon'), data: Github, size: 24 });
         image = undefined;
     }
     const buttonTheme = theme === 'scale' ? 'accent' : theme;

package/build/esm/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/esm/components/Button/utils.js

@@ -1,4 +1,3 @@
-export const ICON_QA = 'button-icon';
 const themeMap = {
     normal: 'normal',
     action: 'action',

package/build/esm/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/esm/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/esm/components/Map/GoogleMap.js

@@ -5,20 +5,18 @@ import { MapsContext } from '../../context/mapsContext/mapsContext';
 import { LocaleContext } from '../../context/localeContext/localeContext';
 import { MobileContext } from '../../context/mobileContext';
 import { getMapHeight } from './helpers';
-import { Lang } from '../../utils/configure';
 const b = 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 } = useContext(MapsContext);
-    const { lang = Lang.Ru } = useContext(LocaleContext);
+    const { lang = 'ru' } = useContext(LocaleContext);
     const isMobile = useContext(MobileContext);
     const [height, setHeight] = useState(undefined);
     const ref = useRef(null);
-    const src = useMemo(() => getScriptSrc({ apiKey, scriptSrc, address, lang, zoom }), [apiKey, scriptSrc, address, lang, zoom]);
+    const src = useMemo(() => getScriptSrc(apiKey, scriptSrc, address, lang), [apiKey, scriptSrc, address, lang]);
     useEffect(() => {
         const updateSize = _.debounce(() => {
             if (ref.current) {

package/build/esm/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/esm/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/esm/components/Map/YMap/YMap.js

@@ -19,9 +19,9 @@ export 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);
             }
@@ -29,7 +29,7 @@ export class YMap {
                 this.findCoordinate(marker);
             }
         }
-        this.recalcZoomAndCenter(props);
+        this.recalcZoomAndCenter();
     }
     async findAddress(marker) {
         try {
@@ -49,7 +49,10 @@ export 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) {
@@ -62,10 +65,9 @@ export class YMap {
             }
         });
     }
-    recalcZoomAndCenter(props) {
+    recalcZoomAndCenter() {
         var _a, _b;
         const coordsLength = this.coords.length;
-        const { zoom = 0 } = props;
         if (!coordsLength) {
             return;
         }
@@ -74,20 +76,10 @@ export 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/esm/components/Map/YMap/YandexMap.js

@@ -13,12 +13,8 @@ import { getMapHeight } from '../helpers';
 const b = 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 } = useContext(MapsContext);
     const isMobile = useContext(MobileContext);
     const { lang = 'ru' } = useContext(LocaleContext);
@@ -27,7 +23,6 @@ const YandexMap = (props) => {
     const [height, setHeight] = useState(undefined);
     const ref = useRef(null);
     const [loading, setLoading] = useState(false);
-    const [ready, setReady] = useState(false);
     const [attemptsIndex, setAttemptsIndex] = useState(0);
     const onTryAgain = useCallback(() => {
         setAttemptsIndex(attemptsIndex + 1);
@@ -35,17 +30,20 @@ const YandexMap = (props) => {
     useEffect(() => {
         (async function () {
             var _a;
+            if (!center) {
+                return;
+            }
             setLoading(true);
             await YMapsApiLoader.loadApi(apiKey, scriptSrc, lang, nonce);
             (_a = window.ymaps) === null || _a === void 0 ? void 0 : _a.ready(() => {
                 setYmaps(new 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]);
     useEffect(() => {
         const updateSize = _.debounce(() => {
             if (ref.current) {
@@ -60,19 +58,12 @@ const YandexMap = (props) => {
     }, [markers, ymap, setYmaps, isMobile]);
     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.createElement(ErrorWrapper, { isError: YMapsApiLoader.status === MapApiStatus.Error, text: i18n('map-load-error'), buttonText: i18n('map-try-again'), handler: onTryAgain, className: b('wrapper') },
-        React.createElement("div", { className: b('wrapper') },
-            React.createElement("div", { id: containerId, className: b({ hidden: !ready }), ref: ref, style: { height } }),
-            loading ? React.createElement(Spin, { size: "xl", className: b('spinner') }) : null)));
+        React.createElement("div", { id: containerId, className: b(), ref: ref, style: { height } }, loading ? React.createElement(Spin, { size: "xl", className: b('spinner') }) : null)));
 };
 export default YandexMap;

package/build/esm/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/esm/components/Title/Title.d.ts

@@ -1,6 +1,6 @@
 import { TextSize, TitleProps } from '../../models';
 import './Title.css';
-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/esm/components/Title/Title.js

@@ -8,14 +8,12 @@ import './Title.css';
 const b = block('title-block');
 export 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;
     }