@gravity-ui/blog-constructor 4.0.0-alpha.1 → 4.1.0

package/build/cjs/components/Posts/Posts.js

@@ -13,8 +13,9 @@ const Paginator_1 = require("../Paginator/Paginator");
 const PostCard_1 = require("../PostCard/PostCard");
 const PostsEmpty_1 = require("../PostsEmpty/PostsEmpty");
 const b = (0, cn_1.block)('posts');
-const Posts = ({ containerId, pinnedPostOnPage, currentPage, postsOnPage, isShowMoreVisible, errorShowMore, postCountOnPage, perPageInQuery, isFetching, isShowMoreFetching, handleShowMore, handlePageChange, pageCountForShowSupportButtons, }) => (react_1.default.createElement("div", { className: b() },
-    react_1.default.createElement("div", { id: containerId, className: b('cards-container') },
+const Posts = ({ containerId, pinnedPostOnPage, currentPage, postsOnPage, isShowMoreVisible, errorShowMore, postCountOnPage, perPageInQuery, isFetching, handleShowMore, handlePageChange, pageCountForShowSupportButtons, }) => (react_1.default.createElement("div", { className: b() },
+    isFetching && react_1.default.createElement("div", { className: b('loaderContainer') }),
+    react_1.default.createElement("div", { id: containerId, className: b('cards-container', { isLoading: isFetching }) },
         pinnedPostOnPage && currentPage === 1 && (react_1.default.createElement("div", { className: b('pinned-container') },
             react_1.default.createElement(PostCard_1.PostCard, { post: pinnedPostOnPage, size: "m", fullWidth: true, showTag: true }))),
         (postsOnPage === null || postsOnPage === void 0 ? void 0 : postsOnPage.length) ? (react_1.default.createElement(page_constructor_1.CardLayoutBlock, { title: '', colSizes: {
@@ -23,10 +24,10 @@ const Posts = ({ containerId, pinnedPostOnPage, currentPage, postsOnPage, isShow
                 md: 6,
             } }, postsOnPage === null || postsOnPage === void 0 ? void 0 : postsOnPage.map((post) => (react_1.default.createElement(PostCard_1.PostCard, { key: post.id, post: post, showTag: true }))))) : (react_1.default.createElement(PostsEmpty_1.PostsEmpty, null))),
     react_1.default.createElement("div", { className: b('pagination') },
-        Boolean(isShowMoreVisible && (postsOnPage === null || postsOnPage === void 0 ? void 0 : postsOnPage.length)) && (react_1.default.createElement(uikit_1.Button, { view: "outlined", size: "xl", className: b('more-button'), onClick: handleShowMore, loading: isShowMoreFetching }, (0, i18n_1.i18)(i18n_1.Keyset.ActionLoadMore))),
+        Boolean(isShowMoreVisible && (postsOnPage === null || postsOnPage === void 0 ? void 0 : postsOnPage.length)) && (react_1.default.createElement(uikit_1.Button, { view: "outlined", size: "xl", className: b('more-button'), onClick: handleShowMore }, (0, i18n_1.i18)(i18n_1.Keyset.ActionLoadMore))),
         errorShowMore && (react_1.default.createElement("div", { className: b('error-show-more') },
             react_1.default.createElement("div", null, (0, i18n_1.i18)(i18n_1.Keyset.ErrorTitle)),
             react_1.default.createElement("div", null, (0, i18n_1.i18)(i18n_1.Keyset.PostLoadError)))),
         Boolean(currentPage && postCountOnPage) && (react_1.default.createElement("div", { className: b('paginator') },
-            react_1.default.createElement(Paginator_1.Paginator, { onPageChange: handlePageChange, page: currentPage, totalItems: postCountOnPage, itemsPerPage: perPageInQuery, loading: isFetching, maxPages: Infinity, pageCountForShowSupportButtons: pageCountForShowSupportButtons }))))));
+            react_1.default.createElement(Paginator_1.Paginator, { onPageChange: handlePageChange, page: currentPage, totalItems: postCountOnPage, itemsPerPage: perPageInQuery, maxPages: Infinity, pageCountForShowSupportButtons: pageCountForShowSupportButtons }))))));
 exports.Posts = Posts;

package/build/cjs/components/Prompt/Prompt.css

