@gravity-ui/blog-constructor 1.0.0-alpha.1

package/build/esm/constants.js

@@ -0,0 +1,31 @@
+import { PaddingsDirections } from './models/paddings';
+export const BREAKPOINTS = {
+    xs: 0,
+    sm: 577,
+    md: 769,
+    lg: 1081,
+    xl: 1185,
+};
+export const DEFAULT_THEME = 'light';
+export var BlogMetrikaGoalIds;
+(function (BlogMetrikaGoalIds) {
+    BlogMetrikaGoalIds["shareTop"] = "SITE_BLOG_SHARE-TOP_CLICK";
+    BlogMetrikaGoalIds["shareBottom"] = "SITE_BLOG_SHARE-BOTTOM_CLICK";
+    BlogMetrikaGoalIds["breadcrumbsTop"] = "SITE_BLOG_BREADCRUMBS-TOP_CLICK";
+    BlogMetrikaGoalIds["breadcrumbsBottom"] = "SITE_BLOG_BREADCRUMBS-BOTTOM_CLICK";
+    BlogMetrikaGoalIds["saveTop"] = "SITE_BLOG_SAVE-TOP_CLICK";
+    BlogMetrikaGoalIds["saveBottom"] = "SITE_BLOG_SAVE-BOTTOM_CLICK";
+    BlogMetrikaGoalIds["suggest"] = "SITE_BLOG_INTERESTING-CARD_CLICK";
+    BlogMetrikaGoalIds["bannerCommon"] = "SITE_BLOG_TEXT-BANNER_CLICK";
+    BlogMetrikaGoalIds["cta"] = "SITE_BLOG_CTA_CLICK";
+    BlogMetrikaGoalIds["tag"] = "SITE_BLOG_THEME-SELECTOR_CLCK";
+    BlogMetrikaGoalIds["service"] = "SITE_BLOG_SERVICE-SELECTOR_CLCK";
+    BlogMetrikaGoalIds["showMore"] = "SITE_BLOG-PAGINATION_SHOW-MORE_CLCK";
+    BlogMetrikaGoalIds["next"] = "SITE_BLOG-PAGINATION_NEXT_CLCK";
+    BlogMetrikaGoalIds["home"] = "SITE_BLOG-PAGINATION_HOME_CLCK";
+    BlogMetrikaGoalIds["page"] = "SITE_BLOG-PAGINATION_PAGE-NMBR_CLCK";
+})(BlogMetrikaGoalIds || (BlogMetrikaGoalIds = {}));
+export const DEFAULT_PADDINGS = {
+    [PaddingsDirections.bottom]: 'l',
+    [PaddingsDirections.top]: 'xs',
+};

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import { RouterContextProps } from '../contexts/RouterContext';
+import { UserContextProps } from '../contexts/UserContext';
+import { DeviceContextProps } from '../contexts/DeviceContext';
+import { ThemeValueType } from '../contexts/theme/ThemeValueContext';
+import { Locale } from '../models/locale';
+export interface BlogConstructorProviderProps {
+    isMobile?: boolean;
+    locale?: Locale;
+    router?: RouterContextProps;
+    theme?: ThemeValueType;
+    user?: UserContextProps;
+    device?: DeviceContextProps;
+    children?: React.ReactNode;
+}
+export declare const BlogConstructorProvider: React.FC<BlogConstructorProviderProps>;

package/build/esm/constructor/BlogConstructorProvider.js

@@ -0,0 +1,19 @@
+import React, { Fragment } from 'react';
+import { MobileContext } from '../contexts/MobileContext';
+import { LocaleContext } from '../contexts/LocaleContext';
+import { RouterContext } from '../contexts/RouterContext';
+import { UserContext } from '../contexts/UserContext';
+import { DeviceContext } from '../contexts/DeviceContext';
+import { ThemeValueContext } from '../contexts/theme/ThemeValueContext';
+import { DEFAULT_THEME } from '../constants';
+export const BlogConstructorProvider = ({ isMobile, locale = {}, router = {}, theme = DEFAULT_THEME, user = {}, device = {}, children, }) => {
+    const context = [
+        React.createElement(ThemeValueContext.Provider, { value: { themeValue: theme }, key: "theme-context" }),
+        React.createElement(LocaleContext.Provider, { value: { locale }, key: "locale-context" }),
+        React.createElement(RouterContext.Provider, { value: router, key: "router-context" }),
+        React.createElement(MobileContext.Provider, { value: Boolean(isMobile), key: "is-mobile-context" }),
+        React.createElement(UserContext.Provider, { value: user, key: "user-context" }),
+        React.createElement(DeviceContext.Provider, { value: device, key: "device-context" }),
+    ].reduceRight((prev, provider) => React.cloneElement(provider, {}, prev), children);
+    return React.createElement(Fragment, null, context);
+};

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

