@gravity-ui/blog-constructor 8.3.0 → 8.4.0

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ContentBlockProps, FormBlockData, HeaderBlockProps, MediaProps as PCMediaProps, TextTheme } from '@gravity-ui/page-constructor';
+import { AuthorItem, ContentBlockProps, FormBlockData, HeaderBlockProps, MediaProps as PCMediaProps, TextTheme } from '@gravity-ui/page-constructor';
 import { BlockType, ClassNameProps, PostData, QAProps } from "./common.js";
 import { PaddingsYFMProps } from "./paddings.js";
 export type AuthorProps = ClassNameProps & {
@@ -53,6 +53,19 @@ export type FormProps = {
 export type CompactMediaProps = {
     description?: string;
 } & PaddingsYFMProps & Partial<Pick<PCMediaProps, 'image'>>;
+export type TakeProps = YFMProps & {
+    author: AuthorItem;
+    color?: string;
+    noBackground?: boolean;
+};
+export type SideCard = Pick<PCMediaProps, 'image'> & {
+    description: string;
+    url: string;
+};
+export type SideCardListProps = {
+    title?: string;
+    items: SideCard[];
+} & PaddingsYFMProps;
 export type AuthorBlockModel = {
     type: BlockType.Author;
 } & AuthorProps;
@@ -92,7 +105,13 @@ export type FormBlockModel = {
 export type CompactMediaBlockModel = {
     type: BlockType.CompactMedia;
 } & CompactMediaProps;
-export type BlockModel = AuthorBlockModel | BannerBlockModel | ColoredTextBlockModel | CTABlockModel | HeaderBlockModel | LayoutBlockModel | MediaBlockModel | MetaBlockModel | SuggestBlockModel | YFMBlockModel | FeedBlockModel | CompactMediaBlockModel;
+export type TakeBlockModel = {
+    type: BlockType.Take;
+} & TakeProps;
+export type SideCardListBlockModel = {
+    type: BlockType.SideCardList;
+} & SideCardListProps;
+export type BlockModel = AuthorBlockModel | BannerBlockModel | ColoredTextBlockModel | CTABlockModel | HeaderBlockModel | LayoutBlockModel | MediaBlockModel | MetaBlockModel | SuggestBlockModel | YFMBlockModel | FeedBlockModel | CompactMediaBlockModel | TakeBlockModel | SideCardListBlockModel;
 export type Block = BlockModel & {
     [x: string]: any;
 };

package/build/cjs/models/blocks.js.map

@@ -1 +1 @@
-{"version":3,"file":"blocks.js","sourceRoot":"../../../src","sources":["models/blocks.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\n\nimport {\n    ContentBlockProps,\n    FormBlockData,\n    HeaderBlockProps,\n    MediaProps as PCMediaProps,\n    TextTheme,\n} from '@gravity-ui/page-constructor';\n\nimport {BlockType, ClassNameProps, PostData, QAProps} from './common';\nimport {PaddingsYFMProps} from './paddings';\n\n// blocks props\nexport type AuthorProps = ClassNameProps & {\n    authorId: number | string;\n    image: string;\n} & PaddingsYFMProps &\n    QAProps;\n\nexport type BannerProps = ContentBlockProps &\n    QAProps & {\n        color?: string;\n        image?: string;\n        imageSize?: 's' | 'm';\n    } & PaddingsYFMProps;\n\nexport type ColoredTextProps = ContentBlockProps &\n    QAProps & {\n        background?: {\n            color?: string;\n            image?: string;\n            altText?: string;\n        };\n    } & PaddingsYFMProps;\n\nexport type CTAProps = QAProps & {\n    items: Array<ContentBlockProps>;\n} & PaddingsYFMProps;\n\ntype HeaderBlogProps = {\n    imageInGrid?: boolean;\n};\n\nexport type HeaderProps = HeaderBlockProps & PaddingsYFMProps & HeaderBlogProps;\n\nexport type LayoutProps = {\n    fullWidth?: boolean;\n    mobileOrder?: string;\n    children: React.ReactElement[];\n} & PaddingsYFMProps;\n\nexport type MediaProps = ClassNameProps &\n    PaddingsYFMProps &\n    Partial<\n        Pick<\n            PCMediaProps,\n            | 'youtube'\n            | 'previewImg'\n            | 'image'\n            | 'video'\n            | 'dataLens'\n            | 'videoIframe'\n            | 'videoMicrodata'\n        >\n    > & {\n        text?: string;\n    };\n\nexport type MetaProps = QAProps & {\n    locale: string;\n    theme?: TextTheme;\n} & PaddingsYFMProps;\n\nexport type SuggestProps = ClassNameProps & {\n    posts: PostData[];\n} & PaddingsYFMProps;\n\nexport type YFMProps = {\n    text: string;\n} & PaddingsYFMProps &\n    QAProps;\n\nexport type FeedProps = {\n    image: string;\n};\n\nexport type FormProps = {\n    formData: FormBlockData;\n    border?: 'shadow' | 'line' | 'none';\n} & PaddingsYFMProps &\n    QAProps;\n\nexport type CompactMediaProps = {\n    description?: string;\n} & PaddingsYFMProps &\n    Partial<Pick<PCMediaProps, 'image'>>;\n\n// blocks models\nexport type AuthorBlockModel = {\n    type: BlockType.Author;\n} & AuthorProps;\n\nexport type BannerBlockModel = {\n    type: BlockType.Banner;\n} & BannerProps;\n\nexport type ColoredTextBlockModel = {\n    type: BlockType.ColoredText;\n} & ColoredTextProps;\n\nexport type CTABlockModel = {\n    type: BlockType.CTA;\n} & CTAProps;\n\nexport type HeaderBlockModel = {\n    type: BlockType.Header;\n} & HeaderProps;\n\nexport type LayoutBlockModel = {\n    type: BlockType.Layout;\n} & LayoutProps;\n\nexport type MediaBlockModel = {\n    type: BlockType.Media;\n} & MediaProps;\n\nexport type MetaBlockModel = {\n    type: BlockType.Meta;\n} & MetaProps;\n\nexport type SuggestBlockModel = {\n    type: BlockType.Suggest;\n} & SuggestProps;\n\nexport type YFMBlockModel = {\n    type: BlockType.YFM;\n} & YFMProps;\n\nexport type FeedBlockModel = {\n    type: BlockType.Feed;\n} & FeedProps;\n\nexport type FormBlockModel = {\n    type: BlockType.Form;\n} & FormProps;\n\nexport type CompactMediaBlockModel = {\n    type: BlockType.CompactMedia;\n} & CompactMediaProps;\n\nexport type BlockModel =\n    | AuthorBlockModel\n    | BannerBlockModel\n    | ColoredTextBlockModel\n    | CTABlockModel\n    | HeaderBlockModel\n    | LayoutBlockModel\n    | MediaBlockModel\n    | MetaBlockModel\n    | SuggestBlockModel\n    | YFMBlockModel\n    | FeedBlockModel\n    | CompactMediaBlockModel;\n\nexport type Block = BlockModel & {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    [x: string]: any;\n};\n"]}
+{"version":3,"file":"blocks.js","sourceRoot":"../../../src","sources":["models/blocks.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\n\nimport {\n    AuthorItem,\n    ContentBlockProps,\n    FormBlockData,\n    HeaderBlockProps,\n    MediaProps as PCMediaProps,\n    TextTheme,\n} from '@gravity-ui/page-constructor';\n\nimport {BlockType, ClassNameProps, PostData, QAProps} from './common';\nimport {PaddingsYFMProps} from './paddings';\n\n// blocks props\nexport type AuthorProps = ClassNameProps & {\n    authorId: number | string;\n    image: string;\n} & PaddingsYFMProps &\n    QAProps;\n\nexport type BannerProps = ContentBlockProps &\n    QAProps & {\n        color?: string;\n        image?: string;\n        imageSize?: 's' | 'm';\n    } & PaddingsYFMProps;\n\nexport type ColoredTextProps = ContentBlockProps &\n    QAProps & {\n        background?: {\n            color?: string;\n            image?: string;\n            altText?: string;\n        };\n    } & PaddingsYFMProps;\n\nexport type CTAProps = QAProps & {\n    items: Array<ContentBlockProps>;\n} & PaddingsYFMProps;\n\ntype HeaderBlogProps = {\n    imageInGrid?: boolean;\n};\n\nexport type HeaderProps = HeaderBlockProps & PaddingsYFMProps & HeaderBlogProps;\n\nexport type LayoutProps = {\n    fullWidth?: boolean;\n    mobileOrder?: string;\n    children: React.ReactElement[];\n} & PaddingsYFMProps;\n\nexport type MediaProps = ClassNameProps &\n    PaddingsYFMProps &\n    Partial<\n        Pick<\n            PCMediaProps,\n            | 'youtube'\n            | 'previewImg'\n            | 'image'\n            | 'video'\n            | 'dataLens'\n            | 'videoIframe'\n            | 'videoMicrodata'\n        >\n    > & {\n        text?: string;\n    };\n\nexport type MetaProps = QAProps & {\n    locale: string;\n    theme?: TextTheme;\n} & PaddingsYFMProps;\n\nexport type SuggestProps = ClassNameProps & {\n    posts: PostData[];\n} & PaddingsYFMProps;\n\nexport type YFMProps = {\n    text: string;\n} & PaddingsYFMProps &\n    QAProps;\n\nexport type FeedProps = {\n    image: string;\n};\n\nexport type FormProps = {\n    formData: FormBlockData;\n    border?: 'shadow' | 'line' | 'none';\n} & PaddingsYFMProps &\n    QAProps;\n\nexport type CompactMediaProps = {\n    description?: string;\n} & PaddingsYFMProps &\n    Partial<Pick<PCMediaProps, 'image'>>;\n\nexport type TakeProps = YFMProps & {\n    author: AuthorItem;\n    color?: string;\n    noBackground?: boolean;\n};\n\nexport type SideCard = Pick<PCMediaProps, 'image'> & {\n    description: string;\n    url: string;\n};\n\nexport type SideCardListProps = {\n    title?: string;\n    items: SideCard[];\n} & PaddingsYFMProps;\n\n// blocks models\nexport type AuthorBlockModel = {\n    type: BlockType.Author;\n} & AuthorProps;\n\nexport type BannerBlockModel = {\n    type: BlockType.Banner;\n} & BannerProps;\n\nexport type ColoredTextBlockModel = {\n    type: BlockType.ColoredText;\n} & ColoredTextProps;\n\nexport type CTABlockModel = {\n    type: BlockType.CTA;\n} & CTAProps;\n\nexport type HeaderBlockModel = {\n    type: BlockType.Header;\n} & HeaderProps;\n\nexport type LayoutBlockModel = {\n    type: BlockType.Layout;\n} & LayoutProps;\n\nexport type MediaBlockModel = {\n    type: BlockType.Media;\n} & MediaProps;\n\nexport type MetaBlockModel = {\n    type: BlockType.Meta;\n} & MetaProps;\n\nexport type SuggestBlockModel = {\n    type: BlockType.Suggest;\n} & SuggestProps;\n\nexport type YFMBlockModel = {\n    type: BlockType.YFM;\n} & YFMProps;\n\nexport type FeedBlockModel = {\n    type: BlockType.Feed;\n} & FeedProps;\n\nexport type FormBlockModel = {\n    type: BlockType.Form;\n} & FormProps;\n\nexport type CompactMediaBlockModel = {\n    type: BlockType.CompactMedia;\n} & CompactMediaProps;\n\nexport type TakeBlockModel = {\n    type: BlockType.Take;\n} & TakeProps;\n\nexport type SideCardListBlockModel = {\n    type: BlockType.SideCardList;\n} & SideCardListProps;\n\nexport type BlockModel =\n    | AuthorBlockModel\n    | BannerBlockModel\n    | ColoredTextBlockModel\n    | CTABlockModel\n    | HeaderBlockModel\n    | LayoutBlockModel\n    | MediaBlockModel\n    | MetaBlockModel\n    | SuggestBlockModel\n    | YFMBlockModel\n    | FeedBlockModel\n    | CompactMediaBlockModel\n    | TakeBlockModel\n    | SideCardListBlockModel;\n\nexport type Block = BlockModel & {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    [x: string]: any;\n};\n"]}

package/build/cjs/models/common.d.ts

@@ -98,7 +98,9 @@ export declare enum BlockType {
     Meta = "blog-meta-block",
     Feed = "blog-feed-block",
     Form = "blog-form-block",
-    CompactMedia = "blog-compact-media-block"
+    CompactMedia = "blog-compact-media-block",
+    Take = "blog-take-block",
+    SideCardList = "blog-side-card-list-block"
 }
 export type MetaProps = {
     metaComponent: JSX.Element;

package/build/cjs/models/common.js

@@ -21,6 +21,8 @@ var BlockType;
     BlockType["Feed"] = "blog-feed-block";
     BlockType["Form"] = "blog-form-block";
     BlockType["CompactMedia"] = "blog-compact-media-block";
+    BlockType["Take"] = "blog-take-block";
+    BlockType["SideCardList"] = "blog-side-card-list-block";
 })(BlockType || (exports.BlockType = BlockType = {}));
 var DefaultEventNames;
 (function (DefaultEventNames) {

package/build/cjs/models/common.js.map

@@ -1 +1 @@
-{"version":3,"file":"common.js","sourceRoot":"../../../src","sources":["models/common.ts"],"names":[],"mappings":";;;AASA,IAAY,KAGX;AAHD,WAAY,KAAK;IACb,wBAAe,CAAA;IACf,sBAAa,CAAA;AACjB,CAAC,EAHW,KAAK,qBAAL,KAAK,QAGhB;AA2FD,IAAY,SAcX;AAdD,WAAY,SAAS;IACjB,yCAA4B,CAAA;IAC5B,mCAAsB,CAAA;IACtB,yCAA4B,CAAA;IAC5B,uCAA0B,CAAA;IAC1B,yCAA4B,CAAA;IAC5B,mCAAsB,CAAA;IACtB,oDAAuC,CAAA;IACvC,yCAA4B,CAAA;IAC5B,2CAA8B,CAAA;IAC9B,qCAAwB,CAAA;IACxB,qCAAwB,CAAA;IACxB,qCAAwB,CAAA;IACxB,sDAAyC,CAAA;AAC7C,CAAC,EAdW,SAAS,yBAAT,SAAS,QAcpB;AA+DD,IAAY,iBAUX;AAVD,WAAY,iBAAiB;IACzB,uDAAkC,CAAA;IAClC,qDAAgC,CAAA;IAChC,wDAAmC,CAAA;IACnC,kEAA6C,CAAA;IAC7C,kEAA6C,CAAA;IAC7C,kEAA6C,CAAA;IAC7C,+CAA0B,CAAA;IAC1B,uDAAkC,CAAA;IAClC,wDAAmC,CAAA;AACvC,CAAC,EAVW,iBAAiB,iCAAjB,iBAAiB,QAU5B;AAWD,IAAY,YAGX;AAHD,WAAY,YAAY;IACpB,2BAAW,CAAA;IACX,4BAAY,CAAA;AAChB,CAAC,EAHW,YAAY,4BAAZ,YAAY,QAGvB;AAED,IAAY,yBAGX;AAHD,WAAY,yBAAyB;IACjC,sCAAS,CAAA;IACT,sCAAS,CAAA;AACb,CAAC,EAHW,yBAAyB,yCAAzB,yBAAyB,QAGpC","sourcesContent":["import * as React from 'react';\n\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport {MarkdownItPluginCb} from '@diplodoc/transform/lib/plugins/typings';\nimport {HeaderBlockProps as PageConstructorHeaderBlockProps} from '@gravity-ui/page-constructor';\nimport {IBrowser, IDevice} from 'ua-parser-js';\n\nimport {Locale} from '../models/locale';\n\nexport enum Theme {\n    Light = 'light',\n    Dark = 'dark',\n}\n\nexport interface ClassNameProps {\n    className?: string;\n}\n\nexport type Author = {\n    id: number | string;\n    avatar: string | null;\n    createdAt: string;\n    updatedAt: string;\n    firstName: string | null;\n    secondName: string | null;\n    description: string | null;\n    fullDescription: string | null;\n    shortDescription: string | null;\n} & {\n    [x: string]: string | null;\n};\n\nexport type Service = {\n    id: number | string;\n    slug: string;\n    name: string;\n} & {\n    [x: string]: string | null;\n};\n\nexport type Query = Record<string, number | string | null>;\n\n//page models\n\nexport interface Menu {\n    title: string;\n}\n\nexport interface WithDeviceProps {\n    device: IDevice;\n    browser: IBrowser;\n    isRobot: boolean;\n}\n\nexport interface PostsProps {\n    posts: PostData[];\n    count: number;\n    totalCount: number;\n    pinnedPost?: PostData;\n}\n\nexport type Tag = {\n    slug: string;\n    name: string;\n    createdAt?: string;\n    updatedAt?: string;\n    icon?: string;\n    isDeleted?: boolean;\n    locale?: string;\n    blogTagId?: number | string;\n    count?: number;\n};\n\nexport interface PostData {\n    author?: string;\n    authors?: Author[];\n    blogPostId?: number | string;\n    content?: string;\n    date: string;\n    description?: string;\n    hasUserLike: boolean;\n    htmlTitle: string;\n    id: number;\n    image: string;\n    isPublished?: boolean;\n    sharedImage?: string;\n    likes: number;\n    locale: Locale;\n    metaDescription?: string | null;\n    metaTitle?: string | null;\n    readingTime?: number;\n    shareDescription?: string;\n    shareImage?: string;\n    shareTitle?: string;\n    slug: string;\n    keywords?: string[];\n    tags: Tag[];\n    textTitle: string;\n    title: string;\n    url: string;\n    noIndex?: boolean;\n}\n\nexport enum BlockType {\n    Header = 'blog-header-block',\n    YFM = 'blog-yfm-block',\n    Layout = 'blog-layout-block',\n    Media = 'blog-media-block',\n    Banner = 'blog-banner-block',\n    CTA = 'blog-cta-block',\n    ColoredText = 'blog-colored-text-block',\n    Author = 'blog-author-block',\n    Suggest = 'blog-suggest-block',\n    Meta = 'blog-meta-block',\n    Feed = 'blog-feed-block',\n    Form = 'blog-form-block',\n    CompactMedia = 'blog-compact-media-block',\n}\n\nexport type MetaProps = {\n    metaComponent: JSX.Element;\n    needHelmetWrapper: boolean;\n};\n\nexport type MetaOrganizationType = {\n    url: string;\n    appTitle: string;\n    legalName: string;\n    supportEmail: string;\n};\n\nexport interface PostMetaProps {\n    title: string;\n    date: string;\n    image: string;\n    canonicalUrl: string;\n    content?: string;\n    description?: string;\n    sharing: {\n        shareTitle: string;\n        shareDescription: string;\n        shareImage: string;\n        shareGenImage: string;\n        shareGenTitle: string;\n    };\n    keywords?: string[];\n    noIndex?: boolean;\n    authors?: Author[];\n    tags?: Tag[];\n    organization: MetaOrganizationType;\n}\n\nexport type ToggleLikeCallbackType = ({\n    postId,\n    hasLike,\n}: {\n    postId?: number | string;\n    hasLike?: boolean;\n}) => void;\n\nexport interface HeaderBlockProps extends PageConstructorHeaderBlockProps {\n    backLink?: {\n        url: string;\n        title: React.ReactNode;\n    };\n}\n\nexport type GetPostsRequest = {\n    tags: string | undefined;\n    page: number;\n    perPage: number;\n    savedOnly: boolean;\n    search: string | undefined;\n    services: string | undefined;\n};\n\nexport type GetPostsType = (query: GetPostsRequest) => Promise<PostsProps>;\n\nexport type HandleChangeQueryParams = (params: Query) => void;\n\nexport enum DefaultEventNames {\n    ShareButton = 'share-button-click',\n    SaveButton = 'save-button-click',\n    ShowMore = 'show-more-button-click',\n    PaginatorHome = 'paginator-home-button-click',\n    PaginatorNext = 'paginator-next-button-click',\n    PaginatorPage = 'paginator-page-button-click',\n    Tag = 'selector-tag-click',\n    Service = 'selector-service-click',\n    SaveOnly = 'save-only-button-click',\n}\n\nexport type FetchArgs = {\n    page?: number;\n    query: Query;\n};\n\nexport interface QAProps {\n    qa?: string;\n}\n\nexport enum PostCardSize {\n    SMALL = 's',\n    MEDIUM = 'm',\n}\n\nexport enum PostCardTitleHeadingLevel {\n    H2 = 'h2',\n    H3 = 'h3',\n}\n\nexport interface TransformPostOptions {\n    plugins?: MarkdownItPluginCb[];\n}\n"]}
+{"version":3,"file":"common.js","sourceRoot":"../../../src","sources":["models/common.ts"],"names":[],"mappings":";;;AASA,IAAY,KAGX;AAHD,WAAY,KAAK;IACb,wBAAe,CAAA;IACf,sBAAa,CAAA;AACjB,CAAC,EAHW,KAAK,qBAAL,KAAK,QAGhB;AA2FD,IAAY,SAgBX;AAhBD,WAAY,SAAS;IACjB,yCAA4B,CAAA;IAC5B,mCAAsB,CAAA;IACtB,yCAA4B,CAAA;IAC5B,uCAA0B,CAAA;IAC1B,yCAA4B,CAAA;IAC5B,mCAAsB,CAAA;IACtB,oDAAuC,CAAA;IACvC,yCAA4B,CAAA;IAC5B,2CAA8B,CAAA;IAC9B,qCAAwB,CAAA;IACxB,qCAAwB,CAAA;IACxB,qCAAwB,CAAA;IACxB,sDAAyC,CAAA;IACzC,qCAAwB,CAAA;IACxB,uDAA0C,CAAA;AAC9C,CAAC,EAhBW,SAAS,yBAAT,SAAS,QAgBpB;AA+DD,IAAY,iBAUX;AAVD,WAAY,iBAAiB;IACzB,uDAAkC,CAAA;IAClC,qDAAgC,CAAA;IAChC,wDAAmC,CAAA;IACnC,kEAA6C,CAAA;IAC7C,kEAA6C,CAAA;IAC7C,kEAA6C,CAAA;IAC7C,+CAA0B,CAAA;IAC1B,uDAAkC,CAAA;IAClC,wDAAmC,CAAA;AACvC,CAAC,EAVW,iBAAiB,iCAAjB,iBAAiB,QAU5B;AAWD,IAAY,YAGX;AAHD,WAAY,YAAY;IACpB,2BAAW,CAAA;IACX,4BAAY,CAAA;AAChB,CAAC,EAHW,YAAY,4BAAZ,YAAY,QAGvB;AAED,IAAY,yBAGX;AAHD,WAAY,yBAAyB;IACjC,sCAAS,CAAA;IACT,sCAAS,CAAA;AACb,CAAC,EAHW,yBAAyB,yCAAzB,yBAAyB,QAGpC","sourcesContent":["import * as React from 'react';\n\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport {MarkdownItPluginCb} from '@diplodoc/transform/lib/plugins/typings';\nimport {HeaderBlockProps as PageConstructorHeaderBlockProps} from '@gravity-ui/page-constructor';\nimport {IBrowser, IDevice} from 'ua-parser-js';\n\nimport {Locale} from '../models/locale';\n\nexport enum Theme {\n    Light = 'light',\n    Dark = 'dark',\n}\n\nexport interface ClassNameProps {\n    className?: string;\n}\n\nexport type Author = {\n    id: number | string;\n    avatar: string | null;\n    createdAt: string;\n    updatedAt: string;\n    firstName: string | null;\n    secondName: string | null;\n    description: string | null;\n    fullDescription: string | null;\n    shortDescription: string | null;\n} & {\n    [x: string]: string | null;\n};\n\nexport type Service = {\n    id: number | string;\n    slug: string;\n    name: string;\n} & {\n    [x: string]: string | null;\n};\n\nexport type Query = Record<string, number | string | null>;\n\n//page models\n\nexport interface Menu {\n    title: string;\n}\n\nexport interface WithDeviceProps {\n    device: IDevice;\n    browser: IBrowser;\n    isRobot: boolean;\n}\n\nexport interface PostsProps {\n    posts: PostData[];\n    count: number;\n    totalCount: number;\n    pinnedPost?: PostData;\n}\n\nexport type Tag = {\n    slug: string;\n    name: string;\n    createdAt?: string;\n    updatedAt?: string;\n    icon?: string;\n    isDeleted?: boolean;\n    locale?: string;\n    blogTagId?: number | string;\n    count?: number;\n};\n\nexport interface PostData {\n    author?: string;\n    authors?: Author[];\n    blogPostId?: number | string;\n    content?: string;\n    date: string;\n    description?: string;\n    hasUserLike: boolean;\n    htmlTitle: string;\n    id: number;\n    image: string;\n    isPublished?: boolean;\n    sharedImage?: string;\n    likes: number;\n    locale: Locale;\n    metaDescription?: string | null;\n    metaTitle?: string | null;\n    readingTime?: number;\n    shareDescription?: string;\n    shareImage?: string;\n    shareTitle?: string;\n    slug: string;\n    keywords?: string[];\n    tags: Tag[];\n    textTitle: string;\n    title: string;\n    url: string;\n    noIndex?: boolean;\n}\n\nexport enum BlockType {\n    Header = 'blog-header-block',\n    YFM = 'blog-yfm-block',\n    Layout = 'blog-layout-block',\n    Media = 'blog-media-block',\n    Banner = 'blog-banner-block',\n    CTA = 'blog-cta-block',\n    ColoredText = 'blog-colored-text-block',\n    Author = 'blog-author-block',\n    Suggest = 'blog-suggest-block',\n    Meta = 'blog-meta-block',\n    Feed = 'blog-feed-block',\n    Form = 'blog-form-block',\n    CompactMedia = 'blog-compact-media-block',\n    Take = 'blog-take-block',\n    SideCardList = 'blog-side-card-list-block',\n}\n\nexport type MetaProps = {\n    metaComponent: JSX.Element;\n    needHelmetWrapper: boolean;\n};\n\nexport type MetaOrganizationType = {\n    url: string;\n    appTitle: string;\n    legalName: string;\n    supportEmail: string;\n};\n\nexport interface PostMetaProps {\n    title: string;\n    date: string;\n    image: string;\n    canonicalUrl: string;\n    content?: string;\n    description?: string;\n    sharing: {\n        shareTitle: string;\n        shareDescription: string;\n        shareImage: string;\n        shareGenImage: string;\n        shareGenTitle: string;\n    };\n    keywords?: string[];\n    noIndex?: boolean;\n    authors?: Author[];\n    tags?: Tag[];\n    organization: MetaOrganizationType;\n}\n\nexport type ToggleLikeCallbackType = ({\n    postId,\n    hasLike,\n}: {\n    postId?: number | string;\n    hasLike?: boolean;\n}) => void;\n\nexport interface HeaderBlockProps extends PageConstructorHeaderBlockProps {\n    backLink?: {\n        url: string;\n        title: React.ReactNode;\n    };\n}\n\nexport type GetPostsRequest = {\n    tags: string | undefined;\n    page: number;\n    perPage: number;\n    savedOnly: boolean;\n    search: string | undefined;\n    services: string | undefined;\n};\n\nexport type GetPostsType = (query: GetPostsRequest) => Promise<PostsProps>;\n\nexport type HandleChangeQueryParams = (params: Query) => void;\n\nexport enum DefaultEventNames {\n    ShareButton = 'share-button-click',\n    SaveButton = 'save-button-click',\n    ShowMore = 'show-more-button-click',\n    PaginatorHome = 'paginator-home-button-click',\n    PaginatorNext = 'paginator-next-button-click',\n    PaginatorPage = 'paginator-page-button-click',\n    Tag = 'selector-tag-click',\n    Service = 'selector-service-click',\n    SaveOnly = 'save-only-button-click',\n}\n\nexport type FetchArgs = {\n    page?: number;\n    query: Query;\n};\n\nexport interface QAProps {\n    qa?: string;\n}\n\nexport enum PostCardSize {\n    SMALL = 's',\n    MEDIUM = 'm',\n}\n\nexport enum PostCardTitleHeadingLevel {\n    H2 = 'h2',\n    H3 = 'h3',\n}\n\nexport interface TransformPostOptions {\n    plugins?: MarkdownItPluginCb[];\n}\n"]}

package/build/cjs/models/paddings.d.ts

@@ -4,7 +4,7 @@ export declare enum PaddingsDirections {
     left = "left",
     right = "right"
 }
-export type PaddingSize = 'xs' | 's' | 'm' | 'l' | 'xl';
+export type PaddingSize = 'xs' | 's' | 'sm' | 'm' | 'l' | 'xl';
 export type Paddings = {
     [key in PaddingsDirections]?: PaddingSize;
 };

package/build/cjs/models/paddings.js.map

@@ -1 +1 @@
-{"version":3,"file":"paddings.js","sourceRoot":"../../../src","sources":["models/paddings.ts"],"names":[],"mappings":";;;AAAA,IAAY,kBAKX;AALD,WAAY,kBAAkB;IAC1B,iCAAW,CAAA;IACX,uCAAiB,CAAA;IACjB,mCAAa,CAAA;IACb,qCAAe,CAAA;AACnB,CAAC,EALW,kBAAkB,kCAAlB,kBAAkB,QAK7B","sourcesContent":["export enum PaddingsDirections {\n    top = 'top',\n    bottom = 'bottom',\n    left = 'left',\n    right = 'right',\n}\n\nexport type PaddingSize = 'xs' | 's' | 'm' | 'l' | 'xl';\n\nexport type Paddings = {\n    [key in PaddingsDirections]?: PaddingSize;\n};\n\nexport type PaddingsYFMProps = {\n    paddingTop?: PaddingSize;\n    paddingBottom?: PaddingSize;\n    paddingRight?: PaddingSize;\n    paddingLeft?: PaddingSize;\n};\n"]}
+{"version":3,"file":"paddings.js","sourceRoot":"../../../src","sources":["models/paddings.ts"],"names":[],"mappings":";;;AAAA,IAAY,kBAKX;AALD,WAAY,kBAAkB;IAC1B,iCAAW,CAAA;IACX,uCAAiB,CAAA;IACjB,mCAAa,CAAA;IACb,qCAAe,CAAA;AACnB,CAAC,EALW,kBAAkB,kCAAlB,kBAAkB,QAK7B","sourcesContent":["export enum PaddingsDirections {\n    top = 'top',\n    bottom = 'bottom',\n    left = 'left',\n    right = 'right',\n}\n\nexport type PaddingSize = 'xs' | 's' | 'sm' | 'm' | 'l' | 'xl';\n\nexport type Paddings = {\n    [key in PaddingsDirections]?: PaddingSize;\n};\n\nexport type PaddingsYFMProps = {\n    paddingTop?: PaddingSize;\n    paddingBottom?: PaddingSize;\n    paddingRight?: PaddingSize;\n    paddingLeft?: PaddingSize;\n};\n"]}

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

@@ -9,3 +9,4 @@ export * from "../blocks/Meta/schema.js";
 export * from "../blocks/Suggest/schema.js";
 export * from "../blocks/YFM/schema.js";
 export * from "../blocks/CompactMedia/schema.js";
+export * from "../blocks/Take/schema.js";

package/build/cjs/schema/blocks.js

@@ -12,4 +12,5 @@ tslib_1.__exportStar(require("../blocks/Meta/schema.js"), exports);
 tslib_1.__exportStar(require("../blocks/Suggest/schema.js"), exports);
 tslib_1.__exportStar(require("../blocks/YFM/schema.js"), exports);
 tslib_1.__exportStar(require("../blocks/CompactMedia/schema.js"), exports);
+tslib_1.__exportStar(require("../blocks/Take/schema.js"), exports);
 //# sourceMappingURL=blocks.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"blocks.js","sourceRoot":"../../../src","sources":["schema/blocks.ts"],"names":[],"mappings":";;;AAAA,qEAAwC;AACxC,qEAAwC;AACxC,0EAA6C;AAC7C,kEAAqC;AACrC,mEAAsC;AACtC,qEAAwC;AACxC,oEAAuC;AACvC,mEAAsC;AACtC,sEAAyC;AACzC,kEAAqC;AACrC,2EAA8C","sourcesContent":["export * from '../blocks/Author/schema';\nexport * from '../blocks/Banner/schema';\nexport * from '../blocks/ColoredText/schema';\nexport * from '../blocks/CTA/schema';\nexport * from '../blocks/Feed/schema';\nexport * from '../blocks/Layout/schema';\nexport * from '../blocks/Media/schema';\nexport * from '../blocks/Meta/schema';\nexport * from '../blocks/Suggest/schema';\nexport * from '../blocks/YFM/schema';\nexport * from '../blocks/CompactMedia/schema';\n"]}
+{"version":3,"file":"blocks.js","sourceRoot":"../../../src","sources":["schema/blocks.ts"],"names":[],"mappings":";;;AAAA,qEAAwC;AACxC,qEAAwC;AACxC,0EAA6C;AAC7C,kEAAqC;AACrC,mEAAsC;AACtC,qEAAwC;AACxC,oEAAuC;AACvC,mEAAsC;AACtC,sEAAyC;AACzC,kEAAqC;AACrC,2EAA8C;AAC9C,mEAAsC","sourcesContent":["export * from '../blocks/Author/schema';\nexport * from '../blocks/Banner/schema';\nexport * from '../blocks/ColoredText/schema';\nexport * from '../blocks/CTA/schema';\nexport * from '../blocks/Feed/schema';\nexport * from '../blocks/Layout/schema';\nexport * from '../blocks/Media/schema';\nexport * from '../blocks/Meta/schema';\nexport * from '../blocks/Suggest/schema';\nexport * from '../blocks/YFM/schema';\nexport * from '../blocks/CompactMedia/schema';\nexport * from '../blocks/Take/schema';\n"]}

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

@@ -2136,5 +2136,101 @@ export declare const schemasForCustom: {
                 };
             };
         };
+        "blog-take-block": {
+            "blog-take-block": {
+                type: string;
+                additionalProperties: boolean;
+                required: string[];
+                properties: {
+                    text: {
+                        type: string;
+                        contentType: string;
+                    };
+                    author: {
+                        type: string;
+                        additionalProperties: boolean;
+                        required: string[];
+                        properties: {
+                            firstName: {
+                                type: string;
+                                contentType: string;
+                            };
+                            secondName: {
+                                type: string;
+                                contentType: string;
+                            };
+                            description: {
+                                type: string;
+                                contentType: string;
+                            };
+                            avatar: {
+                                type: string;
+                            };
+                        };
+                    };
+                    paddingTop: {
+                        type: string;
+                        enum: string[];
+                    };
+                    paddingBottom: {
+                        type: string;
+                        enum: string[];
+                    };
+                    fullWidth: {
+                        type: string;
+                    };
+                    column: {
+                        type: string;
+                        enum: string[];
+                    };
+                    qa: {
+                        type: string;
+                    };
+                    anchor: {
+                        type: string;
+                        additionalProperties: boolean;
+                        required: string[];
+                        properties: {
+                            text: {
+                                type: string;
+                                contentType: string;
+                            };
+                            url: {
+                                type: string;
+                            };
+                            urlTitle: {
+                                type: string;
+                            };
+                        };
+                    };
+                    visible: {
+                        type: string;
+                        enum: string[];
+                    };
+                    resetPaddings: {
+                        type: string;
+                    };
+                    context: {
+                        type: string;
+                    };
+                    indent: {
+                        type: string;
+                        additionalProperties: boolean;
+                        properties: {
+                            top: {
+                                enum: string[];
+                            };
+                            bottom: {
+                                enum: string[];
+                            };
+                        };
+                    };
+                    type: {};
+                    when: {
+                        type: string;
+                    };
+                };
+            };
+        };
     };
 };

