@gravity-ui/page-constructor 1.7.0-alpha.7 → 1.7.0-alpha.9

package/build/esm/components/navigation/components/SocialIcon/SocialIcon.css

@@ -0,0 +1,20 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-social-icon {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 40px;
+  height: 40px;
+  margin-right: 8px;
+  color: var(--yc-color-base-background);
+  border-radius: 50%;
+  background-color: var(--yc-color-base-generic);
+}
+.pc-social-icon:hover {
+  background-color: var(--yc-color-base-generic-hover);
+}
+.pc-social-icon__icon {
+  width: 16px;
+  height: 16px;
+}

package/build/esm/components/navigation/components/SocialIcon/SocialIcon.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { NavigationSocialItem } from '../../../../models';
+import './SocialIcon.css';
+export interface NavigationSocialItemProps extends NavigationSocialItem {
+    className?: string;
+}
+declare const SocialIcon: React.FC<NavigationSocialItemProps>;
+export default SocialIcon;

package/build/esm/components/navigation/components/SocialIcon/SocialIcon.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { block } from '../../../../utils';
+import { Image } from '../../../index';
+import { getMediaImage } from '../../../Media/Image/utils';
+import './SocialIcon.css';
+const b = block('social-icon');
+const SocialIcon = ({ icon, url, className }) => {
+    const iconData = getMediaImage(icon);
+    return (React.createElement("a", { href: url, target: "_blank", rel: "noopener noreferrer", className: b(null, className) },
+        React.createElement(Image, Object.assign({ className: b('icon') }, iconData))));
+};
+export default SocialIcon;

package/build/esm/components/navigation/components/index.d.ts

@@ -0,0 +1,7 @@
+export { default as Header } from './Header/Header';
+export { default as NavigationItem } from './NavigationItem/NavigationItem';
+export { default as Logo } from './Logo/Logo';
+export { default as MobileNavigation } from './MobileNavigation/MobileNavigation';
+export { default as Navigation } from './Navigation/Navigation';
+export { default as NavigationPopup } from './NavigationPopup/NavigationPopup';
+export { default as SocialIcon } from './SocialIcon/SocialIcon';

package/build/esm/components/navigation/components/index.js

@@ -0,0 +1,7 @@
+export { default as Header } from './Header/Header';
+export { default as NavigationItem } from './NavigationItem/NavigationItem';
+export { default as Logo } from './Logo/Logo';
+export { default as MobileNavigation } from './MobileNavigation/MobileNavigation';
+export { default as Navigation } from './Navigation/Navigation';
+export { default as NavigationPopup } from './NavigationPopup/NavigationPopup';
+export { default as SocialIcon } from './SocialIcon/SocialIcon';

package/build/esm/components/navigation/containers/Layout/Layout.css

@@ -0,0 +1,10 @@
+.layout {
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+}
+.layout__content {
+  display: flex;
+  flex-grow: 1;
+  flex-direction: column;
+}

package/build/esm/components/navigation/containers/Layout/Layout.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { NavigationData } from '../../../../models';
+import './Layout.css';
+export interface LayoutProps {
+    navigation?: NavigationData;
+    children?: React.ReactNode;
+}
+declare const Layout: React.FC<LayoutProps>;
+export default Layout;

package/build/esm/components/navigation/containers/Layout/Layout.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { block } from '../../../../utils';
+import Header from '../../components/Header/Header';
+import './Layout.css';
+const b = block('layout');
+const Layout = ({ children, navigation }) => (React.createElement("div", { className: b() },
+    navigation && React.createElement(Header, { data: navigation.header, logo: navigation.logo }),
+    React.createElement("main", { className: b('content') }, children)));
+export default Layout;

package/build/esm/constructor-items.d.ts