@@ -0,0 +1,18 @@
+declare const _default: {
+    blocks: {
+        "blog-yfm-block": import("react").FC<import("../models/blocks").YFMProps>;
+        "blog-layout-block": import("react").FC<import("../models/blocks").LayoutProps>;
+        "blog-media-block": import("react").FC<import("../models/blocks").MediaProps>;
+        "blog-banner-block": import("react").FC<import("../models/blocks").BannerProps>;
+        "blog-cta-block": import("react").FC<import("../models/blocks").CTAProps>;
+        "blog-colored-text-block": import("react").FC<import("../models/blocks").ColoredTextProps>;
+        "blog-author-block": import("react").FC<import("../models/blocks").AuthorProps>;
+        "blog-suggest-block": import("react").FC<import("../models/blocks").SuggestProps>;
+        "blog-meta-block": import("react").FC<import("../models/blocks").MetaProps>;
+        "blog-feed-block": import("react").FC<import("../models/blocks").FeedProps>;
+    };
+    headers: {
+        "blog-header-block": import("react").FC<import("../models/blocks").HeaderProps>;
+    };
+};
+export default _default;

package/build/esm/constructor/blocksMap.js

@@ -0,0 +1,28 @@
+import { BlockType } from '../models/common';
+import { Header } from '../blocks/Header/Header';
+import { YFM } from '../blocks/YFM/YFM';
+import { Layout } from '../blocks/Layout/Layout';
+import { Media } from '../blocks/Media/Media';
+import { CTA } from '../blocks/CTA/CTA';
+import { ColoredText } from '../blocks/ColoredText/ColoredText';
+import { Author } from '../blocks/Author/Author';
+import { Suggest } from '../blocks/Suggest/Suggest';
+import { Banner } from '../blocks/Banner/Banner';
+import { Meta } from '../blocks/Meta/Meta';
+import { Feed } from '../blocks/Feed/Feed';
+const blocks = {
+    [BlockType.YFM]: YFM,
+    [BlockType.Layout]: Layout,
+    [BlockType.Media]: Media,
+    [BlockType.Banner]: Banner,
+    [BlockType.CTA]: CTA,
+    [BlockType.ColoredText]: ColoredText,
+    [BlockType.Author]: Author,
+    [BlockType.Suggest]: Suggest,
+    [BlockType.Meta]: Meta,
+    [BlockType.Feed]: Feed,
+};
+const headers = {
+    [BlockType.Header]: Header,
+};
+export default { blocks, headers };

package/build/esm/containers/BlogPage/BlogPage.css

@@ -0,0 +1,21 @@
+:root {
+  --header-height: 64px;
+}
+
+.yc-root {
+  --yc-text-accent-font-weight: 500;
+  --bc-transparent: rgba(255, 255, 255, 0);
+  --bc-image-padding: 4px;
+  --bc-border-radius: var(--pc-border-radius, 24px);
+  --bc-color-sfx-shadow: var(--yc-color-base-simple-hover);
+  --bc-color-line-generic-active-solid: #b3b3b3;
+  --bc-color-base-float-hover: var(--yc-color-base-float);
+  --bc-monochrome-button: #262626;
+  --bc-monochrome-button-hover: #393939;
+  --bc-text-header-color: var(--yc-color-text-primary);
+}
+.yc-root.yc-root_theme_dark {
+  --bc-color-sfx-shadow: var(--yc-color-sfx-shadow);
+  --bc-color-line-generic-active-solid: #6c6c70;
+  --bc-color-base-float-hover: var(--yc-color-base-float-hover);
+}

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

@@ -0,0 +1,16 @@
+import { PageContent, PageConstructorProviderProps } from '@gravity-ui/page-constructor';
+import { Tag, PostsProps, ToggleLikeCallbackType, MetaProps, GetPostsType, SetQueryType, Service } from '../../models/common';
+import './BlogPage.css';
+export type BlogPageProps = {
+    content: PageContent;
+    posts: PostsProps;
+    tags: Tag[];
+    services?: Service[];
+    getPosts: GetPostsType;
+    toggleLike?: ToggleLikeCallbackType;
+    metaData?: MetaProps;
+    setQuery?: SetQueryType;
+    settings?: PageConstructorProviderProps;
+    pageCountForShowSupportButtons?: number;
+};
+export declare const BlogPage: ({ content, posts, tags, services, getPosts, metaData, toggleLike, settings, pageCountForShowSupportButtons, }: BlogPageProps) => JSX.Element;

