@gravity-ui/blog-constructor 6.5.1-beta.0 → 6.6.1

package/build/cjs/constants.d.ts

@@ -1,4 +1,4 @@
-import { Paddings } from "./models/paddings.js";
+import { Paddings } from './models/paddings';
 export declare const BREAKPOINTS: {
     xs: number;
     sm: number;
@@ -8,7 +8,7 @@ export declare const BREAKPOINTS: {
 };
 export declare const DEFAULT_THEME = "light";
 export declare const UIKIT_ROOT_CLASS = "g-root";
-export declare const UIKIT_THEME_LIGHT_CLASS = "g-root_theme_light";
+export declare const UIKIT_THEME_LIGHT_CLASS: string;
 export declare enum DefaultGoalIds {
     shareTop = "SITE_BLOG_SHARE-TOP_CLICK",
     shareBottom = "SITE_BLOG_SHARE-BOTTOM_CLICK",

package/build/cjs/constants.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DEFAULT_PADDINGS = exports.DefaultGoalIds = exports.UIKIT_THEME_LIGHT_CLASS = exports.UIKIT_ROOT_CLASS = exports.DEFAULT_THEME = exports.BREAKPOINTS = void 0;
-const paddings_1 = require("./models/paddings.js");
+const paddings_1 = require("./models/paddings");
 exports.BREAKPOINTS = {
     xs: 0,
     sm: 577,
@@ -30,9 +30,8 @@ var DefaultGoalIds;
     DefaultGoalIds["next"] = "SITE_BLOG-PAGINATION_NEXT_CLCK";
     DefaultGoalIds["home"] = "SITE_BLOG-PAGINATION_HOME_CLCK";
     DefaultGoalIds["page"] = "SITE_BLOG-PAGINATION_PAGE-NMBR_CLCK";
-})(DefaultGoalIds || (exports.DefaultGoalIds = DefaultGoalIds = {}));
+})(DefaultGoalIds = exports.DefaultGoalIds || (exports.DefaultGoalIds = {}));
 exports.DEFAULT_PADDINGS = {
     [paddings_1.PaddingsDirections.bottom]: 'l',
     [paddings_1.PaddingsDirections.top]: 'xs',
-};
-//# sourceMappingURL=constants.js.map
+};

package/build/cjs/constructor/BlogConstructorProvider.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
+import React, { PropsWithChildren } from 'react';
 import { AnalyticsContextProps } from '@gravity-ui/page-constructor';
