@gravity-ui/page-constructor 3.0.0-alpha.2 → 3.0.0-alpha.4

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 }),
+        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

@@ -336,6 +336,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.css

@@ -91,7 +91,7 @@ unpredictable css rules order in build */
 .pc-content_size_l .pc-content__button {
   margin-top: 12px;
 }
-.pc-content_theme_dark .pc-content__title,
+.pc-content_theme_dark .pc-content__title *,
 .pc-content_theme_dark .pc-content__text .yfm,
 .pc-content_theme_dark .pc-content__text .yfm *,
 .pc-content_theme_dark .pc-content__link a {
@@ -123,7 +123,7 @@ unpredictable css rules order in build */
 .pc-content_theme_dark .pc-content__title a:hover {
   color: var(--yc-color-text-light-secondary);
 }
-.pc-content_theme_light .pc-content__title,
+.pc-content_theme_light .pc-content__title *,
 .pc-content_theme_light .pc-content__text .yfm,
 .pc-content_theme_light .pc-content__text .yfm *,
 .pc-content_theme_light .pc-content__link a {

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, { title: titleProps }),
+        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.2",
+  "version": "3.0.0-alpha.4",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {

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

@@ -336,6 +336,6 @@ export interface AuthorProps {
 }
 export interface TitleProps {
     title?: TitleItemProps | string;
-    description?: string;
+    subtitle?: string;
 }
 export {};

package/server/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/server/models/constructor-items/sub-blocks.js

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

package/server/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/server/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/server/text-transform/transformers.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.contentTransformer = void 0;
 const lodash_1 = __importDefault(require("lodash"));
 const config_1 = require("./config");
-const utils_1 = require("./utils");
 function transformBlocks(blocks, lang, customConfig = {}) {
     const fullConfig = Object.assign(Object.assign({}, config_1.config), customConfig);
     const clonedBlocks = lodash_1.default.cloneDeep(blocks);
@@ -52,12 +51,10 @@ function transformBlock(lang, blocksConfig, block) {
 }
 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) => (0, utils_1.fullTransform)(footnote, { path: __dirname, lang, allowHTML: true }).html).filter(Boolean)) || [];
     return {
         blocks: transformedBlocks,
-        footnotes: transformedFootnotes,
     };
 };
 exports.contentTransformer = contentTransformer;

package/styles/styles.css

@@ -245,18 +245,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/styles/yfm.scss

@@ -61,20 +61,6 @@
         }
     }
 
-    &_footnote_text p,
-    &_footnote_page p {
-        opacity: 0.5;
-    }
-
-    &_footnote_text p {
-        @include text-size(body-2);
-    }
-
-    &_footnote_page p {
-        @include text-size(body-1);
-        display: inline;
-    }
-
     &_list_style ul {
         padding-left: $indentS;
     }

package/build/cjs/containers/PageConstructor/components/ConstructorFootnotes/ConstructorFootnotes.css

@@ -1,12 +0,0 @@
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.pc-constructor-footnotes {
-  margin: 0;
-  padding: 32px 0 32px 16px;
-  font-size: var(--yc-text-body-1-font-size);
-  line-height: var(--yc-text-body-1-line-height);
-  color: var(--yc-color-text-hint);
-}
-.pc-constructor-footnotes__item + .pc-constructor-footnotes__item {
-  margin-top: 12px;
-}

package/build/cjs/containers/PageConstructor/components/ConstructorFootnotes/ConstructorFootnotes.d.ts

@@ -1,8 +0,0 @@
-/**
- * @deprecated use Content block instead
- *
- * @return - JSX
- */
-export declare const ConstructorFootnotes: ({ items }: {
-    items: string[];
-}) => JSX.Element;