package/build/esm/containers/BlogPage/BlogPage.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import { PageConstructor, PageConstructorProvider, } from '@gravity-ui/page-constructor';
+import { FeedContext } from '../../contexts/FeedContext';
+import { LikesContext } from '../../contexts/LikesContext';
+import { MetaWrapper } from '../../components/MetaWrapper/MetaWrapper';
+import componentMap from '../../constructor/blocksMap';
+import './BlogPage.css';
+export const BlogPage = ({ content, posts, tags, services, getPosts, metaData, toggleLike, settings, pageCountForShowSupportButtons, }) => (React.createElement("main", null,
+    React.createElement(LikesContext.Provider, { value: {
+            toggleLike: toggleLike,
+            hasLikes: Boolean(toggleLike),
+        } },
+        React.createElement(FeedContext.Provider, { value: {
+                posts: posts.posts,
+                pinnedPost: posts.pinnedPost,
+                totalCount: posts.count,
+                tags,
+                services: services !== null && services !== void 0 ? services : [],
+                getPosts,
+                pageCountForShowSupportButtons,
+            } },
+            React.createElement(PageConstructorProvider, Object.assign({}, settings),
+                metaData ? React.createElement(MetaWrapper, Object.assign({}, metaData)) : null,
+                React.createElement(PageConstructor, { content: content, custom: componentMap }))))));

package/build/esm/containers/BlogPostPage/BlogPostPage.css