package/build/cjs/schema/index.js

@@ -5,7 +5,7 @@ const tslib_1 = require("tslib");
 const common_1 = require("../models/common.js");
 const blocks = tslib_1.__importStar(require("./blocks.js"));
 const headers = tslib_1.__importStar(require("./headers.js"));
-const { Author, Banner, ColoredText, CTA, Feed, Layout, Media, Meta, Suggest, YFM, CompactMedia } = blocks;
+const { Author, Banner, ColoredText, CTA, Feed, Layout, Media, Meta, Suggest, YFM, CompactMedia, Take, } = blocks;
 const { Header } = headers;
 exports.validators = {
     blocks,
@@ -27,6 +27,7 @@ exports.schemasForCustom = {
         [common_1.BlockType.Suggest]: Suggest,
         [common_1.BlockType.YFM]: YFM,
         [common_1.BlockType.CompactMedia]: CompactMedia,
+        [common_1.BlockType.Take]: Take,
     },
 };
 //# sourceMappingURL=index.js.map

package/build/cjs/schema/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["schema/index.ts"],"names":[],"mappings":";;;;AAAA,gDAA2C;AAE3C,4DAAmC;AACnC,8DAAqC;AAErC,MAAM,EAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,YAAY,EAAC,GAC3F,MAAM,CAAC;AACX,MAAM,EAAC,MAAM,EAAC,GAAG,OAAO,CAAC;AAEZ,QAAA,UAAU,GAAG;IACtB,MAAM;IACN,OAAO;CACV,CAAC;AAEW,QAAA,gBAAgB,GAAG;IAC5B,OAAO,EAAE;QACL,CAAC,kBAAS,CAAC,MAAM,CAAC,EAAE,MAAM;KAC7B;IACD,MAAM,EAAE;QACJ,CAAC,kBAAS,CAAC,MAAM,CAAC,EAAE,MAAM;QAC1B,CAAC,kBAAS,CAAC,MAAM,CAAC,EAAE,MAAM;QAC1B,CAAC,kBAAS,CAAC,WAAW,CAAC,EAAE,WAAW;QACpC,CAAC,kBAAS,CAAC,GAAG,CAAC,EAAE,GAAG;QACpB,CAAC,kBAAS,CAAC,IAAI,CAAC,EAAE,IAAI;QACtB,CAAC,kBAAS,CAAC,MAAM,CAAC,EAAE,MAAM;QAC1B,CAAC,kBAAS,CAAC,KAAK,CAAC,EAAE,KAAK;QACxB,CAAC,kBAAS,CAAC,IAAI,CAAC,EAAE,IAAI;QACtB,CAAC,kBAAS,CAAC,OAAO,CAAC,EAAE,OAAO;QAC5B,CAAC,kBAAS,CAAC,GAAG,CAAC,EAAE,GAAG;QACpB,CAAC,kBAAS,CAAC,YAAY,CAAC,EAAE,YAAY;KACzC;CACJ,CAAC","sourcesContent":["import {BlockType} from '../models/common';\n\nimport * as blocks from './blocks';\nimport * as headers from './headers';\n\nconst {Author, Banner, ColoredText, CTA, Feed, Layout, Media, Meta, Suggest, YFM, CompactMedia} =\n    blocks;\nconst {Header} = headers;\n\nexport const validators = {\n    blocks,\n    headers,\n};\n\nexport const schemasForCustom = {\n    headers: {\n        [BlockType.Header]: Header,\n    },\n    blocks: {\n        [BlockType.Author]: Author,\n        [BlockType.Banner]: Banner,\n        [BlockType.ColoredText]: ColoredText,\n        [BlockType.CTA]: CTA,\n        [BlockType.Feed]: Feed,\n        [BlockType.Layout]: Layout,\n        [BlockType.Media]: Media,\n        [BlockType.Meta]: Meta,\n        [BlockType.Suggest]: Suggest,\n        [BlockType.YFM]: YFM,\n        [BlockType.CompactMedia]: CompactMedia,\n    },\n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["schema/index.ts"],"names":[],"mappings":";;;;AAAA,gDAA2C;AAE3C,4DAAmC;AACnC,8DAAqC;AAErC,MAAM,EACF,MAAM,EACN,MAAM,EACN,WAAW,EACX,GAAG,EACH,IAAI,EACJ,MAAM,EACN,KAAK,EACL,IAAI,EACJ,OAAO,EACP,GAAG,EACH,YAAY,EACZ,IAAI,GACP,GAAG,MAAM,CAAC;AACX,MAAM,EAAC,MAAM,EAAC,GAAG,OAAO,CAAC;AAEZ,QAAA,UAAU,GAAG;IACtB,MAAM;IACN,OAAO;CACV,CAAC;AAEW,QAAA,gBAAgB,GAAG;IAC5B,OAAO,EAAE;QACL,CAAC,kBAAS,CAAC,MAAM,CAAC,EAAE,MAAM;KAC7B;IACD,MAAM,EAAE;QACJ,CAAC,kBAAS,CAAC,MAAM,CAAC,EAAE,MAAM;QAC1B,CAAC,kBAAS,CAAC,MAAM,CAAC,EAAE,MAAM;QAC1B,CAAC,kBAAS,CAAC,WAAW,CAAC,EAAE,WAAW;QACpC,CAAC,kBAAS,CAAC,GAAG,CAAC,EAAE,GAAG;QACpB,CAAC,kBAAS,CAAC,IAAI,CAAC,EAAE,IAAI;QACtB,CAAC,kBAAS,CAAC,MAAM,CAAC,EAAE,MAAM;QAC1B,CAAC,kBAAS,CAAC,KAAK,CAAC,EAAE,KAAK;QACxB,CAAC,kBAAS,CAAC,IAAI,CAAC,EAAE,IAAI;QACtB,CAAC,kBAAS,CAAC,OAAO,CAAC,EAAE,OAAO;QAC5B,CAAC,kBAAS,CAAC,GAAG,CAAC,EAAE,GAAG;QACpB,CAAC,kBAAS,CAAC,YAAY,CAAC,EAAE,YAAY;QACtC,CAAC,kBAAS,CAAC,IAAI,CAAC,EAAE,IAAI;KACzB;CACJ,CAAC","sourcesContent":["import {BlockType} from '../models/common';\n\nimport * as blocks from './blocks';\nimport * as headers from './headers';\n\nconst {\n    Author,\n    Banner,\n    ColoredText,\n    CTA,\n    Feed,\n    Layout,\n    Media,\n    Meta,\n    Suggest,\n    YFM,\n    CompactMedia,\n    Take,\n} = blocks;\nconst {Header} = headers;\n\nexport const validators = {\n    blocks,\n    headers,\n};\n\nexport const schemasForCustom = {\n    headers: {\n        [BlockType.Header]: Header,\n    },\n    blocks: {\n        [BlockType.Author]: Author,\n        [BlockType.Banner]: Banner,\n        [BlockType.ColoredText]: ColoredText,\n        [BlockType.CTA]: CTA,\n        [BlockType.Feed]: Feed,\n        [BlockType.Layout]: Layout,\n        [BlockType.Media]: Media,\n        [BlockType.Meta]: Meta,\n        [BlockType.Suggest]: Suggest,\n        [BlockType.YFM]: YFM,\n        [BlockType.CompactMedia]: CompactMedia,\n        [BlockType.Take]: Take,\n    },\n};\n"]}

package/build/esm/blocks/SideCardList/SideCardList.css

@@ -0,0 +1,47 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.bc-side-card-list__container {
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+  max-width: 296px;
+}
+.bc-side-card-list__title {
+  font-size: var(--g-text-header-2-font-size);
+  line-height: var(--g-text-header-2-line-height);
+  font-weight: 500;
+}
+.bc-side-card-list__items {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+.bc-side-card-list__item.bc-side-card-list__item {
+  min-height: auto;
+}
+
+.bc-side-card-list__item-image {
+  object-fit: contain;
+  object-position: left;
+  max-height: 104px;
+  max-width: 232px;
+  width: auto;
+}
+.bc-side-card-list__item-media {
+  max-width: 232px;
+  padding: 0 0 16px;
+}
+.bc-side-card-list__item-description {
+  padding-bottom: 12px;
+}
+@media (max-width: 1081px) {
+  .bc-side-card-list__container {
+    max-width: none;
+    width: 50%;
+  }
+}
+@media (max-width: 577px) {
+  .bc-side-card-list__container {
+    width: 100%;
+  }
+}

package/build/esm/blocks/SideCardList/SideCardList.d.ts

@@ -0,0 +1,4 @@
+import { SideCardListProps } from "../../models/blocks.js";
+import './SideCardList.css';
+export declare const SideCardList: ({ title, items, paddingTop, paddingBottom }: SideCardListProps) => import("react/jsx-runtime").JSX.Element;
+export default SideCardList;

package/build/esm/blocks/SideCardList/SideCardList.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CardBase, Media as PCMedia, YFMWrapper } from '@gravity-ui/page-constructor';
+import { Wrapper } from "../../components/Wrapper/Wrapper.js";
+import { PaddingsDirections } from "../../models/paddings.js";
+import { block } from "../../utils/cn.js";
+import './SideCardList.css';
+const b = block('side-card-list');
+export const SideCardList = ({ title, items, paddingTop, paddingBottom }) => {
+    return (_jsxs(Wrapper, { paddings: {
+            [PaddingsDirections.top]: paddingTop,
+            [PaddingsDirections.bottom]: paddingBottom,
+        }, className: b('container'), children: [title && _jsx("div", { className: b('title'), children: title }), _jsx("div", { className: b('items'), children: items.map(({ url, description, image }, index) => (_jsx(CardBase, { url: url, className: b('item'), children: _jsxs(CardBase.Content, { children: [_jsx(PCMedia, { className: b('item-media'), imageClassName: b('item-image'), image: image }), description && (_jsx("div", { className: b('item-description'), children: _jsx(YFMWrapper, { content: description, modifiers: {
+                                        blog: true,
+                                        resetPaddings: true,
+                                    } }) }))] }) }, index))) })] }));
+};
+export default SideCardList;
+//# sourceMappingURL=SideCardList.js.map

package/build/esm/blocks/SideCardList/SideCardList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideCardList.js","sourceRoot":"../../../../src","sources":["blocks/SideCardList/SideCardList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,QAAQ,EAAE,KAAK,IAAI,OAAO,EAAE,UAAU,EAAC,MAAM,8BAA8B,CAAC;AAEpF,OAAO,EAAC,OAAO,EAAC,4CAAyC;AAEzD,OAAO,EAAC,kBAAkB,EAAC,iCAA8B;AACzD,OAAO,EAAC,KAAK,EAAC,0BAAuB;AAErC,OAAO,oBAAoB,CAAC;AAE5B,MAAM,CAAC,GAAG,KAAK,CAAC,gBAAgB,CAAC,CAAC;AAElC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,aAAa,EAAoB,EAAE,EAAE;IACzF,OAAO,CACH,MAAC,OAAO,IACJ,QAAQ,EAAE;YACN,CAAC,kBAAkB,CAAC,GAAG,CAAC,EAAE,UAAU;YACpC,CAAC,kBAAkB,CAAC,MAAM,CAAC,EAAE,aAAa;SAC7C,EACD,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,aAExB,KAAK,IAAI,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAAG,KAAK,GAAO,EACnD,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YACrB,KAAK,CAAC,GAAG,CAAC,CAAC,EAAC,GAAG,EAAE,WAAW,EAAE,KAAK,EAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7C,KAAC,QAAQ,IAAa,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAChD,MAAC,QAAQ,CAAC,OAAO,eACb,KAAC,OAAO,IACJ,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,EAC1B,cAAc,EAAE,CAAC,CAAC,YAAY,CAAC,EAC/B,KAAK,EAAE,KAAK,GACd,EACD,WAAW,IAAI,CACZ,cAAK,SAAS,EAAE,CAAC,CAAC,kBAAkB,CAAC,YACjC,KAAC,UAAU,IACP,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE;wCACP,IAAI,EAAE,IAAI;wCACV,aAAa,EAAE,IAAI;qCACtB,GACH,GACA,CACT,IACc,IAlBR,KAAK,CAmBT,CACd,CAAC,GACA,IACA,CACb,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import {CardBase, Media as PCMedia, YFMWrapper} from '@gravity-ui/page-constructor';\n\nimport {Wrapper} from '../../components/Wrapper/Wrapper';\nimport {SideCardListProps} from '../../models/blocks';\nimport {PaddingsDirections} from '../../models/paddings';\nimport {block} from '../../utils/cn';\n\nimport './SideCardList.scss';\n\nconst b = block('side-card-list');\n\nexport const SideCardList = ({title, items, paddingTop, paddingBottom}: SideCardListProps) => {\n    return (\n        <Wrapper\n            paddings={{\n                [PaddingsDirections.top]: paddingTop,\n                [PaddingsDirections.bottom]: paddingBottom,\n            }}\n            className={b('container')}\n        >\n            {title && <div className={b('title')}>{title}</div>}\n            <div className={b('items')}>\n                {items.map(({url, description, image}, index) => (\n                    <CardBase key={index} url={url} className={b('item')}>\n                        <CardBase.Content>\n                            <PCMedia\n                                className={b('item-media')}\n                                imageClassName={b('item-image')}\n                                image={image}\n                            />\n                            {description && (\n                                <div className={b('item-description')}>\n                                    <YFMWrapper\n                                        content={description}\n                                        modifiers={{\n                                            blog: true,\n                                            resetPaddings: true,\n                                        }}\n                                    />\n                                </div>\n                            )}\n                        </CardBase.Content>\n                    </CardBase>\n                ))}\n            </div>\n        </Wrapper>\n    );\n};\n\nexport default SideCardList;\n"]}

package/build/esm/blocks/SideCardList/schema.d.ts

@@ -0,0 +1,94 @@
+export declare const SideCardList: {
+    "blog-side-card-list-block": {
+        type: string;
+        additionalProperties: boolean;
+        required: string[];
+        properties: {
+            className: {
+                type: string;
+            };
+            title: {
+                type: string;
+            };
+            items: {
+                type: string;
+                items: {
+                    type: string;
+                    required: string[];
+                    properties: {
+                        image: {
+                            type: string;
+                        };
+                        description: {
+                            type: string;
+                        };
+                        url: {
+                            type: string;
+                        };
+                    };
+                };
+            };
+            paddingTop: {
+                type: string;
+                enum: string[];
+            };
+            paddingBottom: {
+                type: string;
+                enum: string[];
+            };
+            fullWidth: {
+                type: string;
+            };
+            column: {
+                type: string;
+                enum: string[];
+            };
+            qa: {
+                type: string;
+            };
+            anchor: {
+                type: string;
+                additionalProperties: boolean;
+                required: string[];
+                properties: {
+                    text: {
+                        type: string;
+                        contentType: string;
+                    };
+                    url: {
+                        type: string;
+                    };
+                    urlTitle: {
+                        type: string;
+                    };
+                };
+            };
+            visible: {
+                type: string;
+                enum: string[];
+            };
+            resetPaddings: {
+                type: string;
+            };
+            context: {
+                type: string;
+            };
+            indent: {
+                type: string;
+                additionalProperties: boolean;
+                properties: {
+                    top: {
+                        enum: string[];
+                    };
+                    bottom: {
+                        enum: string[];
+                    };
+                };
+            };
+            type: {};
+            when: {
+                type: string;
+            };
+        };
+    };
+};

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

@@ -0,0 +1,34 @@
+import { validators } from '@gravity-ui/page-constructor';
+import { BlockType } from "../../models/common.js";
+import { BlogBlockBase } from "../../schema/common.js";
+const { common: { BlockBaseProps }, } = validators;
+export const SideCardList = {
+    [BlockType.SideCardList]: {
+        type: 'object',
+        additionalProperties: false,
+        required: ['items'],
+        properties: Object.assign(Object.assign(Object.assign({}, BlockBaseProps), BlogBlockBase), { className: {
+                type: 'string',
+            }, title: {
+                type: 'string',
+            }, items: {
+                type: 'array',
+                items: {
+                    type: 'object',
+                    required: ['image', 'description', 'url'],
+                    properties: {
+                        image: {
+                            type: 'string',
+                        },
+                        description: {
+                            type: 'string',
+                        },
+                        url: {
+                            type: 'string',
+                        },
+                    },
+                },
+            } }),
+    },
+};
+//# sourceMappingURL=schema.js.map

package/build/esm/blocks/SideCardList/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/SideCardList/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,8BAA8B,CAAC;AAExD,OAAO,EAAC,SAAS,EAAC,+BAA4B;AAC9C,OAAO,EAAC,aAAa,EAAC,+BAA4B;AAElD,MAAM,EACF,MAAM,EAAE,EAAC,cAAc,EAAC,GAC3B,GAAG,UAAU,CAAC;AAEf,MAAM,CAAC,MAAM,YAAY,GAAG;IACxB,CAAC,SAAS,CAAC,YAAY,CAAC,EAAE;QACtB,IAAI,EAAE,QAAQ;QACd,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,CAAC;QACnB,UAAU,gDACH,cAAc,GACd,aAAa,KAChB,SAAS,EAAE;gBACP,IAAI,EAAE,QAAQ;aACjB,EACD,KAAK,EAAE;gBACH,IAAI,EAAE,QAAQ;aACjB,EACD,KAAK,EAAE;gBACH,IAAI,EAAE,OAAO;gBACb,KAAK,EAAE;oBACH,IAAI,EAAE,QAAQ;oBACd,QAAQ,EAAE,CAAC,OAAO,EAAE,aAAa,EAAE,KAAK,CAAC;oBACzC,UAAU,EAAE;wBACR,KAAK,EAAE;4BACH,IAAI,EAAE,QAAQ;yBACjB;wBACD,WAAW,EAAE;4BACT,IAAI,EAAE,QAAQ;yBACjB;wBACD,GAAG,EAAE;4BACD,IAAI,EAAE,QAAQ;yBACjB;qBACJ;iBACJ;aACJ,GACJ;KACJ;CACJ,CAAC","sourcesContent":["import {validators} from '@gravity-ui/page-constructor';\n\nimport {BlockType} from '../../models/common';\nimport {BlogBlockBase} from '../../schema/common';\n\nconst {\n    common: {BlockBaseProps},\n} = validators;\n\nexport const SideCardList = {\n    [BlockType.SideCardList]: {\n        type: 'object',\n        additionalProperties: false,\n        required: ['items'],\n        properties: {\n            ...BlockBaseProps,\n            ...BlogBlockBase,\n            className: {\n                type: 'string',\n            },\n            title: {\n                type: 'string',\n            },\n            items: {\n                type: 'array',\n                items: {\n                    type: 'object',\n                    required: ['image', 'description', 'url'],\n                    properties: {\n                        image: {\n                            type: 'string',\n                        },\n                        description: {\n                            type: 'string',\n                        },\n                        url: {\n                            type: 'string',\n                        },\n                    },\n                },\n            },\n        },\n    },\n};\n"]}

package/build/esm/blocks/Take/Take.css

@@ -0,0 +1,70 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.bc-take__container {
+  --take-color: #d6e0e9;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  align-self: stretch;
+  gap: 40px;
+  border-radius: 24px 0 0 24px;
+  border-left: 4px solid var(--take-color);
+  background: linear-gradient(90deg, color-mix(in sRGB, var(--take-color) 20%, transparent) 0%, rgba(255, 255, 255, 0.2) 100%);
+  font-family: "YS Text";
+}
+.bc-take__container_noBackground {
+  background: none;
+}
+.bc-take__text {
+  font-size: 24px;
+  line-height: 32px;
+  font-weight: var(--g-text-body-font-weight);
+  font-family: inherit;
+}
+.bc-take__author {
+  align-items: flex-start;
+  max-width: 402px;
+}
+.bc-take__author .pc-author__name {
+  font-weight: var(--g-text-accent-font-weight);
+  font-size: var(--g-text-header-1-font-size);
+  line-height: var(--g-text-header-1-line-height);
+}
+.bc-take__author .pc-author__description {
+  font-size: var(--g-text-body-3-font-size);
+  line-height: var(--g-text-body-3-line-height);
+}
+.bc-take__avatar {
+  width: 88px;
+  height: 88px;
+}
+.bc-take__avatar img {
+  width: 88px;
+  height: 88px;
+}
+@media (max-width: 577px) {
+  .bc-take__text {
+    font-size: 20px;
+    line-height: 28px;
+  }
+  .bc-take__author {
+    max-width: none;
+  }
+  .bc-take__author .pc-author__name {
+    font-weight: var(--g-text-accent-font-weight);
+    font-size: var(--g-text-subheader-3-font-size);
+    line-height: var(--g-text-subheader-3-line-height);
+  }
+  .bc-take__author .pc-author__description {
+    font-size: var(--g-text-body-2-font-size);
+    line-height: var(--g-text-body-2-line-height);
+  }
+  .bc-take__avatar {
+    width: 80px;
+    height: 80px;
+  }
+  .bc-take__avatar img {
+    width: 80px;
+    height: 80px;
+  }
+}

package/build/esm/blocks/Take/Take.d.ts

@@ -0,0 +1,3 @@
+import { TakeProps } from "../../models/blocks.js";
+import './Take.css';
+export declare const Take: (props: TakeProps) => import("react/jsx-runtime").JSX.Element;

package/build/esm/blocks/Take/Take.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { AuthorType, Author as PCAuthor, YFMWrapper } from '@gravity-ui/page-constructor';
+import { Wrapper } from "../../components/Wrapper/Wrapper.js";
+import { MobileContext } from "../../contexts/MobileContext.js";
+import { PaddingsDirections } from "../../models/paddings.js";
+import { block } from "../../utils/cn.js";
+import './Take.css';
+const b = block('take');
+export const Take = (props) => {
+    const { paddingTop, paddingBottom, paddingLeft, paddingRight, text, author, color, noBackground, } = props;
+    const isMobile = React.useContext(MobileContext);
+    const containerStyle = color ? { '--take-color': color } : undefined;
+    return (_jsxs(Wrapper, { className: b('container', { noBackground }), paddings: {
+            [PaddingsDirections.top]: paddingTop,
+            [PaddingsDirections.bottom]: paddingBottom,
+            [PaddingsDirections.left]: paddingLeft,
+            [PaddingsDirections.right]: paddingRight,
+        }, style: containerStyle, children: [_jsx(YFMWrapper, { content: text, contentClassName: b('text'), tagName: "div", modifiers: {
+                    blog: true,
+                    resetPaddings: true,
+                } }), _jsx(PCAuthor, { type: isMobile ? AuthorType.Column : AuthorType.Line, author: author, className: b('author'), authorContainerClassName: b('avatar') })] }));
+};
+//# sourceMappingURL=Take.js.map

package/build/esm/blocks/Take/Take.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Take.js","sourceRoot":"../../../../src","sources":["blocks/Take/Take.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,UAAU,EAAE,MAAM,IAAI,QAAQ,EAAE,UAAU,EAAC,MAAM,8BAA8B,CAAC;AAExF,OAAO,EAAC,OAAO,EAAC,4CAAyC;AACzD,OAAO,EAAC,aAAa,EAAC,wCAAqC;AAE3D,OAAO,EAAC,kBAAkB,EAAC,iCAA8B;AACzD,OAAO,EAAC,KAAK,EAAC,0BAAuB;AAErC,OAAO,YAAY,CAAC;AAEpB,MAAM,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;AAExB,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAgB,EAAE,EAAE;IACrC,MAAM,EACF,UAAU,EACV,aAAa,EACb,WAAW,EACX,YAAY,EACZ,IAAI,EACJ,MAAM,EACN,KAAK,EACL,YAAY,GACf,GAAG,KAAK,CAAC;IAEV,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAEjD,MAAM,cAAc,GAAG,KAAK,CAAC,CAAC,CAAE,EAAC,cAAc,EAAE,KAAK,EAAyB,CAAC,CAAC,CAAC,SAAS,CAAC;IAE5F,OAAO,CACH,MAAC,OAAO,IACJ,SAAS,EAAE,CAAC,CAAC,WAAW,EAAE,EAAC,YAAY,EAAC,CAAC,EACzC,QAAQ,EAAE;YACN,CAAC,kBAAkB,CAAC,GAAG,CAAC,EAAE,UAAU;YACpC,CAAC,kBAAkB,CAAC,MAAM,CAAC,EAAE,aAAa;YAC1C,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,WAAW;YACtC,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAAE,YAAY;SAC3C,EACD,KAAK,EAAE,cAAc,aAErB,KAAC,UAAU,IACP,OAAO,EAAE,IAAI,EACb,gBAAgB,EAAE,CAAC,CAAC,MAAM,CAAC,EAC3B,OAAO,EAAC,KAAK,EACb,SAAS,EAAE;oBACP,IAAI,EAAE,IAAI;oBACV,aAAa,EAAE,IAAI;iBACtB,GACH,EACF,KAAC,QAAQ,IACL,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,EACpD,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,wBAAwB,EAAE,CAAC,CAAC,QAAQ,CAAC,GACvC,IACI,CACb,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {AuthorType, Author as PCAuthor, YFMWrapper} from '@gravity-ui/page-constructor';\n\nimport {Wrapper} from '../../components/Wrapper/Wrapper';\nimport {MobileContext} from '../../contexts/MobileContext';\nimport {TakeProps} from '../../models/blocks';\nimport {PaddingsDirections} from '../../models/paddings';\nimport {block} from '../../utils/cn';\n\nimport './Take.scss';\n\nconst b = block('take');\n\nexport const Take = (props: TakeProps) => {\n    const {\n        paddingTop,\n        paddingBottom,\n        paddingLeft,\n        paddingRight,\n        text,\n        author,\n        color,\n        noBackground,\n    } = props;\n\n    const isMobile = React.useContext(MobileContext);\n\n    const containerStyle = color ? ({'--take-color': color} as React.CSSProperties) : undefined;\n\n    return (\n        <Wrapper\n            className={b('container', {noBackground})}\n            paddings={{\n                [PaddingsDirections.top]: paddingTop,\n                [PaddingsDirections.bottom]: paddingBottom,\n                [PaddingsDirections.left]: paddingLeft,\n                [PaddingsDirections.right]: paddingRight,\n            }}\n            style={containerStyle}\n        >\n            <YFMWrapper\n                content={text}\n                contentClassName={b('text')}\n                tagName=\"div\"\n                modifiers={{\n                    blog: true,\n                    resetPaddings: true,\n                }}\n            />\n            <PCAuthor\n                type={isMobile ? AuthorType.Column : AuthorType.Line}\n                author={author}\n                className={b('author')}\n                authorContainerClassName={b('avatar')}\n            />\n        </Wrapper>\n    );\n};\n"]}