@@ -0,0 +1,61 @@
+.bc-prompt__content {
+  box-shadow: 0px 4px 24px var(--pc-color-sfx-shadow), 0px 2px 8px var(--pc-color-sfx-shadow);
+}
+
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+@keyframes bc-prompt_open {
+  0% {
+    opacity: 0;
+    transform: translateY(100%);
+  }
+  100% {
+    opacity: 1;
+    transform: translateY(0%);
+  }
+}
+@keyframes bc-prompt_close {
+  0% {
+    opacity: 1;
+    transform: translateY(0%);
+  }
+  100% {
+    opacity: 0;
+    transform: translateY(100%);
+  }
+}
+.bc-prompt {
+  display: flex;
+  width: 100%;
+  justify-content: center;
+  overflow: hidden;
+  position: fixed;
+  bottom: 0;
+}
+.bc-prompt:not(.bc-prompt_mounted) {
+  display: none;
+}
+.bc-prompt__content {
+  display: flex;
+  flex-flow: row wrap;
+  gap: 16px;
+  align-items: center;
+  margin: 24px;
+  padding: 16px 20px;
+  border-radius: calc(var(--pc-border-radius) / 2);
+  background-color: var(--yc-color-base-float);
+  font-size: var(--yc-text-body-2-font-size);
+}
+.bc-prompt_close {
+  pointer-events: none;
+}
+.bc-prompt_open > .bc-prompt__content {
+  opacity: 0;
+  transform: translateY(100%);
+  animation: bc-prompt_open 600ms forwards;
+}
+.bc-prompt_close > .bc-prompt__content {
+  opacity: 1;
+  transform: translateY(0%);
+  animation: bc-prompt_close 600ms forwards;
+}

package/build/cjs/components/Prompt/Prompt.d.ts

@@ -0,0 +1,17 @@
+import { ButtonProps } from '@gravity-ui/uikit';
+export interface PromptProps {
+    text: string;
+    actions: ButtonProps[];
+    openTimestamp?: number;
+    openDuration?: number;
+    className?: string;
+    theme?: 'grey' | 'beige' | 'white';
+}
+/**
+ * Popup that appears with text message and button(s) for given `actions`.
+ * Features:
+ *  - Automatically disappears after `openDuration` in milliseconds
+ *  - `openTimestamp` (`Date.now()`) resets the visible duration
+ * @returns {JSX|null}
+ */
+export declare const Prompt: ({ text, actions, className, openTimestamp, openDuration, theme, }: PromptProps) => JSX.Element;

package/build/cjs/components/Prompt/Prompt.js