@@ -11,7 +11,7 @@ export declare const blockMap: {
     "info-block": (props: import("./models").InfoBlockProps) => JSX.Element;
     "security-block": (props: import("./models").SecurityBlockProps) => JSX.Element;
     "table-block": (props: import("./models").TableBlockProps) => JSX.Element;
-    "tabs-block": ({ items, title, description, animated, tabsColSizes, centered, direction, }: import("./models").TabsBlockProps) => JSX.Element;
+    "tabs-block": ({ items, title, description, animated }: import("./models").TabsBlockProps) => JSX.Element;
     "link-table-block": ({ items, title, description, linkTheme }: import("./models").LinkTableBlockProps) => JSX.Element;
     "header-block": (props: import("./models").WithChildren<import("./models").HeaderBlockProps & import("./models").ClassNameProps>) => JSX.Element;
     "icons-block": ({ title, size, items }: import("./models").IconsBlockProps) => JSX.Element;

package/build/esm/containers/PageConstructor/PageConstructor.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { ShouldRenderBlock, CustomConfig, PageContent, CustomItems } from '../../models';
-import { blockMap, subBlockMap } from '../../constructor-items';
 import '@doc-tools/transform/dist/js/yfm';
+import { ShouldRenderBlock, CustomConfig, PageContent, CustomItems, NavigationData } from '../../models';
+import { blockMap, subBlockMap } from '../../constructor-items';
 import './PageConstructor.css';
 export declare type ItemMap = typeof blockMap & typeof subBlockMap & CustomItems;
 export interface PageConstructorProps {
@@ -9,6 +9,7 @@ export interface PageConstructorProps {
     shouldRenderBlock?: ShouldRenderBlock;
     custom?: CustomConfig;
     renderMenu?: () => React.ReactNode;
+    navigation?: NavigationData;
 }
 export declare const Constructor: (props: PageConstructorProps) => JSX.Element;
 export declare const PageConstructor: (props: PageConstructorProps) => JSX.Element;

package/build/esm/containers/PageConstructor/PageConstructor.js

@@ -1,5 +1,6 @@
 import { __rest } from "tslib";
 import React, { useContext, useMemo } from 'react';
+import '@doc-tools/transform/dist/js/yfm';
 import { HeaderBlockTypes, BlockTypes, } from '../../models';
 import { blockMap, subBlockMap } from '../../constructor-items';
 import { Grid } from '../../grid';
@@ -12,7 +13,7 @@ import { ConstructorRow } from './components/ConstructorRow';
 import { ConstructorFootnotes } from './components/ConstructorFootnotes';
 import { ConstructorHeader } from './components/ConstructorItem';
 import { ConstructorBlocks } from './components/ConstructorBlocks';
-import '@doc-tools/transform/dist/js/yfm';
+import Layout from '../../components/navigation/containers/Layout/Layout';
 import './PageConstructor.css';
 const b = cnBlock('page-constructor');
 export const Constructor = (props) => {
@@ -28,7 +29,7 @@ export const Constructor = (props) => {
         });
     }, [props.custom]);
     const { themeValue: theme } = useContext(ThemeValueContext);
-    const { content: { blocks = [], background = {}, footnotes = [] } = {}, renderMenu, shouldRenderBlock, } = props;
+    const { content: { blocks = [], background = {}, footnotes = [] } = {}, renderMenu, shouldRenderBlock, navigation, } = props;
     const hasFootnotes = footnotes.length > 0;
     const isHeaderBlock = (block) => headerBlockTypes.includes(block.type);
     const header = blocks === null || blocks === void 0 ? void 0 : blocks.find(isHeaderBlock);
@@ -37,14 +38,15 @@ export const Constructor = (props) => {
     return (React.createElement(InnerContext.Provider, { value: context },
         React.createElement("div", { className: b() },
             React.createElement("div", { className: b('wrapper') },
-                React.createElement(BackgroundMedia, Object.assign({}, themedBackground, { className: b('background') })),
-                renderMenu && renderMenu(),
-                header && React.createElement(ConstructorHeader, { data: header }),
-                React.createElement(Grid, null,
-                    restBlocks && (React.createElement(ConstructorRow, null,
-                        React.createElement(ConstructorBlocks, { items: restBlocks, shouldRenderBlock: shouldRenderBlock }))),
-                    hasFootnotes && (React.createElement(ConstructorRow, null,
-                        React.createElement(ConstructorFootnotes, { items: footnotes }))))))));
+                themedBackground && (React.createElement(BackgroundMedia, Object.assign({}, themedBackground, { className: b('background') }))),
+                React.createElement(Layout, { navigation: navigation },
+                    renderMenu && renderMenu(),
+                    header && React.createElement(ConstructorHeader, { data: header }),
+                    React.createElement(Grid, null,
+                        restBlocks && (React.createElement(ConstructorRow, null,
+                            React.createElement(ConstructorBlocks, { items: restBlocks, shouldRenderBlock: shouldRenderBlock }))),
+                        hasFootnotes && (React.createElement(ConstructorRow, null,
+                            React.createElement(ConstructorFootnotes, { items: footnotes })))))))));
 };
 export const PageConstructor = (props) => {
     const { content: { animated = true } = {} } = props, rest = __rest(props, ["content"]);

package/build/esm/context/locationContext/locationContext.d.ts

@@ -16,5 +16,6 @@ export declare type LocationContextProps = {
     pathname?: string;
     hostname?: string;
     Link?: RouterLink;
+    asPath?: string;
 };
 export declare const LocationContext: React.Context<LocationContextProps>;

package/build/esm/icons/NavigationArrow.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const NavigationArrow: React.FC<React.SVGProps<SVGSVGElement>>;

package/build/esm/icons/NavigationArrow.js

@@ -0,0 +1,4 @@
+import React from 'react';
+import { a11yHiddenSvgProps } from '../utils/svg';
+export const NavigationArrow = (props) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "9", height: "9", fill: "none", viewBox: "0 0 9 9" }, a11yHiddenSvgProps, props),
+    React.createElement("path", { d: "M3 1H8M8 1V6M8 1L1 8", stroke: "currentColor", strokeOpacity: "0.7", strokeWidth: "1.2", strokeLinecap: "square" })));

