@gravity-ui/page-constructor 3.0.0-alpha.3 → 3.0.0-alpha.5

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

@@ -1,5 +1,5 @@
 import React, { useMemo, useState } from 'react';
-import { AnimateBlock, BlockHeader } from '../../components';
+import { AnimateBlock, Title } from '../../components';
 import ButtonTabs from '../../components/ButtonTabs/ButtonTabs';
 import { ConstructorBlocks } from '../../containers/PageConstructor/components/ConstructorBlocks';
 import { Col, Row } from '../../grid';
@@ -36,7 +36,7 @@ const FilterBlock = ({ title, description, tags, tagButtonSize, allTag, items, c
         ];
     }, [actualTag, items, colSizes]);
     return (React.createElement(AnimateBlock, { className: b(), animate: animated },
-        title && (React.createElement(BlockHeader, { className: b('title', { centered: centered }), title: title, description: description })),
+        title && (React.createElement(Title, { className: b('title', { centered: centered }), title: title, subtitle: description })),
         tabButtons.length && (React.createElement(Row, null,
             React.createElement(Col, null,
                 React.createElement(ButtonTabs, { className: b('tabs', { centered: centered }), items: tabButtons, activeTab: selectedTag, onSelectTab: setSelectedTag, tabSize: tagButtonSize })))),

package/build/esm/blocks/Icons/Icons.js

@@ -1,5 +1,5 @@
 import React, { useContext } from 'react';
-import { BlockHeader, Image } from '../../components';
+import { Image, Title } from '../../components';
 import { LocationContext } from '../../context/locationContext';
 import { block, getLinkProps } from '../../utils';
 import './Icons.css';
@@ -7,7 +7,7 @@ const b = block('icons-block');
 const Icons = ({ title, size = 's', items }) => {
     const { hostname } = useContext(LocationContext);
     return (React.createElement("div", { className: b({ size }) },
-        title && React.createElement(BlockHeader, { className: b('header'), title: title, colSizes: { all: 12 } }),
+        title && React.createElement(Title, { className: b('header'), title: title, colSizes: { all: 12 } }),
         items.map((item) => (React.createElement("a", Object.assign({ className: b('item'), key: item.url, href: item.url }, getLinkProps(item.url, hostname)),
             React.createElement(Image, { className: b('image'), src: item.src }),
             React.createElement("p", { className: b('text') }, item.text))))));

package/build/esm/blocks/PromoFeaturesBlock/PromoFeaturesBlock.js

@@ -19,7 +19,7 @@ const PromoFeaturesBlock = (props) => {
     const backgroundTheme = theme || 'default';
     return (React.createElement(AnimateBlock, { className: b({ [backgroundTheme]: true }), animate: animated },
         React.createElement(FullWidthBackground, { className: b('background', { [backgroundTheme]: true }) }),
-        React.createElement(Title, { title: title, description: description, className: b('header') }),
+        React.createElement(Title, { title: title, subtitle: description, className: b('header') }),
         React.createElement(BalancedMasonry, { breakpointCols: breakpointColumns, className: b('card-container'), columnClassName: b('card-container-column') }, items.map(({ title: cardTitle, text, media, theme: cardTheme }, index) => {
             const blockModifier = backgroundTheme === 'default' ? 'default' : 'light';
             const themeMod = cardTheme || blockModifier || '';

package/build/esm/blocks/Slider/Slider.js

@@ -182,7 +182,7 @@ export const SliderBlock = (props) => {
                 type,
             }, blockClassName) },
             anchorId && React.createElement(Anchor, { id: anchorId }),
-            React.createElement(Title, { title: title, description: description, className: b('header', { 'no-description': !description }) }),
+            React.createElement(Title, { title: title, subtitle: description, className: b('header', { 'no-description': !description }) }),
             React.createElement(AnimateBlock, { className: b('animate-slides'), animate: animated }, renderSlider()))));
 };
 // TODO remove this and rework PriceDetailed CLOUDFRONT-12230

package/build/esm/blocks/Tabs/Tabs.js

@@ -51,7 +51,7 @@ export const TabsBlock = ({ items, title, description, animated, tabsColSizes, c
         e.currentTarget.scrollIntoView({ inline: 'center', behavior: 'smooth', block: 'nearest' });
     };
     return (React.createElement(AnimateBlock, { className: b(), onScroll: () => setPlay(true), animate: animated },
-        React.createElement(Title, { title: title, description: description, className: b('block-title', { centered: centered }) }),
+        React.createElement(Title, { title: title, subtitle: description, className: b('block-title', { centered: centered }) }),
         React.createElement(Row, null,
             React.createElement(Col, { sizes: tabsColSizes },
                 React.createElement(ButtonTabs, { items: tabs, onSelectTab: onSelectTab, activeTab: activeTab, className: b('tabs', { centered: centered }) }))),

package/build/esm/components/Button/Button.css

@@ -45,4 +45,7 @@ unpredictable css rules order in build */
 }
 .pc-button-block_size_xl {
   --btn-image-margin: 25px;
+}
+.pc-button-block_width_max .pc-button-block__text {
+  width: 100%;
 }

package/build/esm/components/Button/Button.js

@@ -14,7 +14,7 @@ const b = block('button-block');
 const Button = (props) => {
     const handleMetrika = useMetrika();
     const { lang, tld } = useContext(LocaleContext);
-    const { className, metrikaGoals, pixelEvents, analyticsEvents, size = 'l', theme = 'normal', url, img, onClick: onClickOrigin, text } = props, rest = __rest(props, ["className", "metrikaGoals", "pixelEvents", "analyticsEvents", "size", "theme", "url", "img", "onClick", "text"]);
+    const { className, metrikaGoals, pixelEvents, analyticsEvents, size = 'l', theme = 'normal', url, img, onClick: onClickOrigin, text, width } = props, rest = __rest(props, ["className", "metrikaGoals", "pixelEvents", "analyticsEvents", "size", "theme", "url", "img", "onClick", "text", "width"]);
     const defaultImgPosition = 'left';
     const handleAnalytics = useAnalytics(DefaultEventNames.Button, url);
     const onClick = useCallback((e) => {
@@ -24,12 +24,13 @@ const Button = (props) => {
             onClickOrigin(e);
         }
     }, [handleMetrika, metrikaGoals, pixelEvents, handleAnalytics, analyticsEvents, onClickOrigin]);
+    const buttonModifiers = { size, theme, width };
     const buttonImg = img instanceof Object
         ? { url: img.url, position: img.position || defaultImgPosition, alt: img.alt }
         : { url: img, position: defaultImgPosition };
     const buttonClass = img
-        ? b({ position: buttonImg.position, size, theme }, className)
-        : b({ size, theme }, className);
+        ? b(Object.assign({ position: buttonImg.position }, buttonModifiers), className)
+        : b(Object.assign({}, buttonModifiers), className);
     const buttonProps = Object.assign(Object.assign({}, rest), { onClick });
     if (theme === 'app-store' || theme === 'google-play') {
         const platform = theme === 'app-store' ? Platform.IOS : Platform.ANDROID;
@@ -42,7 +43,7 @@ const Button = (props) => {
         image = undefined;
     }
     const buttonTheme = theme === 'scale' ? 'accent' : theme;
-    return (React.createElement(CommonButton, Object.assign({ className: buttonClass, view: toCommonView(buttonTheme), size: toCommonSize(size), href: url ? setUrlTld(url, tld) : undefined }, buttonProps),
+    return (React.createElement(CommonButton, Object.assign({ className: buttonClass, view: toCommonView(buttonTheme), size: toCommonSize(size), href: url ? setUrlTld(url, tld) : undefined, width: width }, buttonProps),
         icon && buttonImg.position === 'left' ? icon : null,
         React.createElement("span", { className: b('content') },
             image && buttonImg.position === 'left' ? image : null,

package/build/esm/components/MediaBase/MediaBase.js

@@ -22,7 +22,7 @@ export const MediaBase = (props) => {
     const mediaContent = !mediaOnly && React.createElement(MediaContent, Object.assign({}, mediaContentProps));
     const card = children.type === Card ? children === null || children === void 0 ? void 0 : children.props.children : null;
     return (React.createElement(AnimateBlock, { className: b(), onScroll: onScroll, animate: animated },
-        mediaOnly && (React.createElement(Title, { className: b('header'), title: title, description: description, colSizes: { all: 12 } })),
+        mediaOnly && (React.createElement(Title, { className: b('header'), title: title, subtitle: description, colSizes: { all: 12 } })),
         React.createElement(Grid, null,
             React.createElement(Row, { className: b('row', {
                     reverse: direction === 'media-content',

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

@@ -4,5 +4,5 @@ import './Title.css';
 export interface TitleProps extends TitleParams {
     colSizes?: GridColumnSizesType;
 }
-declare const Title: ({ title, description, className, colSizes, }: TitleProps & ClassNameProps) => JSX.Element | null;
+declare const Title: ({ title, subtitle, className, colSizes, }: TitleProps & ClassNameProps) => JSX.Element | null;
 export default Title;

package/build/esm/components/Title/Title.js

@@ -6,16 +6,16 @@ import YFMWrapper from '../YFMWrapper/YFMWrapper';
 import TitleItem from './TitleItem';
 import './Title.css';
 const b = block('title');
-const Title = ({ title, description, className, colSizes = { all: 12, sm: 8 }, }) => {
-    if (!title && !description) {
+const Title = ({ title, subtitle, className, colSizes = { all: 12, sm: 8 }, }) => {
+    if (!title && !subtitle) {
         return null;
     }
     const _a = !title || typeof title === 'string' ? { text: title } : title, { text } = _a, titleProps = __rest(_a, ["text"]);
     return (React.createElement("div", { className: b(null, className) },
         text && (React.createElement(Col, { reset: true, sizes: colSizes },
             React.createElement(TitleItem, Object.assign({ text: text }, titleProps)))),
-        description && (React.createElement(Col, { reset: true, sizes: colSizes },
+        subtitle && (React.createElement(Col, { reset: true, sizes: colSizes },
             React.createElement("div", { className: b('description', { titleSize: titleProps === null || titleProps === void 0 ? void 0 : titleProps.textSize }) },
-                React.createElement(YFMWrapper, { content: description, modifiers: { constructor: true } }))))));
+                React.createElement(YFMWrapper, { content: subtitle, modifiers: { constructor: true } }))))));
 };
 export default Title;

package/build/esm/components/Title/TitleItem.d.ts

@@ -7,5 +7,5 @@ export interface TitleItemFullProps extends TitleItemProps {
     dataQa?: string;
     resetMargin?: boolean;
 }
-declare const Title: (props: TitleItemFullProps) => JSX.Element;
-export default Title;
+declare const TitleItem: (props: TitleItemFullProps) => JSX.Element;
+export default TitleItem;

package/build/esm/components/Title/TitleItem.js

@@ -20,7 +20,7 @@ export function getArrowSize(size, isMobile) {
             return 20;
     }
 }
-const Title = (props) => {
+const TitleItem = (props) => {
     const isMobile = useContext(MobileContext);
     const { textSize = 'm', text, anchor, justify, url, onClick, custom, className, dataQa, resetMargin = true, } = props;
     const { hostname } = useContext(LocationContext);
@@ -50,4 +50,4 @@ const Title = (props) => {
             'data-qa': `${dataQa}-header`,
         }, content)));
 };
-export default Title;
+export default TitleItem;

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

@@ -5,7 +5,6 @@ export { default as BackgroundMedia } from './BackgroundMedia/BackgroundMedia';
 export { default as BackLink } from './BackLink/BackLink';
 export { default as BalancedMasonry } from './BalancedMasonry/BalancedMasonry';
 export { default as BlockBase } from './BlockBase/BlockBase';
-export { default as BlockHeader } from './Title/Title';
 export { default as Button } from './Button/Button';
 export { default as CardBase } from './CardBase/CardBase';
 export { default as ErrorWrapper } from './ErrorWrapper/ErrorWrapper';

package/build/esm/components/index.js

@@ -5,7 +5,6 @@ export { default as BackgroundMedia } from './BackgroundMedia/BackgroundMedia';
 export { default as BackLink } from './BackLink/BackLink';
 export { default as BalancedMasonry } from './BalancedMasonry/BalancedMasonry';
 export { default as BlockBase } from './BlockBase/BlockBase';
-export { default as BlockHeader } from './Title/Title';
 export { default as Button } from './Button/Button';
 export { default as CardBase } from './CardBase/CardBase';
 export { default as ErrorWrapper } from './ErrorWrapper/ErrorWrapper';

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

@@ -23,7 +23,6 @@ export declare const subBlockMap: {
     "price-detailed": (props: import("./models").PriceDetailedProps) => JSX.Element;
     "media-card": ({ border, ...mediaProps }: import("./models").MediaCardProps) => JSX.Element;
     "banner-card": (props: import("./models").BannerCardProps) => JSX.Element;
-    "news-card": (props: import("./models").NewsCardProps) => JSX.Element;
     "layout-item": ({ content: { links, ...content }, metaInfo, media, border, fullScreen, className, }: import("./models").LayoutItemProps) => JSX.Element;
     "background-card": (props: import("./models").BackgroundCardProps) => JSX.Element;
     "basic-card": (props: import("./models").BasicCardProps) => JSX.Element;

package/build/esm/constructor-items.js

@@ -1,6 +1,6 @@
 import { BannerBlock, CardLayoutBlock, CompaniesBlock, ContentLayoutBlock, ExtendedFeaturesBlock, FilterBlock, HeaderBlock, HeaderSliderBlock, IconsBlock, InfoBlock, MapBlock, MediaBlock, PromoFeaturesBlock, QuestionsBlock, ShareBlock, SliderBlock, TableBlock, TabsBlock, } from './blocks';
 import { BlockType, SubBlockType } from './models';
-import { BackgroundCard, BannerCard, BasicCard, Content, Divider, LayoutItem, MediaCard, NewsCard, PriceDetailed, Quote, } from './sub-blocks';
+import { BackgroundCard, BannerCard, BasicCard, Content, Divider, LayoutItem, MediaCard, PriceDetailed, Quote, } from './sub-blocks';
 export const blockMap = {
     [BlockType.SliderBlock]: SliderBlock,
     [BlockType.ExtendedFeaturesBlock]: ExtendedFeaturesBlock,
@@ -26,7 +26,6 @@ export const subBlockMap = {
     [SubBlockType.PriceDetailed]: PriceDetailed,
     [SubBlockType.MediaCard]: MediaCard,
     [SubBlockType.BannerCard]: BannerCard,
-    [SubBlockType.NewsCard]: NewsCard,
     [SubBlockType.LayoutItem]: LayoutItem,
     [SubBlockType.BackgroundCard]: BackgroundCard,
     [SubBlockType.BasicCard]: BasicCard,

package/build/esm/containers/PageConstructor/PageConstructor.css

@@ -83,18 +83,6 @@ unpredictable css rules order in build */
 .yfm_constructor_theme_dark p {
   color: var(--yc-color-text-light-primary);
 }
-.yfm_constructor_footnote_text p, .yfm_constructor_footnote_page p {
-  opacity: 0.5;
-}
-.yfm_constructor_footnote_text p {
-  font-size: var(--yc-text-body-2-font-size);
-  line-height: var(--yc-text-body-2-line-height);
-}
-.yfm_constructor_footnote_page p {
-  font-size: var(--yc-text-body-1-font-size);
-  line-height: var(--yc-text-body-1-line-height);
-  display: inline;
-}
 .yfm_constructor_list_style ul {
   padding-left: 20px;
 }

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

@@ -11,13 +11,12 @@ import { BlockType, BlockTypes, HeaderBlockTypes, SubBlockTypes, } from '../../m
 import Layout from '../../navigation/containers/Layout/Layout';
 import { block as cnBlock, getCustomBlockTypes, getCustomHeaderTypes, getCustomItems, getCustomSubBlockTypes, getThemedValue, } from '../../utils';
 import { ConstructorBlocks } from './components/ConstructorBlocks';
-import { ConstructorFootnotes } from './components/ConstructorFootnotes';
 import { ConstructorHeader } from './components/ConstructorItem';
 import { ConstructorRow } from './components/ConstructorRow';
 import './PageConstructor.css';
 const b = cnBlock('page-constructor');
 export const Constructor = (props) => {
-    const { content: { blocks = [], background = {}, footnotes = [] } = {}, renderMenu, shouldRenderBlock, navigation, custom, } = props;
+    const { content: { blocks = [], background = {} } = {}, renderMenu, shouldRenderBlock, navigation, custom, } = props;
     const { context } = useMemo(() => ({
         context: {
             blockTypes: [...BlockTypes, ...getCustomBlockTypes(custom)],
@@ -29,7 +28,6 @@ export const Constructor = (props) => {
         },
     }), [custom, shouldRenderBlock]);
     const { themeValue: theme } = useContext(ThemeValueContext);
-    const hasFootnotes = footnotes.length > 0;
     const isHeaderBlock = (block) => context.headerBlockTypes.includes(block.type);
     const header = blocks === null || blocks === void 0 ? void 0 : blocks.find(isHeaderBlock);
     const restBlocks = blocks === null || blocks === void 0 ? void 0 : blocks.filter((block) => !isHeaderBlock(block));
@@ -41,11 +39,8 @@ export const Constructor = (props) => {
                 React.createElement(Layout, { navigation: navigation },
                     renderMenu && renderMenu(),
                     header && (React.createElement(ConstructorHeader, { data: header, blockKey: BlockType.HeaderBlock })),
-                    React.createElement(Grid, null,
-                        restBlocks && (React.createElement(ConstructorRow, null,
-                            React.createElement(ConstructorBlocks, { items: restBlocks }))),
-                        hasFootnotes && (React.createElement(ConstructorRow, null,
-                            React.createElement(ConstructorFootnotes, { items: footnotes })))))))));
+                    React.createElement(Grid, null, restBlocks && (React.createElement(ConstructorRow, null,
+                        React.createElement(ConstructorBlocks, { items: restBlocks })))))))));
 };
 export const PageConstructor = (props) => {
     const { content: { animated = true } = {} } = props, rest = __rest(props, ["content"]);

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

@@ -2,7 +2,7 @@
 import { ButtonSize } from '@gravity-ui/uikit';
 import { GridColumnSize, GridColumnSizesType } from '../../grid/types';
 import { ThemeSupporting } from '../../utils';
-import { AnchorProps, Animatable, BackgroundImageProps, ButtonProps, ContentSize, ContentTextSize, ContentTheme, FileLinkProps, HeaderBreadCrumbsProps, HeaderImageSize, HeaderOffset, HeaderWidth, ImageDeviceProps, Justify, LegendTableMarkerType, LinkProps, MapProps, MediaDirection, MediaProps, TextSize, TextTheme, ThemedImage, ThemedMediaProps, ThemedMediaVideoProps, TitleItemBaseProps, TitleItemProps, TitleProps } from './common';
+import { AnchorProps, Animatable, BackgroundImageProps, ButtonProps, ContentSize, ContentTextSize, ContentTheme, FileLinkProps, HeaderBreadCrumbsProps, HeaderImageSize, HeaderOffset, HeaderWidth, ImageDeviceProps, Justify, LegendTableMarkerType, LinkProps, MapProps, MediaDirection, MediaProps, TextSize, TextTheme, ThemedImage, ThemedMediaProps, ThemedMediaVideoProps, TitleItemBaseProps, TitleItemProps } from './common';
 import { BannerCardProps, SubBlock, SubBlockModels } from './sub-blocks';
 export declare enum BlockType {
     PromoFeaturesBlock = "promo-features-block",
@@ -207,7 +207,9 @@ export interface TabsBlockItem extends Omit<ContentBlockProps, 'size' | 'colSize
     caption?: string;
     media?: ThemedMediaProps;
 }
-export interface TabsBlockProps extends TitleProps, Animatable {
+export interface TabsBlockProps extends Animatable {
+    title?: TitleItemProps | string;
+    description?: string;
     tabsColSizes?: GridColumnSizesType;
     centered?: boolean;
     direction?: MediaDirection;

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

@@ -1,5 +1,5 @@
 import { CSSProperties, ReactNode } from 'react';
-import { ButtonSize, ButtonView } from '@gravity-ui/uikit';
+import { ButtonView, ButtonProps as UikitButtonProps } from '@gravity-ui/uikit';
 import { ThemeSupporting } from '../../utils/theme';
 import { AnalyticsEventsBase, ClassNameProps, PixelEventType } from '../common';
 export declare enum AuthorType {
@@ -126,11 +126,10 @@ export interface FileLinkProps extends ClassNameProps {
     onClick?: () => void;
 }
 export type ButtonTheme = ButtonView | 'github' | 'app-store' | 'google-play' | 'scale' | 'monochrome';
-export interface ButtonProps extends AnalyticsEventsBase {
+export interface ButtonProps extends AnalyticsEventsBase, Pick<UikitButtonProps, 'size' | 'width'> {
     text: string;
     url: string;
     primary?: boolean;
-    size?: ButtonSize;
     theme?: ButtonTheme;
     img?: ButtonImageProps | string;
     metrikaGoals?: MetrikaGoal;
@@ -336,6 +335,6 @@ export interface AuthorProps {
 }
 export interface TitleProps {
     title?: TitleItemProps | string;
-    description?: string;
+    subtitle?: string;
 }
 export {};

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

@@ -7,7 +7,6 @@ import { AuthorItem, ButtonPixel, ButtonProps, CardBaseProps, ContentTheme, Divi
 export declare enum SubBlockType {
     Divider = "divider",
     Quote = "quote",
-    NewsCard = "news-card",
     /**
      * @deprecated Will be removed
      */
@@ -68,15 +67,6 @@ export interface QuoteProps extends Themable, CardBaseProps {
     buttonText?: string;
     theme?: TextTheme;
 }
-export interface NewsCardData {
-    id: number;
-    slug: string;
-    title: string;
-    date: string;
-    url: string;
-    isoDate?: string;
-}
-export type NewsCardProps = Pick<NewsCardData, 'title' | 'url' | 'date' | 'isoDate'> & CardBaseProps;
 export interface BackgroundCardProps extends CardBaseProps, Omit<ContentBlockProps, 'colSizes' | 'centered'> {
     url?: string;
     background?: ThemeSupporting<ImageObjectProps>;
@@ -112,9 +102,6 @@ export type DividerModel = {
 export type QuoteModel = {
     type: SubBlockType.Quote;
 } & QuoteProps;
-export type NewsCardModel = {
-    type: SubBlockType.NewsCard;
-} & NewsCardProps;
 export type LayoutItemModel = {
     type: SubBlockType.LayoutItem;
 } & LayoutItemProps;
@@ -136,5 +123,5 @@ export type BannerCardModel = {
 export type BasicCardModel = {
     type: SubBlockType.BasicCard;
 } & BasicCardProps;
-export type SubBlockModels = DividerModel | QuoteModel | NewsCardModel | PriceDetailedModel | MediaCardModel | BackgroundCardModel | HubspotFormModel | BannerCardModel | BasicCardModel | LayoutItemModel;
+export type SubBlockModels = DividerModel | QuoteModel | PriceDetailedModel | MediaCardModel | BackgroundCardModel | HubspotFormModel | BannerCardModel | BasicCardModel | LayoutItemModel;
 export type SubBlock = SubBlockModels;

package/build/esm/models/constructor-items/sub-blocks.js

@@ -2,7 +2,6 @@ export var SubBlockType;
 (function (SubBlockType) {
     SubBlockType["Divider"] = "divider";
     SubBlockType["Quote"] = "quote";
-    SubBlockType["NewsCard"] = "news-card";
     /**
      * @deprecated Will be removed
      */

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

@@ -10,7 +10,6 @@ export interface PageContent extends Animatable {
     blocks: Block[];
     menu?: Menu;
     background?: ThemedMediaProps;
-    footnotes?: string[];
 }
 export interface InitConstrucorState {
     hasMenu: boolean;

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

@@ -226,12 +226,6 @@ export declare function generateDefaultSchema(config?: SchemaCustomConfig): {
                 properties: {};
             })[];
         };
-        footnotes: {
-            type: string;
-            items: {
-                type: string;
-            };
-        };
         animated: {
             type: string;
         };

package/build/esm/schema/index.js

@@ -2,7 +2,7 @@ export { validators } from './validators';
 import { BannerBlock, BannerCard, CardLayoutBlock, CompaniesBlock, ContentLayoutBlock, ExtendedFeaturesBlock, FilterBlock, HeaderBlock, HeaderSliderBlock, IconsBlock, InfoBlock, MapBlock, MediaBlock, PromoFeaturesBlock, QuestionsBlock, ShareBlock, SliderBlock, TableBlock, TabsBlock, } from './validators/blocks';
 import { AnimatableProps, BackgroundProps, MenuProps, withTheme } from './validators/common';
 import { LogoProps, NavigationHeaderProps } from './validators/navigation';
-import { BackgroundCard, BasicCard, Divider, MediaCardBlock, NewsCard, PriceDetailedBlock, Quote, } from './validators/sub-blocks';
+import { BackgroundCard, BasicCard, Divider, MediaCardBlock, PriceDetailedBlock, Quote, } from './validators/sub-blocks';
 import { filteredItem } from './validators/utils';
 export const getBlocksCases = (blocks) => {
     return Object.values(blocks).reduce((acc, block) => (Object.assign(Object.assign({}, acc), block)));
@@ -10,7 +10,7 @@ export const getBlocksCases = (blocks) => {
 export 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({}, Divider), ExtendedFeaturesBlock), PromoFeaturesBlock), SliderBlock), QuestionsBlock), HeaderBlock), BannerBlock), CompaniesBlock), MediaBlock), MapBlock), InfoBlock), TableBlock), TabsBlock), HeaderSliderBlock), IconsBlock), CardLayoutBlock), ContentLayoutBlock), ShareBlock), FilterBlock);
-    const cardValidators = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, MediaCardBlock), BannerCard), PriceDetailedBlock), BackgroundCard), NewsCard), Quote), BasicCard);
+    const cardValidators = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, MediaCardBlock), BannerCard), PriceDetailedBlock), BackgroundCard), Quote), BasicCard);
     const constructorBlockSchemaNames = [
         'divider',
         'quote',
@@ -43,7 +43,6 @@ export function generateDefaultSchema(config) {
         'banner-card',
         'price-detailed',
         'background-card',
-        'news-card',
         'quote',
         'basic-card',
         'layout-item',
@@ -86,11 +85,6 @@ export function generateDefaultSchema(config) {
                 items: {
                     $ref: '#/definitions/children',
                 },
-            }, menu: MenuProps, background: withTheme(BackgroundProps), footnotes: {
-                type: 'array',
-                items: {
-                    type: 'string',
-                },
-            } }), extensions),
+            }, menu: MenuProps, background: withTheme(BackgroundProps) }), extensions),
     };
 }