@@ -0,0 +1,251 @@
+@charset "UTF-8";
+@import '~@doc-tools/transform/dist/css/yfm.css';
+:root {
+  --header-height: 64px;
+}
+
+.yc-root {
+  --yc-text-accent-font-weight: 500;
+  --bc-transparent: rgba(255, 255, 255, 0);
+  --bc-image-padding: 4px;
+  --bc-border-radius: var(--pc-border-radius, 24px);
+  --bc-color-sfx-shadow: var(--yc-color-base-simple-hover);
+  --bc-color-line-generic-active-solid: #b3b3b3;
+  --bc-color-base-float-hover: var(--yc-color-base-float);
+  --bc-monochrome-button: #262626;
+  --bc-monochrome-button-hover: #393939;
+  --bc-text-header-color: var(--yc-color-text-primary);
+}
+.yc-root.yc-root_theme_dark {
+  --bc-color-sfx-shadow: var(--yc-color-sfx-shadow);
+  --bc-color-line-generic-active-solid: #6c6c70;
+  --bc-color-base-float-hover: var(--yc-color-base-float-hover);
+}
+
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.yfm_blog {
+  font-size: var(--yc-text-body-3-font-size);
+  line-height: var(--yc-text-body-3-line-height);
+  color: var(--yc-color-text-primary);
+}
+.yfm_blog h1:first-child,
+.yfm_blog h2:first-child,
+.yfm_blog h3:first-child,
+.yfm_blog h4:first-child {
+  padding: 0;
+  margin-top: 0;
+  padding-top: 0;
+}
+.yfm_blog h2 {
+  font-size: var(--yc-text-display-2-font-size);
+  line-height: var(--yc-text-display-2-line-height);
+}
+.yfm_blog h3 {
+  font-size: var(--yc-text-header-2-font-size);
+  line-height: var(--yc-text-header-2-line-height);
+}
+.yfm_blog h4 {
+  font-size: var(--yc-text-header-1-font-size);
+  line-height: var(--yc-text-header-1-line-height);
+}
+.yfm_blog h1,
+.yfm_blog h2,
+.yfm_blog h3,
+.yfm_blog h4,
+.yfm_blog h5,
+.yfm_blog h6 {
+  margin-bottom: 16px;
+  margin-top: 48px;
+  padding-top: 0;
+  font-weight: var(--yc-text-header-font-weight);
+}
+.yfm_blog blockquote,
+.yfm_blog dl,
+.yfm_blog ol,
+.yfm_blog p,
+.yfm_blog pre,
+.yfm_blog table,
+.yfm_blog ul {
+  margin: 0 0 16px;
+}
+.yfm_blog img {
+  margin-bottom: 32px;
+  margin-top: 16px;
+  border-radius: 24px;
+}
+.yfm_blog hr {
+  height: 1px;
+}
+.yfm_blog ol,
+.yfm_blog ul {
+  padding-left: 1.4em;
+}
+.yfm_blog code {
+  color: var(--yc-color-text-misc);
+}
+.yfm_blog pre > code {
+  color: var(--yc-color-text-primary);
+}
+.yfm_blog table {
+  color: var(--yc-color-text-primary);
+  border: 1px solid var(--yc-color-line-generic);
+  background: var(--yc-color-base-background);
+}
+.yfm_blog thead tr,
+.yfm_blog table tr:nth-child(2n) {
+  background-color: var(--yc-color-base-generic);
+}
+.yfm_blog_media {
+  font-size: var(--yc-text-body-3-font-size);
+  line-height: var(--yc-text-body-3-line-height);
+  color: var(--yc-color-text-secondary);
+}
+.yfm_blog_breadcrumbs {
+  font-size: var(--yc-text-body-2-font-size);
+  line-height: var(--yc-text-body-2-line-height);
+  color: var(--yc-text-color-base);
+}
+.yfm_blog a {
+  color: var(--yc-color-text-link);
+}
+.yfm_blog a:hover {
+  color: var(--yc-color-text-link-hover);
+}
+.yfm_blog .yfm-tab:hover, .yfm_blog .yfm-tab:active {
+  color: var(--yc-color-text-link-hover);
+}
+.yfm_blog .yfm-tab.active {
+  border-bottom-color: var(--yc-color-text-link);
+}
+.yfm_blog .yfm-clipboard {
+  margin: 32px 0;
+}
+
+.yfm_blog_card p {
+  color: var(--pc-text-header-color);
+}
+
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.yfm_constructor {
+  font-family: var(--yc-font-family-sans);
+  color: var(--yc-color-text-primary);
+}
+.yfm_constructor code,
+.yfm_constructor kbd,
+.yfm_constructor pre {
+  font-family: var(--yc-font-family-monospace);
+  color: var(--yc-color-text-primary);
+}
+.yfm_constructor.yfm_constructor h1,
+.yfm_constructor.yfm_constructor h2,
+.yfm_constructor.yfm_constructor h3,
+.yfm_constructor.yfm_constructor h4,
+.yfm_constructor.yfm_constructor h5,
+.yfm_constructor.yfm_constructor h6,
+.yfm_constructor.yfm_constructor span,
+.yfm_constructor.yfm_constructor p,
+.yfm_constructor.yfm_constructor li {
+  color: var(--yc-color-text-primary);
+}
+.yfm_constructor.yfm_constructor_notice li,
+.yfm_constructor.yfm_constructor_notice p {
+  color: var(--yc-color-text-secondary);
+}
+.yfm_constructor.yfm_constructor ul,
+.yfm_constructor.yfm_constructor ol,
+.yfm_constructor.yfm_constructor li,
+.yfm_constructor.yfm_constructor p {
+  margin: 0 0 12px;
+}
+.yfm_constructor.yfm_constructor p strong {
+  font-weight: 500;
+}
+.yfm_constructor.yfm_constructor_size_s ul,
+.yfm_constructor.yfm_constructor_size_s ol,
+.yfm_constructor.yfm_constructor_size_s li,
+.yfm_constructor.yfm_constructor_size_s p {
+  margin-bottom: 8px;
+}
+
+.yfm_constructor_theme_dark p {
+  color: var(--yc-color-text-light-primary);
+}
+.yfm_constructor_footnote_text p, .yfm_constructor_footnote_page p {
+  opacity: 0.5;
+}
+.yfm_constructor_footnote_text p {
+  font-size: var(--yc-text-body-2-font-size);
+  line-height: var(--yc-text-body-2-line-height);
+}
+.yfm_constructor_footnote_page p {
+  font-size: var(--yc-text-body-1-font-size);
+  line-height: var(--yc-text-body-1-line-height);
+  display: inline;
+}
+.yfm_constructor_list_style ul {
+  padding-left: 20px;
+}
+.yfm_constructor_list_style_dash ul {
+  list-style-type: none;
+  position: relative;
+}
+.yfm_constructor_list_style_dash ul li:before {
+  content: "—";
+  position: absolute;
+  margin-left: -20px;
+}
+.yfm_constructor a {
+  outline: none;
+  color: var(--yc-color-text-link);
+  text-decoration: none;
+  cursor: pointer;
+}
+.utilityfocus .yfm_constructor a:focus {
+  outline: 2px solid #ffdb4d;
+}
+.yfm_constructor a:hover, .yfm_constructor a:active {
+  --pc-text-header-color: var(--yc-color-text-link-hover);
+  color: var(--yc-color-text-link-hover);
+}
+.yfm_constructor table {
+  color: var(--yc-color-text-primary);
+  border: 1px solid var(--yc-color-line-generic);
+  background: var(--yc-color-base-background);
+}
+.yfm_constructor thead,
+.yfm_constructor table tr:nth-child(2n) {
+  background-color: var(--yc-color-base-generic);
+}
+
+.yfm_constructor_table {
+  /* stylelint-enable declaration-no-important */
+}
+.yfm_constructor_table table {
+  border: 0;
+  table-layout: fixed;
+}
+.yfm_constructor_table thead,
+.yfm_constructor_table tr {
+  /* stylelint-disable declaration-no-important */
+  background-color: transparent !important;
+}
+.yfm_constructor_table tbody tr {
+  border-top: 1px solid var(--yc-color-line-generic);
+}
+.yfm_constructor_table td,
+.yfm_constructor_table th {
+  min-width: 120px;
+  width: 120px;
+  box-sizing: content-box;
+  white-space: inherit !important;
+}
+.yfm_constructor_table td:first-child,
+.yfm_constructor_table th:first-child {
+  min-width: 172px;
+  width: 172px;
+}
+.yfm_constructor_table th {
+  text-align: left !important;
+}

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import { PageContent, PageConstructorProviderProps } from '@gravity-ui/page-constructor';
+import { ShareOptions } from '@gravity-ui/uikit';
+import { PostData, ToggleLikeCallbackType, MetaProps } from '../../models/common';
+import './BlogPostPage.css';
+export interface BlogPostPageProps {
+    suggestedPosts: PostData[];
+    metaData?: MetaProps;
+    likes?: {
+        hasUserLike?: boolean;
+        likesCount?: number;
+        toggleLike?: ToggleLikeCallbackType;
+    };
+    content: PageContent;
+    post: PostData;
+    settings?: PageConstructorProviderProps;
+    shareOptions?: ShareOptions[];
+}
+export declare const BlogPostPage: React.FC<BlogPostPageProps>;

