@gravity-ui/blog-constructor 5.11.0 → 5.12.0

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/esm/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';
 import './BlogPage.css';
 export type BlogPageProps = {
@@ -14,8 +14,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/esm/containers/BlogPage/BlogPage.js

@@ -4,13 +4,14 @@ import { PageConstructor, PageConstructorProvider, } from '@gravity-ui/page-cons
 import { MetaWrapper } from '../../components/MetaWrapper/MetaWrapper';
 import { PromptSignIn } from '../../components/PromptSignIn/PromptSignIn';
 import { usePromptSignInProps } from '../../components/PromptSignIn/hooks/usePromptSignInProps';
-import componentMap from '../../constructor/blocksMap';
 import { FeedContext } from '../../contexts/FeedContext';
 import { LikesContext } from '../../contexts/LikesContext';
+import { useExtendedComponentMap } from '../../hooks/useExtendedComponentMap';
 import './BlogPage.css';
-export const BlogPage = ({ content, posts, tags, services, getPosts, metaData, hasLikes = false, toggleLike, navigation, settings, pageCountForShowSupportButtons, isSignedInUser = false, onClickSignIn, }) => {
+export const BlogPage = ({ content, posts, tags, services, getPosts, metaData, custom, hasLikes = false, toggleLike, navigation, settings, pageCountForShowSupportButtons, isSignedInUser = false, onClickSignIn, }) => {
     const _a = usePromptSignInProps(onClickSignIn), { requireSignIn } = _a, promptSignInProps = __rest(_a, ["requireSignIn"]);
     const likesContextData = useMemo(() => ({ toggleLike, hasLikes, isSignedInUser, requireSignIn }), [toggleLike, hasLikes, isSignedInUser, requireSignIn]);
+    const actualComponentMap = useExtendedComponentMap(custom);
     return (React.createElement(LikesContext.Provider, { value: likesContextData },
         React.createElement(FeedContext.Provider, { value: {
                 posts: posts.posts,
@@ -23,6 +24,6 @@ export const BlogPage = ({ content, posts, tags, services, getPosts, metaData, h
             } },
             React.createElement(PageConstructorProvider, Object.assign({}, settings),
                 metaData ? React.createElement(MetaWrapper, Object.assign({}, metaData)) : null,
-                React.createElement(PageConstructor, { content: content, custom: componentMap, navigation: navigation }))),
+                React.createElement(PageConstructor, { content: content, custom: actualComponentMap, navigation: navigation }))),
         React.createElement(PromptSignIn, Object.assign({}, promptSignInProps))));
 };

package/build/esm/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';
 import './BlogPostPage.css';
 export interface BlogPostPageProps {
@@ -15,8 +15,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/esm/containers/BlogPostPage/BlogPostPage.js

@@ -4,12 +4,12 @@ import { PageConstructor, PageConstructorProvider, } from '@gravity-ui/page-cons
 import { MetaWrapper } from '../../components/MetaWrapper/MetaWrapper';
 import { PromptSignIn } from '../../components/PromptSignIn/PromptSignIn';
 import { usePromptSignInProps } from '../../components/PromptSignIn/hooks/usePromptSignInProps';
-import componentMap from '../../constructor/blocksMap';
 import { LikesContext } from '../../contexts/LikesContext';
 import { PostPageContext } from '../../contexts/PostPageContext';
+import { useExtendedComponentMap } from '../../hooks/useExtendedComponentMap';
 import { useLikes } from '../../hooks/useLikes';
 import './BlogPostPage.css';
-export const BlogPostPage = ({ metaData, suggestedPosts, likes, content, post, settings, navigation, shareOptions, isSignedInUser = false, onClickSignIn, }) => {
+export const BlogPostPage = ({ metaData, suggestedPosts, likes, content, post, settings, navigation, custom, shareOptions, isSignedInUser = false, onClickSignIn, }) => {
     const { hasUserLike, likesCount, handleLike } = useLikes({
         hasLike: likes === null || likes === void 0 ? void 0 : likes.hasUserLike,
         count: likes === null || likes === void 0 ? void 0 : likes.likesCount,
@@ -23,6 +23,7 @@ export const BlogPostPage = ({ metaData, suggestedPosts, likes, content, post, s
         isSignedInUser,
         requireSignIn,
     }), [likes, isSignedInUser, requireSignIn]);
+    const actualComponentMap = useExtendedComponentMap(custom);
     return (React.createElement(LikesContext.Provider, { value: likesContextData },
         React.createElement(PostPageContext.Provider, { value: {
                 post,
@@ -38,6 +39,6 @@ export const BlogPostPage = ({ metaData, suggestedPosts, likes, content, post, s
             } },
             React.createElement(PageConstructorProvider, Object.assign({}, settings),
                 metaData ? React.createElement(MetaWrapper, Object.assign({}, metaData)) : null,
-                React.createElement(PageConstructor, { content: content, custom: componentMap, navigation: navigation }))),
+                React.createElement(PageConstructor, { content: content, custom: actualComponentMap, navigation: navigation }))),
         React.createElement(PromptSignIn, Object.assign({}, promptSignInProps))));
 };

package/build/esm/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/esm/hooks/useExtendedComponentMap.js

@@ -0,0 +1,4 @@
+import { useMemo } from 'react';
+import { getCustomItems } from '@gravity-ui/page-constructor';
+import componentMap from '../constructor/blocksMap';
+export const useExtendedComponentMap = (custom) => useMemo(() => (Object.assign(Object.assign({}, custom), { blocks: Object.assign(Object.assign({}, componentMap.blocks), getCustomItems(['blocks'], custom)), headers: Object.assign(Object.assign({}, componentMap.headers), getCustomItems(['headers'], custom)) })), [custom]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/blog-constructor",
-  "version": "5.11.0",
+  "version": "5.12.0",
   "description": "Gravity UI Blog Constructor",
   "license": "MIT",
   "repository": {