@gravity-ui/blog-constructor 5.11.0 → 5.12.1-alpha.0

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

@@ -52,6 +52,18 @@ export declare const Author: {
             context: {
                 type: string;
             };
+            indent: {
+                type: string;
+                additionalProperties: boolean;
+                properties: {
+                    top: {
+                        enum: string[];
+                    };
+                    bottom: {
+                        enum: string[];
+                    };
+                };
+            };
             type: {};
             when: {
                 type: string;

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

@@ -141,6 +141,18 @@ export declare const Banner: {
             context: {
                 type: string;
             };
+            indent: {
+                type: string;
+                additionalProperties: boolean;
+                properties: {
+                    top: {
+                        enum: string[];
+                    };
+                    bottom: {
+                        enum: string[];
+                    };
+                };
+            };
             type: {};
             when: {
                 type: string;

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

@@ -141,6 +141,18 @@ export declare const CTA: {
             context: {
                 type: string;
             };
+            indent: {
+                type: string;
+                additionalProperties: boolean;
+                properties: {
+                    top: {
+                        enum: string[];
+                    };
+                    bottom: {
+                        enum: string[];
+                    };
+                };
+            };
             type: {};
             when: {
                 type: string;

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

@@ -158,6 +158,18 @@ export declare const ColoredText: {
             context: {
                 type: string;
             };
+            indent: {
+                type: string;
+                additionalProperties: boolean;
+                properties: {
+                    top: {
+                        enum: string[];
+                    };
+                    bottom: {
+                        enum: string[];
+                    };
+                };
+            };
             type: {};
             when: {
                 type: string;

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

@@ -65,6 +65,18 @@ export declare const Feed: {
             context: {
                 type: string;
             };
+            indent: {
+                type: string;
+                additionalProperties: boolean;
+                properties: {
+                    top: {
+                        enum: string[];
+                    };
+                    bottom: {
+                        enum: string[];
+                    };
+                };
+            };
             type: {};
             when: {
                 type: string;

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

@@ -435,6 +435,41 @@ export declare const Header: {
                         ratio: {
                             type: string;
                         };
+                        iframe: {
+                            type: string;
+                            additionalProperties: boolean;
+                            required: string[];
+                            properties: {
+                                src: {
+                                    type: string;
+                                };
+                                name: {
+                                    type: string;
+                                };
+                                title: {
+                                    type: string;
+                                };
+                                height: {
+                                    oneOf: ({
+                                        type: string;
+                                        enum?: undefined;
+                                    } | {
+                                        type: string;
+                                        enum: string[];
+                                    })[];
+                                };
+                                width: {
+                                    type: string;
+                                };
+                                justifyContent: {
+                                    type: string;
+                                    enum: string[];
+                                };
+                            };
+                        };
+                        margins: {
+                            type: string;
+                        };
                     };
                 } & {
                     optionName: string;
@@ -526,6 +561,18 @@ export declare const Header: {
             context: {
                 type: string;
             };
+            indent: {
+                type: string;
+                additionalProperties: boolean;
+                properties: {
+                    top: {
+                        enum: string[];
+                    };
+                    bottom: {
+                        enum: string[];
+                    };
+                };
+            };
             type: {};
             when: {
                 type: string;

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

@@ -59,6 +59,18 @@ export declare const Layout: {
             context: {
                 type: string;
             };
+            indent: {
+                type: string;
+                additionalProperties: boolean;
+                properties: {
+                    top: {
+                        enum: string[];
+                    };
+                    bottom: {
+                        enum: string[];
+                    };
+                };
+            };
             type: {};
             when: {
                 type: string;

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

@@ -249,6 +249,41 @@ export declare const Media: {
             ratio: {
                 type: string;
             };
+            iframe: {
+                type: string;
+                additionalProperties: boolean;
+                required: string[];
+                properties: {
+                    src: {
+                        type: string;
+                    };
+                    name: {
+                        type: string;
+                    };
+                    title: {
+                        type: string;
+                    };
+                    height: {
+                        oneOf: ({
+                            type: string;
+                            enum?: undefined;
+                        } | {
+                            type: string;
+                            enum: string[];
+                        })[];
+                    };
+                    width: {
+                        type: string;
+                    };
+                    justifyContent: {
+                        type: string;
+                        enum: string[];
+                    };
+                };
+            };
+            margins: {
+                type: string;
+            };
             paddingTop: {
                 type: string;
                 enum: string[];
@@ -294,6 +329,18 @@ export declare const Media: {
             context: {
                 type: string;
             };
+            indent: {
+                type: string;
+                additionalProperties: boolean;
+                properties: {
+                    top: {
+                        enum: string[];
+                    };
+                    bottom: {
+                        enum: string[];
+                    };
+                };
+            };
             type: {};
             when: {
                 type: string;

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

@@ -48,6 +48,18 @@ export declare const Meta: {
             context: {
                 type: string;
             };
+            indent: {
+                type: string;
+                additionalProperties: boolean;
+                properties: {
+                    top: {
+                        enum: string[];
+                    };
+                    bottom: {
+                        enum: string[];
+                    };
+                };
+            };
             type: {};
             when: {
                 type: string;

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

@@ -48,6 +48,18 @@ export declare const Suggest: {
             context: {
                 type: string;
             };
+            indent: {
+                type: string;
+                additionalProperties: boolean;
+                properties: {
+                    top: {
+                        enum: string[];
+                    };
+                    bottom: {
+                        enum: string[];
+                    };
+                };
+            };
             type: {};
             when: {
                 type: string;

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

@@ -53,6 +53,18 @@ export declare const YFM: {
             context: {
                 type: string;
             };
+            indent: {
+                type: string;
+                additionalProperties: boolean;
+                properties: {
+                    top: {
+                        enum: string[];
+                    };
+                    bottom: {
+                        enum: string[];
+                    };
+                };
+            };
             type: {};
             when: {
                 type: string;

package/build/cjs/containers/BlogPage/BlogPage.d.ts

@@ -1,5 +1,5 @@
 import React, { SyntheticEvent } from 'react';
-import { NavigationData, PageConstructorProviderProps, PageContent } from '@gravity-ui/page-constructor';
+import { CustomConfig, NavigationData, PageConstructorProviderProps, PageContent } from '@gravity-ui/page-constructor';
 import { GetPostsType, MetaProps, PostsProps, Service, SetQueryType, Tag, ToggleLikeCallbackType } from '../../models/common';
 export type BlogPageProps = {
     content: PageContent;
@@ -13,8 +13,9 @@ export type BlogPageProps = {
     metaData?: MetaProps;
     setQuery?: SetQueryType;
     settings?: PageConstructorProviderProps;
+    custom?: CustomConfig;
     pageCountForShowSupportButtons?: number;
     isSignedInUser?: boolean;
     onClickSignIn?: React.EventHandler<SyntheticEvent>;
 };
-export declare const BlogPage: ({ content, posts, tags, services, getPosts, metaData, hasLikes, toggleLike, navigation, settings, pageCountForShowSupportButtons, isSignedInUser, onClickSignIn, }: BlogPageProps) => React.JSX.Element;
+export declare const BlogPage: ({ content, posts, tags, services, getPosts, metaData, custom, hasLikes, toggleLike, navigation, settings, pageCountForShowSupportButtons, isSignedInUser, onClickSignIn, }: BlogPageProps) => React.JSX.Element;

package/build/cjs/containers/BlogPage/BlogPage.js

@@ -7,12 +7,13 @@ const page_constructor_1 = require("@gravity-ui/page-constructor");
 const MetaWrapper_1 = require("../../components/MetaWrapper/MetaWrapper");
 const PromptSignIn_1 = require("../../components/PromptSignIn/PromptSignIn");
 const usePromptSignInProps_1 = require("../../components/PromptSignIn/hooks/usePromptSignInProps");
-const blocksMap_1 = tslib_1.__importDefault(require("../../constructor/blocksMap"));
 const FeedContext_1 = require("../../contexts/FeedContext");
 const LikesContext_1 = require("../../contexts/LikesContext");
-const BlogPage = ({ content, posts, tags, services, getPosts, metaData, hasLikes = false, toggleLike, navigation, settings, pageCountForShowSupportButtons, isSignedInUser = false, onClickSignIn, }) => {
+const useExtendedComponentMap_1 = require("../../hooks/useExtendedComponentMap");
+const BlogPage = ({ content, posts, tags, services, getPosts, metaData, custom, hasLikes = false, toggleLike, navigation, settings, pageCountForShowSupportButtons, isSignedInUser = false, onClickSignIn, }) => {
     const _a = (0, usePromptSignInProps_1.usePromptSignInProps)(onClickSignIn), { requireSignIn } = _a, promptSignInProps = tslib_1.__rest(_a, ["requireSignIn"]);
     const likesContextData = (0, react_1.useMemo)(() => ({ toggleLike, hasLikes, isSignedInUser, requireSignIn }), [toggleLike, hasLikes, isSignedInUser, requireSignIn]);
+    const actualComponentMap = (0, useExtendedComponentMap_1.useExtendedComponentMap)(custom);
     return (react_1.default.createElement(LikesContext_1.LikesContext.Provider, { value: likesContextData },
         react_1.default.createElement(FeedContext_1.FeedContext.Provider, { value: {
                 posts: posts.posts,
@@ -25,7 +26,7 @@ const BlogPage = ({ content, posts, tags, services, getPosts, metaData, hasLikes
             } },
             react_1.default.createElement(page_constructor_1.PageConstructorProvider, Object.assign({}, settings),
                 metaData ? react_1.default.createElement(MetaWrapper_1.MetaWrapper, Object.assign({}, metaData)) : null,
-                react_1.default.createElement(page_constructor_1.PageConstructor, { content: content, custom: blocksMap_1.default, navigation: navigation }))),
+                react_1.default.createElement(page_constructor_1.PageConstructor, { content: content, custom: actualComponentMap, navigation: navigation }))),
         react_1.default.createElement(PromptSignIn_1.PromptSignIn, Object.assign({}, promptSignInProps))));
 };
 exports.BlogPage = BlogPage;

package/build/cjs/containers/BlogPostPage/BlogPostPage.d.ts

@@ -1,6 +1,6 @@
 import React, { SyntheticEvent } from 'react';
 import { ShareOptions } from '@gravity-ui/components';
-import { NavigationData, PageConstructorProviderProps, PageContent } from '@gravity-ui/page-constructor';
+import { CustomConfig, NavigationData, PageConstructorProviderProps, PageContent } from '@gravity-ui/page-constructor';
 import { MetaProps, PostData, ToggleLikeCallbackType } from '../../models/common';
 export interface BlogPostPageProps {
     suggestedPosts: PostData[];
@@ -14,8 +14,9 @@ export interface BlogPostPageProps {
     post: PostData;
     settings?: PageConstructorProviderProps;
     navigation?: NavigationData;
+    custom?: CustomConfig;
     shareOptions?: ShareOptions[];
     isSignedInUser?: boolean;
     onClickSignIn?: React.EventHandler<SyntheticEvent>;
 }
-export declare const BlogPostPage: ({ metaData, suggestedPosts, likes, content, post, settings, navigation, shareOptions, isSignedInUser, onClickSignIn, }: BlogPostPageProps) => React.JSX.Element;
+export declare const BlogPostPage: ({ metaData, suggestedPosts, likes, content, post, settings, navigation, custom, shareOptions, isSignedInUser, onClickSignIn, }: BlogPostPageProps) => React.JSX.Element;

package/build/cjs/containers/BlogPostPage/BlogPostPage.js

@@ -7,11 +7,11 @@ const page_constructor_1 = require("@gravity-ui/page-constructor");
 const MetaWrapper_1 = require("../../components/MetaWrapper/MetaWrapper");
 const PromptSignIn_1 = require("../../components/PromptSignIn/PromptSignIn");
 const usePromptSignInProps_1 = require("../../components/PromptSignIn/hooks/usePromptSignInProps");
-const blocksMap_1 = tslib_1.__importDefault(require("../../constructor/blocksMap"));
 const LikesContext_1 = require("../../contexts/LikesContext");
 const PostPageContext_1 = require("../../contexts/PostPageContext");
+const useExtendedComponentMap_1 = require("../../hooks/useExtendedComponentMap");
 const useLikes_1 = require("../../hooks/useLikes");
-const BlogPostPage = ({ metaData, suggestedPosts, likes, content, post, settings, navigation, shareOptions, isSignedInUser = false, onClickSignIn, }) => {
+const BlogPostPage = ({ metaData, suggestedPosts, likes, content, post, settings, navigation, custom, shareOptions, isSignedInUser = false, onClickSignIn, }) => {
     const { hasUserLike, likesCount, handleLike } = (0, useLikes_1.useLikes)({
         hasLike: likes === null || likes === void 0 ? void 0 : likes.hasUserLike,
         count: likes === null || likes === void 0 ? void 0 : likes.likesCount,
@@ -25,6 +25,7 @@ const BlogPostPage = ({ metaData, suggestedPosts, likes, content, post, settings
         isSignedInUser,
         requireSignIn,
     }), [likes, isSignedInUser, requireSignIn]);
+    const actualComponentMap = (0, useExtendedComponentMap_1.useExtendedComponentMap)(custom);
     return (react_1.default.createElement(LikesContext_1.LikesContext.Provider, { value: likesContextData },
         react_1.default.createElement(PostPageContext_1.PostPageContext.Provider, { value: {
                 post,
@@ -40,7 +41,7 @@ const BlogPostPage = ({ metaData, suggestedPosts, likes, content, post, settings
             } },
             react_1.default.createElement(page_constructor_1.PageConstructorProvider, Object.assign({}, settings),
                 metaData ? react_1.default.createElement(MetaWrapper_1.MetaWrapper, Object.assign({}, metaData)) : null,
-                react_1.default.createElement(page_constructor_1.PageConstructor, { content: content, custom: blocksMap_1.default, navigation: navigation }))),
+                react_1.default.createElement(page_constructor_1.PageConstructor, { content: content, custom: actualComponentMap, navigation: navigation }))),
         react_1.default.createElement(PromptSignIn_1.PromptSignIn, Object.assign({}, promptSignInProps))));
 };
 exports.BlogPostPage = BlogPostPage;

package/build/cjs/hooks/useExtendedComponentMap.d.ts

@@ -0,0 +1,24 @@
+import { CustomConfig } from '@gravity-ui/page-constructor';
+export declare const useExtendedComponentMap: (custom: CustomConfig | undefined) => {
+    blocks: {
+        "blog-yfm-block": (props: import("../models/blocks").YFMProps) => import("react").JSX.Element;
+        "blog-layout-block": ({ fullWidth, mobileOrder, children, paddingTop, paddingBottom, }: import("react").PropsWithChildren<import("../models/blocks").LayoutProps>) => import("react").JSX.Element;
+        "blog-media-block": ({ text, paddingTop, paddingBottom, ...mediaProps }: import("../models/blocks").MediaProps) => import("react").JSX.Element;
+        "blog-banner-block": ({ color, imageSize, image, paddingTop, paddingBottom, qa, ...content }: import("../models/blocks").BannerProps) => import("react").JSX.Element;
+        "blog-cta-block": ({ items, paddingTop, paddingBottom, qa }: import("../models/blocks").CTAProps) => import("react").JSX.Element;
+        "blog-colored-text-block": ({ background, paddingTop, paddingBottom, qa, ...content }: import("../models/blocks").ColoredTextProps) => import("react").JSX.Element;
+        "blog-author-block": (props: import("../models/blocks").AuthorProps) => import("react").JSX.Element | null;
+        "blog-suggest-block": ({ paddingTop, paddingBottom }: import("../models/blocks").SuggestProps) => import("react").JSX.Element | null;
+        "blog-meta-block": (props: import("../models/blocks").MetaProps) => import("react").JSX.Element;
+        "blog-feed-block": ({ image }: import("../models/blocks").FeedProps) => import("react").JSX.Element;
+    };
+    headers: {
+        "blog-header-block": (props: import("../models/blocks").HeaderProps) => import("react").JSX.Element;
+    };
+    subBlocks?: import("@gravity-ui/page-constructor").CustomItems | undefined;
+    navigation?: import("@gravity-ui/page-constructor").CustomItems | undefined;
+    loadable?: import("@gravity-ui/page-constructor").LoadableConfig | undefined;
+    decorators?: {
+        block?: ((props: import("@gravity-ui/page-constructor").BlockDecorationProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>)[] | undefined;
+    } | undefined;
+};

package/build/cjs/hooks/useExtendedComponentMap.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useExtendedComponentMap = void 0;
+const tslib_1 = require("tslib");
+const react_1 = require("react");
+const page_constructor_1 = require("@gravity-ui/page-constructor");
+const blocksMap_1 = tslib_1.__importDefault(require("../constructor/blocksMap"));
+const useExtendedComponentMap = (custom) => (0, react_1.useMemo)(() => (Object.assign(Object.assign({}, custom), { blocks: Object.assign(Object.assign({}, blocksMap_1.default.blocks), (0, page_constructor_1.getCustomItems)(['blocks'], custom)), headers: Object.assign(Object.assign({}, blocksMap_1.default.headers), (0, page_constructor_1.getCustomItems)(['headers'], custom)) })), [custom]);
+exports.useExtendedComponentMap = useExtendedComponentMap;

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

@@ -27,7 +27,7 @@ export type LayoutProps = {
     mobileOrder?: string;
     children: ReactElement[];
 } & PaddingsYFMProps;
-export type MediaProps = ClassNameProps & PaddingsYFMProps & Partial<Pick<PCMediaProps, 'youtube' | 'previewImg' | 'image' | 'video' | 'dataLens'>> & {
+export type MediaProps = ClassNameProps & PaddingsYFMProps & Partial<Pick<PCMediaProps, 'youtube' | 'previewImg' | 'image' | 'video' | 'dataLens' | 'iframe' | 'margins'>> & {
     text?: string;
 };
 export type MetaProps = QAProps & {