package/build/esm/icons/NavigationClose.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const NavigationClose: React.FC<React.SVGProps<SVGSVGElement>>;

package/build/esm/icons/NavigationClose.js

@@ -0,0 +1,4 @@
+import React from 'react';
+import { a11yHiddenSvgProps } from '../utils/svg';
+export const NavigationClose = (props) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "36", height: "36", fill: "none" }, a11yHiddenSvgProps, props),
+    React.createElement("path", { d: "M26 10 10 26m16 0L10 10", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })));

package/build/esm/icons/NavigationOpen.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const NavigationOpen: React.FC<React.SVGProps<SVGSVGElement>>;

package/build/esm/icons/NavigationOpen.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { a11yHiddenSvgProps } from '../utils/svg';
+export const NavigationOpen = (props) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "36", height: "36", fill: "none" }, a11yHiddenSvgProps, props),
+    React.createElement("rect", { x: "8", y: "10", width: "20", height: "2", rx: "1", fill: "currentColor" }),
+    React.createElement("rect", { x: "8", y: "17", width: "20", height: "2", rx: "1", fill: "currentColor" }),
+    React.createElement("rect", { x: "8", y: "24", width: "20", height: "2", rx: "1", fill: "currentColor" })));

package/build/esm/icons/index.d.ts

@@ -6,3 +6,6 @@ export * from './Github';
 export * from './NavigationChevron';
 export * from './PlayVideo';
 export * from './PreviewClose';
+export * from './NavigationClose';
+export * from './NavigationOpen';
+export * from './NavigationArrow';

package/build/esm/icons/index.js

@@ -6,3 +6,6 @@ export * from './Github';
 export * from './NavigationChevron';
 export * from './PlayVideo';
 export * from './PreviewClose';
+export * from './NavigationClose';
+export * from './NavigationOpen';
+export * from './NavigationArrow';

package/build/esm/models/constructor-items/blocks.d.ts

@@ -221,21 +221,18 @@ export interface TableBlockProps {
     title: string;
     table: TableProps;
 }
