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

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

@@ -443,6 +443,41 @@ export declare const schemasForCustom: {
                                 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;
@@ -534,6 +569,18 @@ export declare const schemasForCustom: {
                     context: {
                         type: string;
                     };
+                    indent: {
+                        type: string;
+                        additionalProperties: boolean;
+                        properties: {
+                            top: {
+                                enum: string[];
+                            };
+                            bottom: {
+                                enum: string[];
+                            };
+                        };
+                    };
                     type: {};
                     when: {
                         type: string;
@@ -597,6 +644,18 @@ export declare const schemasForCustom: {
                     context: {
                         type: string;
                     };
+                    indent: {
+                        type: string;
+                        additionalProperties: boolean;
+                        properties: {
+                            top: {
+                                enum: string[];
+                            };
+                            bottom: {
+                                enum: string[];
+                            };
+                        };
+                    };
                     type: {};
                     when: {
                         type: string;
@@ -747,6 +806,18 @@ export declare const schemasForCustom: {
                     context: {
                         type: string;
                     };
+                    indent: {
+                        type: string;
+                        additionalProperties: boolean;
+                        properties: {
+                            top: {
+                                enum: string[];
+                            };
+                            bottom: {
+                                enum: string[];
+                            };
+                        };
+                    };
                     type: {};
                     when: {
                         type: string;
@@ -914,6 +985,18 @@ export declare const schemasForCustom: {
                     context: {
                         type: string;
                     };
+                    indent: {
+                        type: string;
+                        additionalProperties: boolean;
+                        properties: {
+                            top: {
+                                enum: string[];
+                            };
+                            bottom: {
+                                enum: string[];
+                            };
+                        };
+                    };
                     type: {};
                     when: {
                         type: string;
@@ -1064,6 +1147,18 @@ export declare const schemasForCustom: {
                     context: {
                         type: string;
                     };
+                    indent: {
+                        type: string;
+                        additionalProperties: boolean;
+                        properties: {
+                            top: {
+                                enum: string[];
+                            };
+                            bottom: {
+                                enum: string[];
+                            };
+                        };
+                    };
                     type: {};
                     when: {
                         type: string;
@@ -1138,6 +1233,18 @@ export declare const schemasForCustom: {
                     context: {
                         type: string;
                     };
+                    indent: {
+                        type: string;
+                        additionalProperties: boolean;
+                        properties: {
+                            top: {
+                                enum: string[];
+                            };
+                            bottom: {
+                                enum: string[];
+                            };
+                        };
+                    };
                     type: {};
                     when: {
                         type: string;
@@ -1206,6 +1313,18 @@ export declare const schemasForCustom: {
                     context: {
                         type: string;
                     };
+                    indent: {
+                        type: string;
+                        additionalProperties: boolean;
+                        properties: {
+                            top: {
+                                enum: string[];
+                            };
+                            bottom: {
+                                enum: string[];
+                            };
+                        };
+                    };
                     type: {};
                     when: {
                         type: string;
@@ -1464,6 +1583,41 @@ export declare const schemasForCustom: {
                     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[];
@@ -1509,6 +1663,18 @@ export declare const schemasForCustom: {
                     context: {
                         type: string;
                     };
+                    indent: {
+                        type: string;
+                        additionalProperties: boolean;
+                        properties: {
+                            top: {
+                                enum: string[];
+                            };
+                            bottom: {
+                                enum: string[];
+                            };
+                        };
+                    };
                     type: {};
                     when: {
                         type: string;
@@ -1566,6 +1732,18 @@ export declare const schemasForCustom: {
                     context: {
                         type: string;
                     };
+                    indent: {
+                        type: string;
+                        additionalProperties: boolean;
+                        properties: {
+                            top: {
+                                enum: string[];
+                            };
+                            bottom: {
+                                enum: string[];
+                            };
+                        };
+                    };
                     type: {};
                     when: {
                         type: string;
@@ -1623,6 +1801,18 @@ export declare const schemasForCustom: {
                     context: {
                         type: string;
                     };
+                    indent: {
+                        type: string;
+                        additionalProperties: boolean;
+                        properties: {
+                            top: {
+                                enum: string[];
+                            };
+                            bottom: {
+                                enum: string[];
+                            };
+                        };
+                    };
                     type: {};
                     when: {
                         type: string;
@@ -1685,6 +1875,18 @@ export declare const schemasForCustom: {
                     context: {
                         type: string;
                     };
+                    indent: {
+                        type: string;
+                        additionalProperties: boolean;
+                        properties: {
+                            top: {
+                                enum: string[];
+                            };
+                            bottom: {
+                                enum: string[];
+                            };
+                        };
+                    };
                     type: {};
                     when: {
                         type: string;

package/build/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/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))));
 };