package/build/esm/containers/BlogPostPage/BlogPostPage.js

@@ -0,0 +1,36 @@
+import React from 'react';
+import { PageConstructor, PageConstructorProvider, } from '@gravity-ui/page-constructor';
+import componentMap from '../../constructor/blocksMap';
+import { PostPageContext } from '../../contexts/PostPageContext';
+import { LikesContext } from '../../contexts/LikesContext';
+import { useLikes } from '../../hooks/useLikes';
+import { MetaWrapper } from '../../components/MetaWrapper/MetaWrapper';
+import './BlogPostPage.css';
+export const BlogPostPage = ({ metaData, suggestedPosts, likes, content, post, settings, shareOptions, }) => {
+    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,
+        toggleLikeCallback: likes === null || likes === void 0 ? void 0 : likes.toggleLike,
+        postId: post === null || post === void 0 ? void 0 : post.blogPostId,
+    });
+    return (React.createElement("main", null,
+        React.createElement(LikesContext.Provider, { value: {
+                toggleLike: likes === null || likes === void 0 ? void 0 : likes.toggleLike,
+                hasLikes: Boolean(likes),
+            } },
+            React.createElement(PostPageContext.Provider, { value: {
+                    post,
+                    suggestedPosts,
+                    likes: likes
+                        ? {
+                            handleUserLike: handleLike,
+                            hasUserLike,
+                            likesCount,
+                        }
+                        : undefined,
+                    shareOptions,
+                } },
+                React.createElement(PageConstructorProvider, Object.assign({}, settings),
+                    metaData ? React.createElement(MetaWrapper, Object.assign({}, metaData)) : null,
+                    React.createElement(PageConstructor, { content: content, custom: componentMap }))))));
+};

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

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

package/build/esm/contexts/DeviceContext.js

@@ -0,0 +1,2 @@
+import React from 'react';
+export const DeviceContext = React.createContext({});

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { PostData, Tag, SetQueryType, GetPostsType, Service } from '../models/common';
+export interface FeedContextProps {
+    posts?: PostData[];
+    pinnedPost?: PostData;
+    totalCount?: number;
+    tags?: Tag[];
+    services?: Service[];
+    getPosts?: GetPostsType;
+    setQuery?: SetQueryType;
+    pageCountForShowSupportButtons?: number;
+}
+export declare const FeedContext: React.Context<FeedContextProps>;