-export interface TabsBlockItem extends Omit<ContentBlockProps, 'size' | 'colSizes' | 'centered' | 'theme'> {
+export interface TabsBlockItem {
     tabName: string;
-    /**
-     * @deprecated Use array links from ContentBlockProps instead
-     */
+    title: string;
+    text: string;
     link?: LinkProps;
     image?: ThemedImage;
     disableCompress?: boolean;
     caption?: string;
     media?: ThemedMediaProps;
+    links?: LinkProps[];
 }
 export interface TabsBlockProps extends BlockHeaderProps, Animatable {
-    tabsColSizes?: GridColumnSizesType;
-    centered?: boolean;
-    direction?: MediaDirection;
     items: TabsBlockItem[];
 }
 export interface LinkTableBlockProps extends BlockHeaderProps {

package/build/esm/models/index.d.ts

@@ -4,3 +4,4 @@ export * from './common';
 export * from './components';
 export * from './guards';
 export * from './react';
+export * from './navigation';

package/build/esm/models/index.js

@@ -4,3 +4,4 @@ export * from './common';
 export * from './components';
 export * from './guards';
 export * from './react';
+export * from './navigation';

package/build/esm/models/navigation.d.ts

@@ -0,0 +1,62 @@
+import { ImageProps, ButtonProps } from './constructor-items';
+export declare enum NavigationItemType {
+    Link = "link",
+    Dropdown = "dropdown",
+    Button = "button",
+    Social = "social"
+}
+export interface NavigationItemBase {
+    text: string;
+    icon?: ImageProps;
+    url?: string;
+}
+export interface NavigationLinkItem extends NavigationItemBase {
+    type: NavigationItemType.Link;
+    url: string;
+    arrow?: boolean;
+    target?: string;
+}
+export interface NavigationButtonItem extends ButtonProps {
+    type: NavigationItemType.Button;
+    url: string;
+    target?: string;
+}
+export interface NavigationDropdownItem extends NavigationItemBase {
+    type: NavigationItemType.Dropdown;
+    items: NavigationLinkItem[];
+}
+export interface NavigationSocialItem extends Omit<NavigationItemBase, 'text'> {
+    type: NavigationItemType.Social;
+    icon: ImageProps;
+    url: string;
+}
+export declare type NavigationItem = NavigationLinkItem | NavigationButtonItem | NavigationDropdownItem;
+export declare type NavigationItemData = NavigationLinkItem | NavigationButtonItem | NavigationSocialItem | DropdownItemData;
+export declare type DropdownItemData = Omit<NavigationDropdownItem, 'items'>;
+export interface NavigationLogo {
+    icon: ImageProps;
+    text?: string;
+    url?: string;
+}
+export interface HeaderData {
+    leftItems: NavigationItem[];
+    rightItems?: NavigationItem[];
+}
+export interface FooterColumn {
+    title: string;
+    links: NavigationItem[];
+}
+export interface FooterUnderline {
+    links?: NavigationItem[];
+    copyright?: string;
+}
+export interface FooterData {
+    columns: FooterColumn[];
+    social?: NavigationSocialItem[];
+    underline?: FooterUnderline;
+}
+export interface NavigationData {
+    logo: NavigationLogo;
+    header: HeaderData;
+    footer?: FooterData;
+}

package/build/esm/models/navigation.js

@@ -0,0 +1,7 @@
+export var NavigationItemType;
+(function (NavigationItemType) {
+    NavigationItemType["Link"] = "link";
+    NavigationItemType["Dropdown"] = "dropdown";
+    NavigationItemType["Button"] = "button";
+    NavigationItemType["Social"] = "social";
+})(NavigationItemType || (NavigationItemType = {}));

package/build/esm/text-transform/blocks.js

@@ -19,6 +19,7 @@ export const createItemsParser = (fields) => (transformer, items) => items.map((
         }, {}));
     }
 });