-import { DeviceContextProps } from "../contexts/DeviceContext.js";
-import { RouterContextProps } from "../contexts/RouterContext.js";
-import { SettingsContextProps } from "../contexts/SettingsContext.js";
-import { ThemeValueType } from "../contexts/theme/ThemeValueContext.js";
-import { Locale } from "../models/locale.js";
+import { DeviceContextProps } from '../contexts/DeviceContext';
+import { RouterContextProps } from '../contexts/RouterContext';
+import { SettingsContextProps } from '../contexts/SettingsContext';
+import { ThemeValueType } from '../contexts/theme/ThemeValueContext';
+import { Locale } from '../models/locale';
 export interface BlogConstructorProviderProps {
     isMobile?: boolean;
     locale?: Locale;
@@ -15,4 +15,4 @@ export interface BlogConstructorProviderProps {
     settings?: SettingsContextProps;
     children?: React.ReactNode;
 }
-export declare const BlogConstructorProvider: ({ isMobile, locale, router, theme, device, analytics, settings, children, }: React.PropsWithChildren<BlogConstructorProviderProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const BlogConstructorProvider: ({ isMobile, locale, router, theme, device, analytics, settings, children, }: PropsWithChildren<BlogConstructorProviderProps>) => React.JSX.Element;

package/build/cjs/constructor/BlogConstructorProvider.js

@@ -2,28 +2,26 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BlogConstructorProvider = void 0;
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
+const react_1 = tslib_1.__importStar(require("react"));
 const page_constructor_1 = require("@gravity-ui/page-constructor");
-const constants_1 = require("../constants.js");
-const DeviceContext_1 = require("../contexts/DeviceContext.js");
-const LocaleContext_1 = require("../contexts/LocaleContext.js");
-const MobileContext_1 = require("../contexts/MobileContext.js");
-const RouterContext_1 = require("../contexts/RouterContext.js");
-const SettingsContext_1 = require("../contexts/SettingsContext.js");
-const ThemeValueContext_1 = require("../contexts/theme/ThemeValueContext.js");
+const constants_1 = require("../constants");
+const DeviceContext_1 = require("../contexts/DeviceContext");
+const LocaleContext_1 = require("../contexts/LocaleContext");
+const MobileContext_1 = require("../contexts/MobileContext");
+const RouterContext_1 = require("../contexts/RouterContext");
+const SettingsContext_1 = require("../contexts/SettingsContext");
+const ThemeValueContext_1 = require("../contexts/theme/ThemeValueContext");
 const BlogConstructorProvider = ({ isMobile, locale = {}, router = {}, theme = constants_1.DEFAULT_THEME, device = {}, analytics = {}, settings = {}, children, }) => {
     const context = [
-        (0, jsx_runtime_1.jsx)(ThemeValueContext_1.ThemeValueContext.Provider, { value: { themeValue: theme } }, "theme-context"),
-        (0, jsx_runtime_1.jsx)(page_constructor_1.ThemeContext.Provider, { value: { theme: theme } }, "pc-theme"),
-        (0, jsx_runtime_1.jsx)(LocaleContext_1.LocaleContext.Provider, { value: { locale } }, "locale-context"),
-        (0, jsx_runtime_1.jsx)(RouterContext_1.RouterContext.Provider, { value: router }, "router-context"),
-        (0, jsx_runtime_1.jsx)(MobileContext_1.MobileContext.Provider, { value: Boolean(isMobile) }, "is-mobile-context"),
-        (0, jsx_runtime_1.jsx)(DeviceContext_1.DeviceContext.Provider, { value: device }, "device-context"),
-        (0, jsx_runtime_1.jsx)(SettingsContext_1.SettingsContext.Provider, { value: settings }, "settings-context"),
-        (0, jsx_runtime_1.jsx)(page_constructor_1.AnalyticsContext.Provider, { value: analytics }, "analytics-context"),
-    ].reduceRight((prev, provider) => React.cloneElement(provider, {}, prev), children);
-    return (0, jsx_runtime_1.jsx)(React.Fragment, { children: context });
+        react_1.default.createElement(ThemeValueContext_1.ThemeValueContext.Provider, { value: { themeValue: theme }, key: "theme-context" }),
+        react_1.default.createElement(page_constructor_1.ThemeContext.Provider, { value: { theme: theme }, key: "pc-theme" }),
+        react_1.default.createElement(LocaleContext_1.LocaleContext.Provider, { value: { locale }, key: "locale-context" }),
+        react_1.default.createElement(RouterContext_1.RouterContext.Provider, { value: router, key: "router-context" }),
+        react_1.default.createElement(MobileContext_1.MobileContext.Provider, { value: Boolean(isMobile), key: "is-mobile-context" }),
+        react_1.default.createElement(DeviceContext_1.DeviceContext.Provider, { value: device, key: "device-context" }),
+        react_1.default.createElement(SettingsContext_1.SettingsContext.Provider, { value: settings, key: "settings-context" }),
+        react_1.default.createElement(page_constructor_1.AnalyticsContext.Provider, { value: analytics, key: "analytics-context" }),
+    ].reduceRight((prev, provider) => react_1.default.cloneElement(provider, {}, prev), children);
+    return react_1.default.createElement(react_1.Fragment, null, context);
 };
-exports.BlogConstructorProvider = BlogConstructorProvider;
-//# sourceMappingURL=BlogConstructorProvider.js.map
+exports.BlogConstructorProvider = BlogConstructorProvider;

package/build/cjs/constructor/blocksMap.d.ts

@@ -1,19 +1,19 @@
 declare const _default: {
     blocks: {
-        "blog-yfm-block": (props: import("../models/blocks.js").YFMProps) => import("react/jsx-runtime").JSX.Element;
-        "blog-layout-block": ({ fullWidth, mobileOrder, children, paddingTop, paddingBottom, }: React.PropsWithChildren<import("../models/blocks.js").LayoutProps>) => import("react/jsx-runtime").JSX.Element;
-        "blog-media-block": ({ text, paddingTop, paddingBottom, ...mediaProps }: import("../models/blocks.js").MediaProps) => import("react/jsx-runtime").JSX.Element;
-        "blog-banner-block": ({ color, imageSize, image, paddingTop, paddingBottom, qa, ...content }: import("../models/blocks.js").BannerProps) => import("react/jsx-runtime").JSX.Element;
-        "blog-cta-block": ({ items, paddingTop, paddingBottom, qa }: import("../models/blocks.js").CTAProps) => import("react/jsx-runtime").JSX.Element;
-        "blog-colored-text-block": ({ background, paddingTop, paddingBottom, qa, ...content }: import("../models/blocks.js").ColoredTextProps) => import("react/jsx-runtime").JSX.Element;
-        "blog-author-block": (props: import("../models/blocks.js").AuthorProps) => import("react/jsx-runtime").JSX.Element | null;
-        "blog-suggest-block": ({ paddingTop, paddingBottom }: import("../models/blocks.js").SuggestProps) => import("react/jsx-runtime").JSX.Element | null;
-        "blog-meta-block": (props: import("../models/blocks.js").MetaProps) => import("react/jsx-runtime").JSX.Element;
-        "blog-feed-block": ({ image }: import("../models/blocks.js").FeedProps) => import("react/jsx-runtime").JSX.Element;
-        "blog-form-block": ({ paddingTop, paddingBottom, ...props }: import("../models/blocks.js").FormProps) => import("react/jsx-runtime").JSX.Element | null;
+        "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;
+        "blog-form-block": ({ paddingTop, paddingBottom, ...props }: import("../models/blocks").FormProps) => import("react").JSX.Element | null;
     };
     headers: {
-        "blog-header-block": (props: import("../models/blocks.js").HeaderProps) => import("react/jsx-runtime").JSX.Element;
+        "blog-header-block": (props: import("../models/blocks").HeaderProps) => import("react").JSX.Element;
     };
 };
 export default _default;

package/build/cjs/constructor/blocksMap.js

@@ -1,18 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const Author_1 = require("../blocks/Author/Author.js");
-const Banner_1 = require("../blocks/Banner/Banner.js");
-const CTA_1 = require("../blocks/CTA/CTA.js");
-const ColoredText_1 = require("../blocks/ColoredText/ColoredText.js");
-const Feed_1 = require("../blocks/Feed/Feed.js");
-const Form_1 = require("../blocks/Form/Form.js");
-const Header_1 = require("../blocks/Header/Header.js");
-const Layout_1 = require("../blocks/Layout/Layout.js");
-const Media_1 = require("../blocks/Media/Media.js");
-const Meta_1 = require("../blocks/Meta/Meta.js");
-const Suggest_1 = require("../blocks/Suggest/Suggest.js");
-const YFM_1 = require("../blocks/YFM/YFM.js");
-const common_1 = require("../models/common.js");
+const Author_1 = require("../blocks/Author/Author");
+const Banner_1 = require("../blocks/Banner/Banner");
+const CTA_1 = require("../blocks/CTA/CTA");
+const ColoredText_1 = require("../blocks/ColoredText/ColoredText");
+const Feed_1 = require("../blocks/Feed/Feed");
+const Form_1 = require("../blocks/Form/Form");
+const Header_1 = require("../blocks/Header/Header");
+const Layout_1 = require("../blocks/Layout/Layout");
+const Media_1 = require("../blocks/Media/Media");
+const Meta_1 = require("../blocks/Meta/Meta");
+const Suggest_1 = require("../blocks/Suggest/Suggest");
+const YFM_1 = require("../blocks/YFM/YFM");
+const common_1 = require("../models/common");
 const blocks = {
     [common_1.BlockType.YFM]: YFM_1.YFM,
     [common_1.BlockType.Layout]: Layout_1.Layout,
@@ -29,5 +29,4 @@ const blocks = {
 const headers = {
     [common_1.BlockType.Header]: Header_1.Header,
 };
-exports.default = { blocks, headers };
-//# sourceMappingURL=blocksMap.js.map
+exports.default = { blocks, headers };

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

@@ -1,6 +1,6 @@
-import * as React from 'react';
+import React, { SyntheticEvent } from 'react';
 import { CustomConfig, NavigationData, PageConstructorProviderProps, PageContent } from '@gravity-ui/page-constructor';
-import { GetPostsType, MetaProps, PostsProps, Service, Tag, ToggleLikeCallbackType } from "../../models/common.js";
+import { GetPostsType, MetaProps, PostsProps, Service, Tag, ToggleLikeCallbackType } from '../../models/common';
 export type BlogPageProps = {
     content: PageContent;
     posts: PostsProps;
@@ -15,6 +15,6 @@ export type BlogPageProps = {
     custom?: CustomConfig;
     pageCountForShowSupportButtons?: number;
     isSignedInUser?: boolean;
-    onClickSignIn?: React.EventHandler<React.SyntheticEvent>;
+    onClickSignIn?: React.EventHandler<SyntheticEvent>;
 };
-export declare const BlogPage: ({ content, posts, tags, services, getPosts, metaData, custom, hasLikes, toggleLike, navigation, settings, pageCountForShowSupportButtons, isSignedInUser, onClickSignIn, }: BlogPageProps) => import("react/jsx-runtime").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

@@ -2,30 +2,33 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BlogPage = void 0;
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
+const react_1 = tslib_1.__importStar(require("react"));
 const page_constructor_1 = require("@gravity-ui/page-constructor");
-const MetaWrapper_1 = require("../../components/MetaWrapper/MetaWrapper.js");
-const PromptSignIn_1 = require("../../components/PromptSignIn/PromptSignIn.js");
-const usePromptSignInProps_1 = require("../../components/PromptSignIn/hooks/usePromptSignInProps.js");
-const FeedContext_1 = require("../../contexts/FeedContext.js");
-const LikesContext_1 = require("../../contexts/LikesContext.js");
-const useExtendedComponentMap_1 = require("../../hooks/useExtendedComponentMap.js");
-const SettingsContext_1 = require("../../contexts/SettingsContext.js");
+const MetaWrapper_1 = require("../../components/MetaWrapper/MetaWrapper");
+const PromptSignIn_1 = require("../../components/PromptSignIn/PromptSignIn");
+const usePromptSignInProps_1 = require("../../components/PromptSignIn/hooks/usePromptSignInProps");
+const FeedContext_1 = require("../../contexts/FeedContext");
+const LikesContext_1 = require("../../contexts/LikesContext");
+const useExtendedComponentMap_1 = require("../../hooks/useExtendedComponentMap");
+const SettingsContext_1 = require("../../contexts/SettingsContext");
 const BlogPage = ({ content, posts, tags, services, getPosts, metaData, custom, hasLikes = false, toggleLike, navigation, settings, pageCountForShowSupportButtons, isSignedInUser = false, onClickSignIn, }) => {
-    const { isAnimationEnabled } = React.useContext(SettingsContext_1.SettingsContext);
+    const { isAnimationEnabled } = (0, react_1.useContext)(SettingsContext_1.SettingsContext);
     const _a = (0, usePromptSignInProps_1.usePromptSignInProps)(onClickSignIn), { requireSignIn } = _a, promptSignInProps = tslib_1.__rest(_a, ["requireSignIn"]);
-    const likesContextData = React.useMemo(() => ({ toggleLike, hasLikes, isSignedInUser, requireSignIn }), [toggleLike, hasLikes, isSignedInUser, requireSignIn]);
+    const likesContextData = (0, react_1.useMemo)(() => ({ toggleLike, hasLikes, isSignedInUser, requireSignIn }), [toggleLike, hasLikes, isSignedInUser, requireSignIn]);
     const actualComponentMap = (0, useExtendedComponentMap_1.useExtendedComponentMap)(custom);
-    return ((0, jsx_runtime_1.jsxs)(LikesContext_1.LikesContext.Provider, { value: likesContextData, children: [(0, jsx_runtime_1.jsx)(FeedContext_1.FeedContext.Provider, { value: {
-                    posts: posts.posts,
-                    pinnedPost: posts.pinnedPost,
-                    totalCount: posts.count,
-                    tags,
-                    services: services !== null && services !== void 0 ? services : [],
-                    getPosts,
-                    pageCountForShowSupportButtons,
-                }, children: (0, jsx_runtime_1.jsxs)(page_constructor_1.PageConstructorProvider, Object.assign({}, settings, { projectSettings: Object.assign(Object.assign({}, ((settings === null || settings === void 0 ? void 0 : settings.projectSettings) || {})), { isAnimationEnabled }), children: [metaData ? (0, jsx_runtime_1.jsx)(MetaWrapper_1.MetaWrapper, Object.assign({}, metaData)) : null, (0, jsx_runtime_1.jsx)(page_constructor_1.PageConstructor, { content: content, custom: actualComponentMap, navigation: navigation })] })) }), (0, jsx_runtime_1.jsx)(PromptSignIn_1.PromptSignIn, Object.assign({}, promptSignInProps))] }));
+    return (react_1.default.createElement(LikesContext_1.LikesContext.Provider, { value: likesContextData },
+        react_1.default.createElement(FeedContext_1.FeedContext.Provider, { value: {
+                posts: posts.posts,
+                pinnedPost: posts.pinnedPost,
+                totalCount: posts.count,
+                tags,
+                services: services !== null && services !== void 0 ? services : [],
+                getPosts,
+                pageCountForShowSupportButtons,
+            } },
+            react_1.default.createElement(page_constructor_1.PageConstructorProvider, Object.assign({}, settings, { projectSettings: Object.assign(Object.assign({}, ((settings === null || settings === void 0 ? void 0 : settings.projectSettings) || {})), { isAnimationEnabled }) }),
+                metaData ? react_1.default.createElement(MetaWrapper_1.MetaWrapper, Object.assign({}, metaData)) : null,
+                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;
-//# sourceMappingURL=BlogPage.js.map
+exports.BlogPage = BlogPage;

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

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

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

@@ -2,19 +2,18 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BlogPostPage = void 0;
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
+const react_1 = tslib_1.__importStar(require("react"));
 const page_constructor_1 = require("@gravity-ui/page-constructor");
-const MetaWrapper_1 = require("../../components/MetaWrapper/MetaWrapper.js");
-const PromptSignIn_1 = require("../../components/PromptSignIn/PromptSignIn.js");
-const usePromptSignInProps_1 = require("../../components/PromptSignIn/hooks/usePromptSignInProps.js");
-const LikesContext_1 = require("../../contexts/LikesContext.js");
-const PostPageContext_1 = require("../../contexts/PostPageContext.js");
-const useExtendedComponentMap_1 = require("../../hooks/useExtendedComponentMap.js");
-const useLikes_1 = require("../../hooks/useLikes.js");
-const SettingsContext_1 = require("../../contexts/SettingsContext.js");
+const MetaWrapper_1 = require("../../components/MetaWrapper/MetaWrapper");
+const PromptSignIn_1 = require("../../components/PromptSignIn/PromptSignIn");
+const usePromptSignInProps_1 = require("../../components/PromptSignIn/hooks/usePromptSignInProps");
+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 SettingsContext_1 = require("../../contexts/SettingsContext");
 const BlogPostPage = ({ metaData, suggestedPosts, likes, content, post, settings, navigation, custom, shareOptions, isSignedInUser = false, onClickSignIn, breadcrumbs, }) => {
-    const { isAnimationEnabled } = React.useContext(SettingsContext_1.SettingsContext);
+    const { isAnimationEnabled } = (0, react_1.useContext)(SettingsContext_1.SettingsContext);
     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,
@@ -22,26 +21,30 @@ const BlogPostPage = ({ metaData, suggestedPosts, likes, content, post, settings
         postId: post === null || post === void 0 ? void 0 : post.blogPostId,
     });
     const _a = (0, usePromptSignInProps_1.usePromptSignInProps)(onClickSignIn), { requireSignIn } = _a, promptSignInProps = tslib_1.__rest(_a, ["requireSignIn"]);
-    const likesContextData = React.useMemo(() => ({
+    const likesContextData = (0, react_1.useMemo)(() => ({
         toggleLike: likes === null || likes === void 0 ? void 0 : likes.toggleLike,
         hasLikes: Boolean(likes),
         isSignedInUser,
         requireSignIn,
     }), [likes, isSignedInUser, requireSignIn]);
     const actualComponentMap = (0, useExtendedComponentMap_1.useExtendedComponentMap)(custom);
-    return ((0, jsx_runtime_1.jsxs)(LikesContext_1.LikesContext.Provider, { value: likesContextData, children: [(0, jsx_runtime_1.jsx)(PostPageContext_1.PostPageContext.Provider, { value: {
-                    post,
-                    suggestedPosts,
-                    likes: likes
-                        ? {
-                            handleUserLike: handleLike,
-                            hasUserLike,
-                            likesCount,
-                        }
-                        : undefined,
-                    shareOptions,
-                    breadcrumbs,
-                }, children: (0, jsx_runtime_1.jsxs)(page_constructor_1.PageConstructorProvider, Object.assign({}, settings, { projectSettings: Object.assign(Object.assign({}, ((settings === null || settings === void 0 ? void 0 : settings.projectSettings) || {})), { isAnimationEnabled }), children: [metaData ? (0, jsx_runtime_1.jsx)(MetaWrapper_1.MetaWrapper, Object.assign({}, metaData)) : null, (0, jsx_runtime_1.jsx)(page_constructor_1.PageConstructor, { content: content, custom: actualComponentMap, navigation: navigation })] })) }), (0, jsx_runtime_1.jsx)(PromptSignIn_1.PromptSignIn, Object.assign({}, promptSignInProps))] }));
+    return (react_1.default.createElement(LikesContext_1.LikesContext.Provider, { value: likesContextData },
+        react_1.default.createElement(PostPageContext_1.PostPageContext.Provider, { value: {
+                post,
+                suggestedPosts,
+                likes: likes
+                    ? {
+                        handleUserLike: handleLike,
+                        hasUserLike,
+                        likesCount,
+                    }
+                    : undefined,
+                shareOptions,
+                breadcrumbs,
+            } },
+            react_1.default.createElement(page_constructor_1.PageConstructorProvider, Object.assign({}, settings, { projectSettings: Object.assign(Object.assign({}, ((settings === null || settings === void 0 ? void 0 : settings.projectSettings) || {})), { isAnimationEnabled }) }),
+                metaData ? react_1.default.createElement(MetaWrapper_1.MetaWrapper, Object.assign({}, metaData)) : null,
+                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;
-//# sourceMappingURL=BlogPostPage.js.map
+exports.BlogPostPage = BlogPostPage;

package/build/cjs/contexts/DeviceContext.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
-import { WithDeviceProps } from "../models/common.js";
+import React from 'react';
+import { WithDeviceProps } from '../models/common';
 export type DeviceContextProps = Partial<WithDeviceProps>;
 export declare const DeviceContext: React.Context<Partial<WithDeviceProps>>;

package/build/cjs/contexts/DeviceContext.js

@@ -2,6 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DeviceContext = void 0;
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-exports.DeviceContext = React.createContext({});
-//# sourceMappingURL=DeviceContext.js.map
+const react_1 = tslib_1.__importDefault(require("react"));
+exports.DeviceContext = react_1.default.createContext({});

package/build/cjs/contexts/FeedContext.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { GetPostsType, PostData, Service, Tag } from "../models/common.js";
+import React from 'react';
+import { GetPostsType, PostData, Service, Tag } from '../models/common';
 export interface FeedContextProps {
     posts?: PostData[];
     pinnedPost?: PostData;

package/build/cjs/contexts/FeedContext.js

@@ -2,6 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FeedContext = void 0;
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-exports.FeedContext = React.createContext({});
-//# sourceMappingURL=FeedContext.js.map
+const react_1 = tslib_1.__importDefault(require("react"));
+exports.FeedContext = react_1.default.createContext({});

package/build/cjs/contexts/LikesContext.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { ToggleLikeCallbackType } from "../models/common.js";
+import React from 'react';
+import { ToggleLikeCallbackType } from '../models/common';
 export interface LikesContextProps {
     toggleLike?: ToggleLikeCallbackType;
     hasLikes?: boolean;

package/build/cjs/contexts/LikesContext.js

@@ -2,6 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LikesContext = void 0;
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-exports.LikesContext = React.createContext({});
-//# sourceMappingURL=LikesContext.js.map
+const react_1 = tslib_1.__importDefault(require("react"));
+exports.LikesContext = react_1.default.createContext({});

package/build/cjs/contexts/LocaleContext.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { Locale } from "../models/locale.js";
+import React from 'react';
+import { Locale } from '../models/locale';
 export type LocaleContextProps = {
     locale: Locale;
 };

package/build/cjs/contexts/LocaleContext.js

@@ -2,14 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LocaleContext = void 0;
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const react_1 = tslib_1.__importDefault(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
-exports.LocaleContext = React.createContext({
+exports.LocaleContext = react_1.default.createContext({
     locale: {
         code: 'en-En',
         lang: uikit_1.Lang.En,
         langName: 'English',
         pathPrefix: 'en',
     },
-});
-//# sourceMappingURL=LocaleContext.js.map
+});

package/build/cjs/contexts/MobileContext.d.ts

@@ -1,2 +1,2 @@
-import * as React from 'react';
+import React from 'react';
 export declare const MobileContext: React.Context<boolean>;

package/build/cjs/contexts/MobileContext.js

@@ -2,6 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MobileContext = void 0;
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-exports.MobileContext = React.createContext(false);
-//# sourceMappingURL=MobileContext.js.map
+const react_1 = tslib_1.__importDefault(require("react"));
+exports.MobileContext = react_1.default.createContext(false);

package/build/cjs/contexts/PostPageContext.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
+import React from 'react';
 import { ShareOptions } from '@gravity-ui/components';
-import { PostData } from "../models/common.js";
+import { PostData } from '../models/common';
 import { HeaderBreadCrumbsProps } from '@gravity-ui/page-constructor';
 export type LikesRoutineType = {
     handleUserLike: () => void;

package/build/cjs/contexts/PostPageContext.js

@@ -2,6 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PostPageContext = void 0;
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-exports.PostPageContext = React.createContext({});
-//# sourceMappingURL=PostPageContext.js.map
+const react_1 = tslib_1.__importDefault(require("react"));
+exports.PostPageContext = react_1.default.createContext({});

package/build/cjs/contexts/RouterContext.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { Query } from "../models/common.js";
+import React from 'react';
+import { Query } from '../models/common';
 export interface RouterContextProps {
     pathname: string;
     as: string;

package/build/cjs/contexts/RouterContext.js

@@ -2,6 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RouterContext = void 0;
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-exports.RouterContext = React.createContext({});
-//# sourceMappingURL=RouterContext.js.map
+const react_1 = tslib_1.__importDefault(require("react"));
+exports.RouterContext = react_1.default.createContext({});

package/build/cjs/contexts/SettingsContext.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 export interface SettingsContextProps {
     addNavigationLinkForPages?: boolean;
     isAnimationEnabled?: boolean;

package/build/cjs/contexts/SettingsContext.js

@@ -2,6 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SettingsContext = void 0;
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-exports.SettingsContext = React.createContext({});
-//# sourceMappingURL=SettingsContext.js.map
+const react_1 = tslib_1.__importDefault(require("react"));
+exports.SettingsContext = react_1.default.createContext({});

package/build/cjs/contexts/theme/ThemeContext.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { ThemeValueType } from "./ThemeValueContext.js";
+import React from 'react';
+import { ThemeValueType } from './ThemeValueContext';
 export interface ThemeContextProps {
     theme: ThemeValueType;
     setTheme: (newTheme: ThemeValueType) => void;

package/build/cjs/contexts/theme/ThemeContext.js

@@ -2,11 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ThemeContext = exports.initialValue = void 0;
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const constants_1 = require("../../constants.js");
+const react_1 = tslib_1.__importDefault(require("react"));
+const constants_1 = require("../../constants");
 exports.initialValue = {
     theme: constants_1.DEFAULT_THEME,
     setTheme: () => { },
 };
-exports.ThemeContext = React.createContext(exports.initialValue);
-//# sourceMappingURL=ThemeContext.js.map
+exports.ThemeContext = react_1.default.createContext(exports.initialValue);

package/build/cjs/contexts/theme/ThemeProvider.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { ThemeContextProps } from "./ThemeContext.js";
-import { ThemeValueType } from "./ThemeValueContext.js";
+import React from 'react';
+import { ThemeContextProps } from './ThemeContext';
+import { ThemeValueType } from './ThemeValueContext';
 interface ThemeProviderExternalProps {
 }
 interface ThemeProviderDefaultProps {
@@ -17,7 +17,7 @@ export declare class ThemeProvider extends React.Component<ThemeProviderExternal
     state: ThemeProviderState;
     componentDidMount(): void;
     componentDidUpdate(prevProps: ThemeProviderProps, prevState: ThemeProviderState): void;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): React.JSX.Element;
     private updateBodyClassName;
 }
 export {};

package/build/cjs/contexts/theme/ThemeProvider.js

@@ -2,12 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ThemeProvider = void 0;
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const constants_1 = require("../../constants.js");
-const ThemeContext_1 = require("./ThemeContext.js");
-const ThemeValueContext_1 = require("./ThemeValueContext.js");
-class ThemeProvider extends React.Component {
+const react_1 = tslib_1.__importDefault(require("react"));
+const constants_1 = require("../../constants");
+const ThemeContext_1 = require("./ThemeContext");
+const ThemeValueContext_1 = require("./ThemeValueContext");
+class ThemeProvider extends react_1.default.Component {
     constructor() {
         super(...arguments);
         this.state = {
@@ -32,7 +31,8 @@ class ThemeProvider extends React.Component {
         }
     }
     render() {
-        return ((0, jsx_runtime_1.jsx)(ThemeContext_1.ThemeContext.Provider, { value: this.state, children: (0, jsx_runtime_1.jsx)(ThemeValueContext_1.ThemeValueContext.Provider, { value: { themeValue: this.state.themeValue }, children: this.props.children }) }));
+        return (react_1.default.createElement(ThemeContext_1.ThemeContext.Provider, { value: this.state },
+            react_1.default.createElement(ThemeValueContext_1.ThemeValueContext.Provider, { value: { themeValue: this.state.themeValue } }, this.props.children)));
     }
     updateBodyClassName(theme) {
         const bodyEl = document.body;
@@ -46,5 +46,4 @@ class ThemeProvider extends React.Component {
 exports.ThemeProvider = ThemeProvider;
 ThemeProvider.defaultProps = {
     theme: constants_1.DEFAULT_THEME,
-};
-//# sourceMappingURL=ThemeProvider.js.map
+};