package/build/esm/contexts/FeedContext.js

@@ -0,0 +1,2 @@
+import React from 'react';
+export const FeedContext = React.createContext({});

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ToggleLikeCallbackType } from '../models/common';
+export interface LikesContextProps {
+    toggleLike?: ToggleLikeCallbackType;
+    hasLikes?: boolean;
+}
+export declare const LikesContext: React.Context<LikesContextProps>;

package/build/esm/contexts/LikesContext.js

@@ -0,0 +1,2 @@
+import React from 'react';
+export const LikesContext = React.createContext({});

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Locale } from '../models/locale';
+export type LocaleContextProps = {
+    locale: Locale;
+};
+export declare const LocaleContext: React.Context<LocaleContextProps>;

package/build/esm/contexts/LocaleContext.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Lang } from '../models/locale';
+export const LocaleContext = React.createContext({
+    locale: {
+        code: 'en-En',
+        lang: Lang.En,
+        langName: 'English',
+        pathPrefix: 'en',
+    },
+});

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

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

package/build/esm/contexts/MobileContext.js

@@ -0,0 +1,2 @@
+import React from 'react';
+export const MobileContext = React.createContext(false);

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import { ShareOptions } from '@gravity-ui/uikit';
+import { PostData } from '../models/common';
+export interface PostPageContextProps {
+    post: PostData;
+    suggestedPosts: PostData[];
+    likes?: {
+        handleUserLike: () => void;
+        hasUserLike: boolean;
+        likesCount: number;
+    };
+    shareOptions?: ShareOptions[];
+}
+export declare const PostPageContext: React.Context<PostPageContextProps>;

package/build/esm/contexts/PostPageContext.js

@@ -0,0 +1,2 @@
+import React from 'react';
+export const PostPageContext = React.createContext({});

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Query } from '../models/common';
+export interface RouterContextProps {
+    pathname: string;
+    as: string;
+    hostname: string;
+    query?: Query;
+}
+export declare const RouterContext: React.Context<RouterContextProps>;

package/build/esm/contexts/RouterContext.js

@@ -0,0 +1,2 @@
+import React from 'react';
+export const RouterContext = React.createContext({});

package/build/esm/contexts/UserContext.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+export interface UserAccount {
+    uid: string;
+    login: string;
+    avatarId: string;
+    displayName?: string;
+    lang?: string;
+    hasStaffLogin?: boolean;
+}
+export interface User extends UserAccount {
+    accounts: UserAccount[];
+    passportHost: string;
+    avatarHost: string;
+    status: string;
+    yandexuid: string;
+}
+export type UserContextProps = Partial<User>;
+export declare const UserContext: React.Context<Partial<User>>;

package/build/esm/contexts/UserContext.js

@@ -0,0 +1,2 @@
+import React from 'react';
+export const UserContext = React.createContext({});

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ThemeValueType } from './ThemeValueContext';
+export interface ThemeContextProps {
+    theme: ThemeValueType;
+    setTheme: (newTheme: ThemeValueType) => void;
+}
+export declare const initialValue: ThemeContextProps;
+export declare const ThemeContext: React.Context<ThemeContextProps>;

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { DEFAULT_THEME } from '../../constants';
+export const initialValue = {
+    theme: DEFAULT_THEME,
+    setTheme: () => { },
+};
+export const ThemeContext = React.createContext(initialValue);

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import { ThemeContextProps } from './ThemeContext';
+import { ThemeValueType } from './ThemeValueContext';
+interface ThemeProviderExternalProps {
+}
+interface ThemeProviderDefaultProps {
+    theme: ThemeValueType;
+    children?: React.ReactNode;
+}
+export interface ThemeProviderProps extends ThemeProviderExternalProps, Partial<ThemeProviderDefaultProps> {
+}
+interface ThemeProviderState extends ThemeContextProps {
+    themeValue: ThemeValueType;
+}
+export declare class ThemeProvider extends React.Component<ThemeProviderExternalProps & ThemeProviderDefaultProps, ThemeProviderState> {
+    static defaultProps: ThemeProviderDefaultProps;
+    state: ThemeProviderState;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: ThemeProviderProps, prevState: ThemeProviderState): void;
+    render(): JSX.Element;
+    private updateBodyClassName;
+}
+export {};