package/build/esm/schema/validators/sub-blocks.d.ts

@@ -2,7 +2,6 @@ export * from '../../sub-blocks/PriceDetailed/schema';
 export * from '../../sub-blocks/BackgroundCard/schema';
 export * from '../../sub-blocks/Content/schema';
 export * from '../../sub-blocks/MediaCard/schema';
-export * from '../../sub-blocks/NewsCard/schema';
 export * from '../../sub-blocks/LayoutItem/schema';
 export * from '../../sub-blocks/Quote/schema';
 export * from '../../sub-blocks/Divider/schema';

package/build/esm/schema/validators/sub-blocks.js

@@ -2,7 +2,6 @@ export * from '../../sub-blocks/PriceDetailed/schema';
 export * from '../../sub-blocks/BackgroundCard/schema';
 export * from '../../sub-blocks/Content/schema';
 export * from '../../sub-blocks/MediaCard/schema';
-export * from '../../sub-blocks/NewsCard/schema';
 export * from '../../sub-blocks/LayoutItem/schema';
 export * from '../../sub-blocks/Quote/schema';
 export * from '../../sub-blocks/Divider/schema';

package/build/esm/sub-blocks/Content/Content.js

@@ -36,11 +36,11 @@ function getButtonSize(size) {
 const Content = (props) => {
     const { title, text, additionalInfo, size = 'l', links, buttons, colSizes = { all: 12, sm: 8 }, centered, theme, className, } = props;
     const titleProps = __rest(!title || typeof title === 'string'
-        ? { text: title, textSize: getTextSize(size), resetMargin: true }
-        : Object.assign(Object.assign({}, title), { resetMargin: true }), []);
+        ? { text: title, textSize: getTextSize(size) }
+        : Object.assign({}, title), []);
     const hasTitle = Boolean(title);
     return (React.createElement(Col, { className: b({ size, centered, theme }, className), reset: true, sizes: colSizes },
-        title && React.createElement(Title, { className: b('title'), title: Object.assign({}, titleProps), colSizes: { all: 12 } }),
+        title && React.createElement(Title, { className: b('title'), title: titleProps, colSizes: { all: 12 } }),
         text && (React.createElement("div", { className: b('text', { ['without-title']: !hasTitle }) },
             React.createElement(YFMWrapper, { content: text, modifiers: { constructor: true, [`constructor-size-${size}`]: true } }))),
         additionalInfo && (React.createElement("div", { className: b('notice') },

package/build/esm/sub-blocks/index.d.ts

@@ -1,6 +1,5 @@
 export { default as Divider } from './Divider/Divider';
 export { default as Quote } from './Quote/Quote';
-export { default as NewsCard } from './NewsCard/NewsCard';
 export { default as PriceDetailed } from './PriceDetailed/PriceDetailed';
 export { default as MediaCard } from './MediaCard/MediaCard';
 export { default as BannerCard } from './BannerCard/BannerCard';

package/build/esm/sub-blocks/index.js

@@ -1,6 +1,5 @@
 export { default as Divider } from './Divider/Divider';
 export { default as Quote } from './Quote/Quote';
-export { default as NewsCard } from './NewsCard/NewsCard';
 export { default as PriceDetailed } from './PriceDetailed/PriceDetailed';
 export { default as MediaCard } from './MediaCard/MediaCard';
 export { default as BannerCard } from './BannerCard/BannerCard';

package/build/esm/text-transform/transformers.d.ts

@@ -3,7 +3,6 @@ import { Lang } from '../utils/configure';
 export type ContentTransformerProps = {
     content: {
         blocks?: ConstructorBlock[];
-        footnotes?: string[];
     };
     options: {
         lang: Lang;
@@ -12,5 +11,4 @@ export type ContentTransformerProps = {
 };
 export declare const contentTransformer: ({ content, options }: ContentTransformerProps) => {
     blocks: ConstructorBlock[];
-    footnotes: string[];
 };

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

@@ -1,6 +1,5 @@
 import _ from 'lodash';
 import { config } from './config';
-import { fullTransform } from './utils';
 function transformBlocks(blocks, lang, customConfig = {}) {
     const fullConfig = Object.assign(Object.assign({}, config), customConfig);
     const clonedBlocks = _.cloneDeep(blocks);
@@ -46,11 +45,9 @@ function transformBlock(lang, blocksConfig, block) {
 }
 export const contentTransformer = ({ content, options }) => {
     const { lang, customConfig = {} } = options;
-    const { blocks = [], footnotes = [] } = content;
+    const { blocks = [] } = content;
     const transformedBlocks = transformBlocks(blocks, lang, customConfig);
-    const transformedFootnotes = (footnotes === null || footnotes === void 0 ? void 0 : footnotes.map((footnote) => fullTransform(footnote, { path: __dirname, lang, allowHTML: true }).html).filter(Boolean)) || [];
     return {
         blocks: transformedBlocks,
-        footnotes: transformedFootnotes,
     };
 };

package/package.json

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

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

@@ -2,7 +2,7 @@
 import { ButtonSize } from '@gravity-ui/uikit';
 import { GridColumnSize, GridColumnSizesType } from '../../grid/types';
 import { ThemeSupporting } from '../../utils';
-import { AnchorProps, Animatable, BackgroundImageProps, ButtonProps, ContentSize, ContentTextSize, ContentTheme, FileLinkProps, HeaderBreadCrumbsProps, HeaderImageSize, HeaderOffset, HeaderWidth, ImageDeviceProps, Justify, LegendTableMarkerType, LinkProps, MapProps, MediaDirection, MediaProps, TextSize, TextTheme, ThemedImage, ThemedMediaProps, ThemedMediaVideoProps, TitleItemBaseProps, TitleItemProps, TitleProps } from './common';
+import { AnchorProps, Animatable, BackgroundImageProps, ButtonProps, ContentSize, ContentTextSize, ContentTheme, FileLinkProps, HeaderBreadCrumbsProps, HeaderImageSize, HeaderOffset, HeaderWidth, ImageDeviceProps, Justify, LegendTableMarkerType, LinkProps, MapProps, MediaDirection, MediaProps, TextSize, TextTheme, ThemedImage, ThemedMediaProps, ThemedMediaVideoProps, TitleItemBaseProps, TitleItemProps } from './common';
 import { BannerCardProps, SubBlock, SubBlockModels } from './sub-blocks';
 export declare enum BlockType {
     PromoFeaturesBlock = "promo-features-block",
@@ -207,7 +207,9 @@ export interface TabsBlockItem extends Omit<ContentBlockProps, 'size' | 'colSize
     caption?: string;
     media?: ThemedMediaProps;
 }
-export interface TabsBlockProps extends TitleProps, Animatable {
+export interface TabsBlockProps extends Animatable {
+    title?: TitleItemProps | string;
+    description?: string;
     tabsColSizes?: GridColumnSizesType;
     centered?: boolean;
     direction?: MediaDirection;

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

@@ -1,5 +1,5 @@
 import { CSSProperties, ReactNode } from 'react';
-import { ButtonSize, ButtonView } from '@gravity-ui/uikit';
+import { ButtonView, ButtonProps as UikitButtonProps } from '@gravity-ui/uikit';
 import { ThemeSupporting } from '../../utils/theme';
 import { AnalyticsEventsBase, ClassNameProps, PixelEventType } from '../common';
 export declare enum AuthorType {
@@ -126,11 +126,10 @@ export interface FileLinkProps extends ClassNameProps {
     onClick?: () => void;
 }
 export type ButtonTheme = ButtonView | 'github' | 'app-store' | 'google-play' | 'scale' | 'monochrome';
-export interface ButtonProps extends AnalyticsEventsBase {
+export interface ButtonProps extends AnalyticsEventsBase, Pick<UikitButtonProps, 'size' | 'width'> {
     text: string;
     url: string;
     primary?: boolean;
-    size?: ButtonSize;
     theme?: ButtonTheme;
     img?: ButtonImageProps | string;
     metrikaGoals?: MetrikaGoal;
@@ -336,6 +335,6 @@ export interface AuthorProps {
 }
 export interface TitleProps {
     title?: TitleItemProps | string;
-    description?: string;
+    subtitle?: string;
 }
 export {};