@@ -0,0 +1,41 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Prompt = void 0;
+const react_1 = __importDefault(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const useOpenCloseTimer_1 = require("../../hooks/useOpenCloseTimer");
+const cn_1 = require("../../utils/cn");
+const b = (0, cn_1.block)('prompt');
+/**
+ * Popup that appears with text message and button(s) for given `actions`.
+ * Features:
+ *  - Automatically disappears after `openDuration` in milliseconds
+ *  - `openTimestamp` (`Date.now()`) resets the visible duration
+ * @returns {JSX|null}
+ */
+const Prompt = ({ text, actions, className, openTimestamp = 0, openDuration, theme, }) => {
+    const { open } = (0, useOpenCloseTimer_1.useOpenCloseTimer)(openTimestamp, openDuration);
+    const mounted = openTimestamp > 0;
+    return (react_1.default.createElement("div", { className: b({ theme, open, close: !open, mounted }, className) },
+        react_1.default.createElement("div", { className: b('content') },
+            react_1.default.createElement("span", { className: b('text') }, text),
+            react_1.default.createElement("div", { className: b('actions') }, actions.map((_a, i) => {
+                var { view = 'action', className: btnClass } = _a, btnProps = __rest(_a, ["view", "className"]);
+                return (react_1.default.createElement(uikit_1.Button, Object.assign({ key: i, className: b('action', btnClass), view: view }, btnProps)));
+            })))));
+};
+exports.Prompt = Prompt;

package/build/cjs/components/PromptSignIn/PromptSignIn.d.ts

@@ -0,0 +1,10 @@
+import React, { SyntheticEvent } from 'react';
+import { PromptProps } from '../Prompt/Prompt';
+export interface PromptSignInProps extends Partial<PromptProps> {
+    onClickSignIn?: React.EventHandler<SyntheticEvent>;
+}
+/**
+ * Authentication Popup that appears when user action requires login
+ * @returns {JSX|null}
+ */
+export declare const PromptSignIn: ({ text, onClickSignIn, actions, ...props }: PromptSignInProps) => JSX.Element;

package/build/cjs/components/PromptSignIn/PromptSignIn.js

@@ -0,0 +1,35 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PromptSignIn = void 0;
+const react_1 = __importDefault(require("react"));
+const i18n_1 = require("../../i18n");
+const Prompt_1 = require("../Prompt/Prompt");
+/**
+ * Authentication Popup that appears when user action requires login
+ * @returns {JSX|null}
+ */
+const PromptSignIn = (_a) => {
+    var { text = (0, i18n_1.i18)(i18n_1.Keyset.PromptSignInOnLike), onClickSignIn = () => alert((0, i18n_1.i18)(i18n_1.Keyset.SignIn)), actions = [
+        {
+            children: (0, i18n_1.i18)(i18n_1.Keyset.SignIn),
+            onClick: onClickSignIn,
+            size: 'l',
+        },
+    ] } = _a, props = __rest(_a, ["text", "onClickSignIn", "actions"]);
+    return react_1.default.createElement(Prompt_1.Prompt, Object.assign({}, { text, actions }, props));
+};
+exports.PromptSignIn = PromptSignIn;

package/build/cjs/components/PromptSignIn/hooks/usePromptSignInProps.d.ts

@@ -0,0 +1,6 @@
+import React, { SyntheticEvent } from 'react';
+export declare function usePromptSignInProps(onClickSignIn?: React.EventHandler<SyntheticEvent>): {
+    onClickSignIn: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
+    openTimestamp: number;
+    requireSignIn: (() => void) | undefined;
+};

package/build/cjs/components/PromptSignIn/hooks/usePromptSignInProps.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePromptSignInProps = void 0;
+const react_1 = require("react");
+function usePromptSignInProps(onClickSignIn) {
+    const [openTimestamp, setTime] = (0, react_1.useState)(0);
+    const requireSignIn = (0, react_1.useMemo)(() => {
+        return onClickSignIn
+            ? () => {
+                setTime(Date.now());
+            }
+            : undefined;
+    }, [onClickSignIn, setTime]);
+    return { onClickSignIn, openTimestamp, requireSignIn };
+}
+exports.usePromptSignInProps = usePromptSignInProps;

package/build/cjs/components/Search/Search.js

@@ -25,8 +25,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Search = void 0;
 const react_1 = __importStar(require("react"));
-const lodash_1 = require("lodash");
 const uikit_1 = require("@gravity-ui/uikit");
+const lodash_1 = require("lodash");
 const useIsIPhone_1 = require("../../hooks/useIsIPhone");
 const i18n_1 = require("../../i18n");
 const Close_1 = require("../../icons/Close");

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

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

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

@@ -1,30 +1,68 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BlogPage = void 0;
-const react_1 = __importDefault(require("react"));
+const react_1 = __importStar(require("react"));
 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 = __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, }) => (react_1.default.createElement("main", null,
-    react_1.default.createElement(LikesContext_1.LikesContext.Provider, { value: {
-            toggleLike: toggleLike,
-            hasLikes,
-        } },
-        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),
-                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 }))))));
+const BlogPage = ({ content, posts, tags, services, getPosts, metaData, hasLikes = false, toggleLike, navigation, settings, pageCountForShowSupportButtons, isSignedInUser = false, onClickSignIn, }) => {
+    const _a = (0, usePromptSignInProps_1.usePromptSignInProps)(onClickSignIn), { requireSignIn } = _a, promptSignInProps = __rest(_a, ["requireSignIn"]);
+    const likes = (0, react_1.useMemo)(() => ({ toggleLike, hasLikes, isSignedInUser, requireSignIn }), [toggleLike, hasLikes, isSignedInUser, requireSignIn]);
+    return (react_1.default.createElement("main", null,
+        react_1.default.createElement(LikesContext_1.LikesContext.Provider, { value: likes },
+            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),
+                    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(PromptSignIn_1.PromptSignIn, Object.assign({}, promptSignInProps))));
+};
 exports.BlogPage = BlogPage;

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

@@ -3,5 +3,7 @@ import { ToggleLikeCallbackType } from '../models/common';
 export interface LikesContextProps {
     toggleLike?: ToggleLikeCallbackType;
     hasLikes?: boolean;
+    isSignedInUser?: boolean;
+    requireSignIn?: React.MouseEventHandler;
 }
 export declare const LikesContext: React.Context<LikesContextProps>;

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

@@ -0,0 +1,9 @@
+/**
+ * Timer to automatically update `open` state after a given duration
+ * @param {number} openTimestamp - UNIX timestamp in milliseconds
+ * @param {number} openDuration - in milliseconds
+ * @returns {{open: boolean}} {open} - whether the state is open
+ */
+export declare function useOpenCloseTimer(openTimestamp?: number, openDuration?: number): {
+    open: boolean;
+};