+const parseItems = createItemsParser(['title', 'text']);
 function parseTableBlock(transformer, content) {
     const legend = content === null || content === void 0 ? void 0 : content.legend;
     return Object.assign(Object.assign({}, (content || {})), { legend: legend && legend.map((string) => transformer(string)) });
@@ -44,13 +45,9 @@ function parseSlider(transformer, block) {
 }
 const parseTitle = (transformer, title) => typeof title === 'object' && 'text' in title
     ? Object.assign(Object.assign({}, title), { text: transformer(title.text) }) : title && transformer(title);
-const parseItemsTitle = (transformer, items) => items.map((_a) => {
-    var { title } = _a, rest = __rest(_a, ["title"]);
-    return (Object.assign({ title: title && parseTitle(transformer, title) }, rest));
-});
 function parsePriceDetailedBlock(transformer, block) {
     const { priceType } = block;
-    block.items = block.items.map((item) => {
+    const transformedBlockItems = block.items.map((item) => {
         const { description, items: details = [] } = item;
         if (priceType === 'marked-list') {
             item.items = details.map((detail) => {
@@ -67,6 +64,7 @@ function parsePriceDetailedBlock(transformer, block) {
         item.description = transformer(description);
         return item;
     });
+    block.items = transformedBlockItems;
     return block;
 }
 const parseContentLayout = (transformer, content) => {
@@ -222,12 +220,7 @@ const config = {
         {
             fields: ['items'],
             transformer: yfmTransformer,
-            parser: createItemsParser(['text', 'additionalInfo']),
-        },
-        {
-            fields: ['items'],
-            transformer: typografTransformer,
-            parser: parseItemsTitle,
+            parser: parseItems,
         },
     ],
     [BlockType.TableBlock]: [

package/build/esm/text-transform/utils.js

@@ -23,7 +23,7 @@ export const DEFAULT_ALLOWED_TAGS = [
 ];
 export const typografConfig = {
     enabled: ['common/nbsp/afterNumber', 'common/nbsp/afterParagraphMark'],
-    disabled: ['common/symbols/cf', 'ru/other/phone-number'],
+    disabled: ['common/symbols/cf'],
 };
 export const sanitizeStripOptions = {
     allowedTags: [],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/page-constructor",
-  "version": "1.7.0-alpha.7",
+  "version": "1.7.0-alpha.9",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {
@@ -121,8 +121,5 @@
     "*.{json,yaml,yml,md}": [
       "prettier --write"
     ]
-  },
-  "publishConfig": {
-    "tag": "alpha"
   }
 }

package/server/models/constructor-items/blocks.d.ts

@@ -221,21 +221,18 @@ export interface TableBlockProps {
     title: string;
     table: TableProps;
 }
-export interface TabsBlockItem extends Omit<ContentBlockProps, 'size' | 'colSizes' | 'centered' | 'theme'> {
+export interface TabsBlockItem {
     tabName: string;
-    /**
-     * @deprecated Use array links from ContentBlockProps instead
-     */
+    title: string;
+    text: string;
     link?: LinkProps;
     image?: ThemedImage;
     disableCompress?: boolean;
     caption?: string;
     media?: ThemedMediaProps;
+    links?: LinkProps[];
 }
 export interface TabsBlockProps extends BlockHeaderProps, Animatable {
-    tabsColSizes?: GridColumnSizesType;
-    centered?: boolean;
-    direction?: MediaDirection;
     items: TabsBlockItem[];
 }
 export interface LinkTableBlockProps extends BlockHeaderProps {

package/server/models/index.d.ts

@@ -4,3 +4,4 @@ export * from './common';
 export * from './components';
 export * from './guards';
 export * from './react';
+export * from './navigation';

package/server/models/index.js

@@ -16,3 +16,4 @@ __exportStar(require("./common"), exports);
 __exportStar(require("./components"), exports);
 __exportStar(require("./guards"), exports);
 __exportStar(require("./react"), exports);
+__exportStar(require("./navigation"), exports);

package/server/models/navigation.d.ts

@@ -0,0 +1,62 @@
+import { ImageProps, ButtonProps } from './constructor-items';
+export declare enum NavigationItemType {
+    Link = "link",
+    Dropdown = "dropdown",
+    Button = "button",
+    Social = "social"
+}
+export interface NavigationItemBase {
+    text: string;
+    icon?: ImageProps;
+    url?: string;
+}
+export interface NavigationLinkItem extends NavigationItemBase {
+    type: NavigationItemType.Link;
+    url: string;
+    arrow?: boolean;
+    target?: string;
+}
+export interface NavigationButtonItem extends ButtonProps {
+    type: NavigationItemType.Button;
+    url: string;
+    target?: string;
+}
+export interface NavigationDropdownItem extends NavigationItemBase {
+    type: NavigationItemType.Dropdown;
+    items: NavigationLinkItem[];
+}
+export interface NavigationSocialItem extends Omit<NavigationItemBase, 'text'> {
+    type: NavigationItemType.Social;
+    icon: ImageProps;
+    url: string;
+}
+export declare type NavigationItem = NavigationLinkItem | NavigationButtonItem | NavigationDropdownItem;
+export declare type NavigationItemData = NavigationLinkItem | NavigationButtonItem | NavigationSocialItem | DropdownItemData;
+export declare type DropdownItemData = Omit<NavigationDropdownItem, 'items'>;
+export interface NavigationLogo {
+    icon: ImageProps;
+    text?: string;
+    url?: string;
+}
+export interface HeaderData {
+    leftItems: NavigationItem[];
+    rightItems?: NavigationItem[];
+}
+export interface FooterColumn {
+    title: string;
+    links: NavigationItem[];
+}
+export interface FooterUnderline {
+    links?: NavigationItem[];
+    copyright?: string;
+}
+export interface FooterData {
+    columns: FooterColumn[];
+    social?: NavigationSocialItem[];
+    underline?: FooterUnderline;
+}
+export interface NavigationData {
+    logo: NavigationLogo;
+    header: HeaderData;
+    footer?: FooterData;
+}

package/server/models/navigation.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NavigationItemType = void 0;
+var NavigationItemType;
+(function (NavigationItemType) {
+    NavigationItemType["Link"] = "link";
+    NavigationItemType["Dropdown"] = "dropdown";
+    NavigationItemType["Button"] = "button";
+    NavigationItemType["Social"] = "social";
+})(NavigationItemType = exports.NavigationItemType || (exports.NavigationItemType = {}));

package/server/text-transform/blocks.js

@@ -36,6 +36,7 @@ const createItemsParser = (fields) => (transformer, items) => items.map((item) =
     }
 });
 exports.createItemsParser = createItemsParser;
+const parseItems = (0, exports.createItemsParser)(['title', 'text']);
 function parseTableBlock(transformer, content) {
     const legend = content === null || content === void 0 ? void 0 : content.legend;
     return Object.assign(Object.assign({}, (content || {})), { legend: legend && legend.map((string) => transformer(string)) });
@@ -61,13 +62,9 @@ function parseSlider(transformer, block) {
 }
 const parseTitle = (transformer, title) => typeof title === 'object' && 'text' in title
     ? Object.assign(Object.assign({}, title), { text: transformer(title.text) }) : title && transformer(title);
-const parseItemsTitle = (transformer, items) => items.map((_a) => {
-    var { title } = _a, rest = __rest(_a, ["title"]);
-    return (Object.assign({ title: title && parseTitle(transformer, title) }, rest));
-});
 function parsePriceDetailedBlock(transformer, block) {
     const { priceType } = block;
-    block.items = block.items.map((item) => {
+    const transformedBlockItems = block.items.map((item) => {
         const { description, items: details = [] } = item;
         if (priceType === 'marked-list') {
             item.items = details.map((detail) => {
@@ -84,6 +81,7 @@ function parsePriceDetailedBlock(transformer, block) {
         item.description = transformer(description);
         return item;
     });
+    block.items = transformedBlockItems;
     return block;
 }
 const parseContentLayout = (transformer, content) => {
@@ -241,12 +239,7 @@ const config = {
         {
             fields: ['items'],
             transformer: yfmTransformer,
-            parser: (0, exports.createItemsParser)(['text', 'additionalInfo']),
-        },
-        {
-            fields: ['items'],
-            transformer: typografTransformer,
-            parser: parseItemsTitle,
+            parser: parseItems,
         },
     ],
     [models_1.BlockType.TableBlock]: [

package/server/text-transform/utils.js

@@ -39,7 +39,7 @@ exports.DEFAULT_ALLOWED_TAGS = [
 ];
 exports.typografConfig = {
     enabled: ['common/nbsp/afterNumber', 'common/nbsp/afterParagraphMark'],
-    disabled: ['common/symbols/cf', 'ru/other/phone-number'],
+    disabled: ['common/symbols/cf'],
 };
 exports.sanitizeStripOptions = {
     allowedTags: [],

package/styles/mixins.scss

@@ -442,3 +442,41 @@ unpredictable css rules order in build */
 @mixin font-feature-settings {
     font-feature-settings: 'liga', 'kern', 'pnum' on, 'lnum' on, 'ss03' on;
 }
+
+@mixin navigation-popup {
+    z-index: 101;
+
+    display: flex;
+    flex-direction: column;
+
+    min-width: 220px;
+    padding: $indentXS;
+
+    border: 1px solid var(--yc-color-line-generic);
+    border-top-width: 0;
+    border-radius: calc(#{$borderRadius} / 2);
+    background: var(--yc-color-base-float);
+    box-shadow: 0 3px 10px var(--yc-color-sfx-shadow);
+}
+
+@mixin navigation-item {
+    color: var(--yc-color-text-primary);
+    @include reset-link-style();
+    @include islands-focus();
+
+    &:hover,
+    &_active {
+        color: var(--yc-color-text-link);
+    }
+}
+
+@mixin navigation-link() {
+    cursor: pointer;
+    @include islands-focus();
+    @include reset-link-style();
+
+    &:hover,
+    &:active {
+        color: var(--yc-color-text-link);
+    }
+}

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

@@ -1,12 +0,0 @@
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.pc-button-tabs {
-  margin-bottom: 20px;
-}
-.pc-button-tabs__item {
-  margin-right: 8px;
-  margin-bottom: 12px;
-}
-.pc-button-tabs__item_active {
-  pointer-events: none;
-}