package/build/cjs/hooks/useOpenCloseTimer.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOpenCloseTimer = void 0;
+const react_1 = require("react");
+/**
+ * Timer to automatically update `open` state after a given duration
+ * @param {number} openTimestamp - UNIX timestamp in milliseconds
+ * @param {number} openDuration - in milliseconds
+ * @returns {{open: boolean}} {open} - whether the state is open
+ */
+function useOpenCloseTimer(openTimestamp = Date.now(), openDuration = 4000) {
+    const open = Date.now() - openTimestamp < openDuration;
+    const [, reset] = (0, react_1.useState)(0); // time to reset `open` state
+    (0, react_1.useEffect)(() => {
+        const closeTime = openTimestamp + openDuration;
+        const delay = closeTime - Date.now();
+        if (delay <= 0) {
+            return;
+        }
+        const timer = setTimeout(() => {
+            reset(Date.now);
+        }, delay);
+        // eslint-disable-next-line consistent-return
+        return () => {
+            clearTimeout(timer);
+        };
+    }, [openTimestamp, openDuration]);
+    return { open };
+}
+exports.useOpenCloseTimer = useOpenCloseTimer;

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

@@ -17,6 +17,8 @@ export declare enum Keyset {
     Search = "search_placeholder",
     AllTags = "label_all_tags",
     ActionSavedOnly = "action_saved_only",
-    AllServices = "label_all_services"
+    AllServices = "label_all_services",
+    PromptSignInOnLike = "prompt_sign_in_on_like",
+    SignIn = "Sign In"
 }
 export declare const i18: (key: string, params?: import("@gravity-ui/i18n").Params | undefined) => string;

package/build/cjs/i18n/index.js

@@ -24,6 +24,8 @@ var Keyset;
     Keyset["AllTags"] = "label_all_tags";
     Keyset["ActionSavedOnly"] = "action_saved_only";
     Keyset["AllServices"] = "label_all_services";
+    Keyset["PromptSignInOnLike"] = "prompt_sign_in_on_like";
+    Keyset["SignIn"] = "Sign In";
 })(Keyset = exports.Keyset || (exports.Keyset = {}));
 exports.i18n.registerKeyset(locale_1.Lang.En, KEYSET_NAME, {
     [Keyset.Title]: 'Blog',
@@ -42,11 +44,13 @@ exports.i18n.registerKeyset(locale_1.Lang.En, KEYSET_NAME, {
     [Keyset.AllTags]: 'All topics',
     [Keyset.ActionSavedOnly]: 'Saved',
     [Keyset.AllServices]: 'All Services',
+    [Keyset.PromptSignInOnLike]: 'Please sign in to save your bookmarks',
     [Keyset.ContextReadingTime]: [
         '{{count}} min to read',
         '{{count}} mins to read',
         '{{count}} mins to read',
     ],
+    [Keyset.SignIn]: 'Sign In',
 });
 exports.i18n.registerKeyset(locale_1.Lang.Ru, KEYSET_NAME, {
     [Keyset.Title]: 'Блог',
@@ -65,10 +69,12 @@ exports.i18n.registerKeyset(locale_1.Lang.Ru, KEYSET_NAME, {
     [Keyset.AllTags]: 'Все темы',
     [Keyset.ActionSavedOnly]: 'Сохранённые',
     [Keyset.AllServices]: 'Все сервисы',
+    [Keyset.PromptSignInOnLike]: 'Войдите, чтобы добавить доклад в своё расписание',
     [Keyset.ContextReadingTime]: [
         '{{count}} минута чтения',
         '{{count}} минуты чтения',
         '{{count}} минут чтения',
     ],
+    [Keyset.SignIn]: 'Войти',
 });
 exports.i18 = exports.i18n.keyset(KEYSET_NAME);

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

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import { IBrowser, IDevice } from 'ua-parser-js';
 import { HeaderBlockProps as PageConstructorHeaderBlockProps } from '@gravity-ui/page-constructor';
+import { IBrowser, IDevice } from 'ua-parser-js';
 import { Locale } from '../models/locale';
 export declare enum Theme {
     Light = "light",
@@ -161,3 +161,7 @@ export declare enum DefaultEventNames {
     Service = "selector-service-click",
     SaveOnly = "save-only-button-click"
 }
+export type FetchArgs = {
+    page?: number;
+    query: Query;
+};

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

@@ -295,6 +295,87 @@ export declare const schemasForCustom: {
                                         type: string;
                                     })[];
                                 };
+                                fullscreen: {
+                                    type: string;
+                                };
+                                analyticsEvents: {
+                                    anyOf: ({
+                                        type: string;
+                                        additionalProperties: {
+                                            type: string;
+                                        };
+                                        required: string[];
+                                        properties: {
+                                            name: {
+                                                type: string;
+                                            };
+                                            type: {
+                                                type: string;
+                                            };
+                                            counters: {
+                                                type: string;
+                                                additionalProperties: boolean;
+                                                required: never[];
+                                                properties: {
+                                                    include: {
+                                                        type: string;
+                                                        items: {
+                                                            type: string;
+                                                        };
+                                                    };
+                                                    exclude: {
+                                                        type: string;
+                                                        items: {
+                                                            type: string;
+                                                        };
+                                                    };
+                                                };
+                                            };
+                                            context: {
+                                                type: string;
+                                            };
+                                        };
+                                    } | {
+                                        type: string;
+                                        items: {
+                                            type: string;
+                                            additionalProperties: {
+                                                type: string;
+                                            };
+                                            required: string[];
+                                            properties: {
+                                                name: {
+                                                    type: string;
+                                                };
+                                                type: {
+                                                    type: string;
+                                                };
+                                                counters: {
+                                                    type: string;
+                                                    additionalProperties: boolean;
+                                                    required: never[];
+                                                    properties: {
+                                                        include: {
+                                                            type: string;
+                                                            items: {
+                                                                type: string;
+                                                            };
+                                                        };
+                                                        exclude: {
+                                                            type: string;
+                                                            items: {
+                                                                type: string;
+                                                            };
+                                                        };
+                                                    };
+                                                };
+                                                context: {
+                                                    type: string;
+                                                };
+                                            };
+                                        };
+                                    })[];
+                                };
                             };
                         } | {
                             type: string;
@@ -1088,6 +1169,87 @@ export declare const schemasForCustom: {
                             type: string;
                         })[];
                     };
+                    fullscreen: {
+                        type: string;
+                    };
+                    analyticsEvents: {
+                        anyOf: ({
+                            type: string;
+                            additionalProperties: {
+                                type: string;
+                            };
+                            required: string[];
+                            properties: {
+                                name: {
+                                    type: string;
+                                };
+                                type: {
+                                    type: string;
+                                };
+                                counters: {
+                                    type: string;
+                                    additionalProperties: boolean;
+                                    required: never[];
+                                    properties: {
+                                        include: {
+                                            type: string;
+                                            items: {
+                                                type: string;
+                                            };
+                                        };
+                                        exclude: {
+                                            type: string;
+                                            items: {
+                                                type: string;
+                                            };
+                                        };
+                                    };
+                                };
+                                context: {
+                                    type: string;
+                                };
+                            };
+                        } | {
+                            type: string;
+                            items: {
+                                type: string;
+                                additionalProperties: {
+                                    type: string;
+                                };
+                                required: string[];
+                                properties: {
+                                    name: {
+                                        type: string;
+                                    };
+                                    type: {
+                                        type: string;
+                                    };
+                                    counters: {
+                                        type: string;
+                                        additionalProperties: boolean;
+                                        required: never[];
+                                        properties: {
+                                            include: {
+                                                type: string;
+                                                items: {
+                                                    type: string;
+                                                };
+                                            };
+                                            exclude: {
+                                                type: string;
+                                                items: {
+                                                    type: string;
+                                                };
+                                            };
+                                        };
+                                    };
+                                    context: {
+                                        type: string;
+                                    };
+                                };
+                            };
+                        })[];
+                    };
                     paddingTop: {
                         type: string;
                         enum: string[];

package/build/cjs/utils/common.js

@@ -13,8 +13,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.scrollOnPageChange = exports.getFeedQueryParams = exports.getBlogElementMetrika = exports.isMetrikaExist = exports.getBreadcrumbs = exports.getBlogPath = exports.updateContentSizes = exports.getTagFilterUrl = exports.postLikeStatus = exports.getTags = exports.scrollToHash = exports.getPageSearchParams = exports.getAbsolutePath = void 0;
 const url_1 = require("url");
-const lodash_1 = require("lodash");
 const page_constructor_1 = require("@gravity-ui/page-constructor");
+const lodash_1 = require("lodash");
 const constants_1 = require("../blocks/constants");
 const i18n_1 = require("../i18n");
 function getAbsolutePath(router, url) {