@gravity-ui/blog-constructor 7.0.0-alpha.2 → 7.0.0-beta.1

package/build/cjs/components/Paginator/Paginator.js

@@ -2,31 +2,32 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Paginator = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
 const page_constructor_1 = require("@gravity-ui/page-constructor");
-const constants_1 = require("../../constants");
-const utils_1 = require("../../counters/utils");
-const common_1 = require("../../models/common");
-const cn_1 = require("../../utils/cn");
-const NavigationButton_1 = require("./components/NavigationButton");
-const PaginatorItem_1 = require("./components/PaginatorItem");
-const types_1 = require("./types");
-const utils_2 = require("./utils");
-const common_2 = require("../../utils/common");
+const constants_1 = require("../../constants.js");
+const utils_1 = require("../../counters/utils.js");
+const common_1 = require("../../models/common.js");
+const cn_1 = require("../../utils/cn.js");
+const NavigationButton_1 = require("./components/NavigationButton.js");
+const PaginatorItem_1 = require("./components/PaginatorItem.js");
+const types_1 = require("./types.js");
+const utils_2 = require("./utils.js");
+const common_2 = require("../../utils/common.js");
 const lodash_1 = tslib_1.__importDefault(require("lodash"));
 const b = (0, cn_1.block)('paginator');
 const DEFAULT_PAGE_COUNT_FOR_SHOW_SUPPORT_BUTTONS = 6;
 const Paginator = ({ itemsPerPage, totalItems, maxPages, page, className, onPageChange, queryParams, pageCountForShowSupportButtons = DEFAULT_PAGE_COUNT_FOR_SHOW_SUPPORT_BUTTONS, }) => {
-    const [pagesCount, setPagesCount] = (0, react_1.useState)((0, utils_2.getPagesCount)({ itemsPerPage, totalItems, maxPages }));
-    const nonPagedQuery = (0, react_1.useMemo)(() => {
+    const [pagesCount, setPagesCount] = React.useState((0, utils_2.getPagesCount)({ itemsPerPage, totalItems, maxPages }));
+    const nonPagedQuery = React.useMemo(() => {
         return lodash_1.default.omit(queryParams, ['page']);
     }, [queryParams]);
-    (0, react_1.useEffect)(() => {
+    React.useEffect(() => {
         const count = (0, utils_2.getPagesCount)({ itemsPerPage, totalItems, maxPages });
         setPagesCount(count);
     }, [itemsPerPage, totalItems, maxPages]);
     const handlePageChange = (pageIndex) => onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(pageIndex);
-    const isShowSupportButtons = (0, react_1.useMemo)(() => pagesCount > pageCountForShowSupportButtons, [pageCountForShowSupportButtons, pagesCount]);
+    const isShowSupportButtons = React.useMemo(() => pagesCount > pageCountForShowSupportButtons, [pageCountForShowSupportButtons, pagesCount]);
     const handleAnalyticsHome = (0, page_constructor_1.useAnalytics)(common_1.DefaultEventNames.PaginatorHome);
     const handleAnalyticsNext = (0, page_constructor_1.useAnalytics)(common_1.DefaultEventNames.PaginatorNext);
     const handleAnalyticsPage = (0, page_constructor_1.useAnalytics)(common_1.DefaultEventNames.PaginatorPage);
@@ -79,7 +80,7 @@ const Paginator = ({ itemsPerPage, totalItems, maxPages, page, className, onPage
             mods: { type: types_1.ArrowType.Prev },
             onClick: handleArrowClick,
             index: 0,
-            content: react_1.default.createElement(NavigationButton_1.NavigationButton, { arrowType: types_1.ArrowType.Prev }),
+            content: (0, jsx_runtime_1.jsx)(NavigationButton_1.NavigationButton, { arrowType: types_1.ArrowType.Prev }),
         });
     }
     if (page < pagesCount && isShowSupportButtons) {
@@ -90,23 +91,18 @@ const Paginator = ({ itemsPerPage, totalItems, maxPages, page, className, onPage
             mods: { type: types_1.ArrowType.Next },
             index: page + 1,
             onClick: handleArrowClick,
-            content: react_1.default.createElement(NavigationButton_1.NavigationButton, { arrowType: types_1.ArrowType.Next }),
+            content: (0, jsx_runtime_1.jsx)(NavigationButton_1.NavigationButton, { arrowType: types_1.ArrowType.Next }),
         });
     }
     const renderPaginatorItem = (item) => {
         const { key } = item, rest = tslib_1.__rest(item, ["key"]);
-        return react_1.default.createElement(PaginatorItem_1.PaginatorItem, Object.assign({ key: `page_${key}` }, rest));
+        return (0, jsx_runtime_1.jsx)(PaginatorItem_1.PaginatorItem, Object.assign({}, rest), `page_${key}`);
     };
-    return (react_1.default.createElement("div", { className: b('pagination') },
-        page > 1 && (react_1.default.createElement("div", { className: b('pagination-block') },
-            react_1.default.createElement("ul", { className: b(null, className) }, paginatorItems.slice(0, 1).map(renderPaginatorItem)))),
-        react_1.default.createElement("div", { className: b('pagination-block') },
-            react_1.default.createElement("ul", { className: b(null, className) }, paginatorItems
-                .slice(page > 1 ? 1 : 0, page < pagesCount ? paginatorItems.length - 1 : paginatorItems.length)
-                .map(renderPaginatorItem))),
-        page < pagesCount && (react_1.default.createElement("div", { className: b('pagination-block') },
-            react_1.default.createElement("ul", { className: b(null, className) }, paginatorItems
-                .slice(paginatorItems.length - 1, paginatorItems.length)
-                .map(renderPaginatorItem))))));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: b('pagination'), children: [page > 1 && ((0, jsx_runtime_1.jsx)("div", { className: b('pagination-block'), children: (0, jsx_runtime_1.jsx)("ul", { className: b(null, className), children: paginatorItems.slice(0, 1).map(renderPaginatorItem) }) })), (0, jsx_runtime_1.jsx)("div", { className: b('pagination-block'), children: (0, jsx_runtime_1.jsx)("ul", { className: b(null, className), children: paginatorItems
+                        .slice(page > 1 ? 1 : 0, page < pagesCount ? paginatorItems.length - 1 : paginatorItems.length)
+                        .map(renderPaginatorItem) }) }), page < pagesCount && ((0, jsx_runtime_1.jsx)("div", { className: b('pagination-block'), children: (0, jsx_runtime_1.jsx)("ul", { className: b(null, className), children: paginatorItems
+                        .slice(paginatorItems.length - 1, paginatorItems.length)
+                        .map(renderPaginatorItem) }) }))] }));
 };
-exports.Paginator = Paginator;
+exports.Paginator = Paginator;
+//# sourceMappingURL=Paginator.js.map

package/build/cjs/components/Paginator/Paginator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Paginator.js","sourceRoot":"../../../../src","sources":["components/Paginator/Paginator.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {useAnalytics} from '@gravity-ui/page-constructor';\n\nimport {DefaultGoalIds} from '../../constants';\nimport {AnalyticsCounter} from '../../counters/utils';\nimport {DefaultEventNames} from '../../models/common';\nimport {block} from '../../utils/cn';\n\nimport {NavigationButton} from './components/NavigationButton';\nimport {PaginatorItem} from './components/PaginatorItem';\nimport {ArrowType, PaginatorItemProps, PaginatorProps} from './types';\nimport {getPageConfigs, getPagesCount} from './utils';\nimport {prepareAnalyticsEvent} from '../../utils/common';\n\nimport _ from 'lodash';\n\nimport './Paginator.scss';\n\nconst b = block('paginator');\n\nconst DEFAULT_PAGE_COUNT_FOR_SHOW_SUPPORT_BUTTONS = 6;\n\nexport const Paginator = ({\n    itemsPerPage,\n    totalItems,\n    maxPages,\n    page,\n    className,\n    onPageChange,\n    queryParams,\n    pageCountForShowSupportButtons = DEFAULT_PAGE_COUNT_FOR_SHOW_SUPPORT_BUTTONS,\n}: PaginatorProps) => {\n    const [pagesCount, setPagesCount] = React.useState(\n        getPagesCount({itemsPerPage, totalItems, maxPages}),\n    );\n\n    const nonPagedQuery = React.useMemo(() => {\n        return _.omit(queryParams, ['page']);\n    }, [queryParams]);\n\n    React.useEffect(() => {\n        const count = getPagesCount({itemsPerPage, totalItems, maxPages});\n        setPagesCount(count);\n    }, [itemsPerPage, totalItems, maxPages]);\n\n    const handlePageChange = (pageIndex: number) => onPageChange?.(pageIndex);\n\n    const isShowSupportButtons = React.useMemo(\n        () => pagesCount > pageCountForShowSupportButtons,\n        [pageCountForShowSupportButtons, pagesCount],\n    );\n\n    const handleAnalyticsHome = useAnalytics(DefaultEventNames.PaginatorHome);\n    const handleAnalyticsNext = useAnalytics(DefaultEventNames.PaginatorNext);\n    const handleAnalyticsPage = useAnalytics(DefaultEventNames.PaginatorPage);\n\n    if (pagesCount <= 1) {\n        return null;\n    }\n\n    const handleArrowClick = (type: ArrowType | number) => {\n        let newPage = page;\n\n        if (type === 'prev' && page > 1) {\n            const event = prepareAnalyticsEvent({\n                name: DefaultGoalIds.home,\n                counter: AnalyticsCounter.CrossSite,\n            });\n            handleAnalyticsHome(event);\n            newPage = 1;\n        } else if (type === 'next' && page < pagesCount) {\n            const event = prepareAnalyticsEvent({\n                name: DefaultGoalIds.next,\n                counter: AnalyticsCounter.CrossSite,\n            });\n            handleAnalyticsNext(event);\n            newPage = page + 1;\n        }\n\n        if (newPage !== page) {\n            handlePageChange(newPage);\n        }\n    };\n\n    const handlePageClick = (index: number | ArrowType) => {\n        if (index !== page && typeof index === 'number') {\n            const event = prepareAnalyticsEvent({\n                name: DefaultGoalIds.page,\n                counter: AnalyticsCounter.CrossSite,\n            });\n            handleAnalyticsPage(event, {page: String(index)});\n            handlePageChange(index);\n        }\n    };\n\n    const paginatorItems = getPageConfigs({\n        page,\n        pagesCount,\n        queryParams: nonPagedQuery,\n        handlePageClick,\n    });\n\n    if (page > 1 && isShowSupportButtons) {\n        paginatorItems.unshift({\n            key: ArrowType.Prev,\n            dataKey: ArrowType.Prev,\n            queryParams: nonPagedQuery,\n            mods: {type: ArrowType.Prev},\n            onClick: handleArrowClick,\n            index: 0,\n            content: <NavigationButton arrowType={ArrowType.Prev} />,\n        });\n    }\n\n    if (page < pagesCount && isShowSupportButtons) {\n        paginatorItems.push({\n            key: ArrowType.Next,\n            queryParams: nonPagedQuery,\n            dataKey: ArrowType.Next,\n            mods: {type: ArrowType.Next},\n            index: page + 1,\n            onClick: handleArrowClick,\n            content: <NavigationButton arrowType={ArrowType.Next} />,\n        });\n    }\n\n    const renderPaginatorItem = (item: PaginatorItemProps) => {\n        const {key, ...rest} = item;\n        return <PaginatorItem key={`page_${key}`} {...rest} />;\n    };\n\n    return (\n        <div className={b('pagination')}>\n            {page > 1 && (\n                <div className={b('pagination-block')}>\n                    <ul className={b(null, className)}>\n                        {paginatorItems.slice(0, 1).map(renderPaginatorItem)}\n                    </ul>\n                </div>\n            )}\n            <div className={b('pagination-block')}>\n                <ul className={b(null, className)}>\n                    {paginatorItems\n                        .slice(\n                            page > 1 ? 1 : 0,\n                            page < pagesCount ? paginatorItems.length - 1 : paginatorItems.length,\n                        )\n                        .map(renderPaginatorItem)}\n                </ul>\n            </div>\n            {page < pagesCount && (\n                <div className={b('pagination-block')}>\n                    <ul className={b(null, className)}>\n                        {paginatorItems\n                            .slice(paginatorItems.length - 1, paginatorItems.length)\n                            .map(renderPaginatorItem)}\n                    </ul>\n                </div>\n            )}\n        </div>\n    );\n};\n"]}

package/build/cjs/components/Paginator/components/NavigationButton.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
-import { ArrowType } from '../types';
+import { ArrowType } from "../types.js";
 export type NavigationButtonProps = {
     arrowType: ArrowType;
     disabled?: boolean;
 };
-export declare const NavigationButton: ({ arrowType, disabled }: NavigationButtonProps) => React.JSX.Element | null;
+export declare const NavigationButton: ({ arrowType, disabled }: NavigationButtonProps) => import("react/jsx-runtime").JSX.Element | null;

package/build/cjs/components/Paginator/components/NavigationButton.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NavigationButton = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const i18n_1 = require("../../../i18n");
-const cn_1 = require("../../../utils/cn");
-const types_1 = require("../types");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const i18n_1 = require("../../../i18n/index.js");
+const cn_1 = require("../../../utils/cn.js");
+const types_1 = require("../types.js");
 const b = (0, cn_1.block)('paginator');
-const NavigationButton = ({ arrowType, disabled }) => disabled ? null : (react_1.default.createElement("div", { className: b('icon') }, arrowType === types_1.ArrowType.Prev ? (0, i18n_1.i18n)(i18n_1.Keyset.ButtonBegin) : (0, i18n_1.i18n)(i18n_1.Keyset.ButtonFarther)));
-exports.NavigationButton = NavigationButton;
+const NavigationButton = ({ arrowType, disabled }) => disabled ? null : ((0, jsx_runtime_1.jsx)("div", { className: b('icon'), children: arrowType === types_1.ArrowType.Prev ? (0, i18n_1.i18n)(i18n_1.Keyset.ButtonBegin) : (0, i18n_1.i18n)(i18n_1.Keyset.ButtonFarther) }));
+exports.NavigationButton = NavigationButton;
+//# sourceMappingURL=NavigationButton.js.map

package/build/cjs/components/Paginator/components/NavigationButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationButton.js","sourceRoot":"../../../../../src","sources":["components/Paginator/components/NavigationButton.tsx"],"names":[],"mappings":";;;;AAAA,iDAA2C;AAC3C,6CAAwC;AACxC,uCAAmC;AAInC,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,WAAW,CAAC,CAAC;AAOtB,MAAM,gBAAgB,GAAG,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAwB,EAAE,EAAE,CAC7E,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACd,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACpB,SAAS,KAAK,iBAAS,CAAC,IAAI,CAAC,CAAC,CAAC,IAAA,WAAI,EAAC,aAAM,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,IAAA,WAAI,EAAC,aAAM,CAAC,aAAa,CAAC,GACnF,CACT,CAAC;AALO,QAAA,gBAAgB,oBAKvB","sourcesContent":["import {Keyset, i18n} from '../../../i18n';\nimport {block} from '../../../utils/cn';\nimport {ArrowType} from '../types';\n\nimport '../Paginator.scss';\n\nconst b = block('paginator');\n\nexport type NavigationButtonProps = {\n    arrowType: ArrowType;\n    disabled?: boolean;\n};\n\nexport const NavigationButton = ({arrowType, disabled}: NavigationButtonProps) =>\n    disabled ? null : (\n        <div className={b('icon')}>\n            {arrowType === ArrowType.Prev ? i18n(Keyset.ButtonBegin) : i18n(Keyset.ButtonFarther)}\n        </div>\n    );\n"]}

package/build/cjs/components/Paginator/components/PaginatorItem.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
-import { PaginatorItemProps } from '../types';
-export declare const PaginatorItem: ({ dataKey, mods, content, queryParams, onClick, loading, index, }: PaginatorItemProps) => React.JSX.Element;
+import { PaginatorItemProps } from "../types.js";
+export declare const PaginatorItem: ({ dataKey, mods, content, queryParams, onClick, loading, index, }: PaginatorItemProps) => import("react/jsx-runtime").JSX.Element;

package/build/cjs/components/Paginator/components/PaginatorItem.js

@@ -2,30 +2,32 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PaginatorItem = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
-const LocaleContext_1 = require("../../../contexts/LocaleContext");
-const SettingsContext_1 = require("../../../contexts/SettingsContext");
-const cn_1 = require("../../../utils/cn");
-const common_1 = require("../../../utils/common");
+const LocaleContext_1 = require("../../../contexts/LocaleContext.js");
+const SettingsContext_1 = require("../../../contexts/SettingsContext.js");
+const cn_1 = require("../../../utils/cn.js");
+const common_1 = require("../../../utils/common.js");
 const b = (0, cn_1.block)('paginator');
 const PaginatorItem = ({ dataKey, mods, content, queryParams, onClick, loading = false, index, }) => {
-    const { locale } = (0, react_1.useContext)(LocaleContext_1.LocaleContext);
-    const { addNavigationLinkForPages, getBlogPath = common_1.getBlogPath } = (0, react_1.useContext)(SettingsContext_1.SettingsContext);
+    const { locale } = React.useContext(LocaleContext_1.LocaleContext);
+    const { addNavigationLinkForPages, getBlogPath = common_1.getBlogPath } = React.useContext(SettingsContext_1.SettingsContext);
     const urlPath = getBlogPath((locale === null || locale === void 0 ? void 0 : locale.pathPrefix) || '');
     const itemKey = Number(dataKey) > 0 ? Number(dataKey) : dataKey;
-    const navigationLink = (0, react_1.useMemo)(() => {
+    const navigationLink = React.useMemo(() => {
         const queryString = Object.entries(Object.assign(Object.assign({}, (index > 1 ? { page: index } : undefined)), queryParams))
             .map(([param, value]) => `${param}=${value}`)
             .join('&');
         return queryString ? `${urlPath}?${queryString}` : urlPath;
     }, [queryParams, index, urlPath]);
-    const handleClick = (0, react_1.useCallback)((event) => {
+    const handleClick = React.useCallback((event) => {
         if (addNavigationLinkForPages && (event.metaKey || event.ctrlKey)) {
             return;
         }
         onClick === null || onClick === void 0 ? void 0 : onClick(itemKey);
     }, [addNavigationLinkForPages, itemKey, onClick]);
-    return (react_1.default.createElement(uikit_1.Button, { view: "flat", size: "xl", className: b('item', mods), onClick: handleClick, href: addNavigationLinkForPages ? navigationLink : undefined, loading: loading && Boolean(mods.active) }, content));
+    return ((0, jsx_runtime_1.jsx)(uikit_1.Button, { view: "flat", size: "xl", className: b('item', mods), onClick: handleClick, href: addNavigationLinkForPages ? navigationLink : undefined, loading: loading && Boolean(mods.active), children: content }));
 };
-exports.PaginatorItem = PaginatorItem;
+exports.PaginatorItem = PaginatorItem;
+//# sourceMappingURL=PaginatorItem.js.map

package/build/cjs/components/Paginator/components/PaginatorItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginatorItem.js","sourceRoot":"../../../../../src","sources":["components/Paginator/components/PaginatorItem.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,6CAAyC;AAEzC,sEAA8D;AAC9D,0EAAkE;AAClE,6CAAwC;AACxC,qDAAwE;AAKxE,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,WAAW,CAAC,CAAC;AAEtB,MAAM,aAAa,GAAG,CAAC,EAC1B,OAAO,EACP,IAAI,EACJ,OAAO,EACP,WAAW,EACX,OAAO,EACP,OAAO,GAAG,KAAK,EACf,KAAK,GACY,EAAE,EAAE;IACrB,MAAM,EAAC,MAAM,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,6BAAa,CAAC,CAAC;IACjD,MAAM,EAAC,yBAAyB,EAAE,WAAW,GAAG,oBAAkB,EAAC,GAC/D,KAAK,CAAC,UAAU,CAAC,iCAAe,CAAC,CAAC;IACtC,MAAM,OAAO,GAAG,WAAW,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,KAAI,EAAE,CAAC,CAAC;IAEtD,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAE,OAAqB,CAAC;IAC/E,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACtC,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,iCAC3B,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,EAAC,IAAI,EAAE,KAAK,EAAC,CAAC,CAAC,CAAC,SAAS,CAAC,GACvC,WAAW,EAChB;aACG,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,GAAG,KAAK,IAAI,KAAK,EAAE,CAAC;aAC5C,IAAI,CAAC,GAAG,CAAC,CAAC;QACf,OAAO,WAAW,CAAC,CAAC,CAAC,GAAG,OAAO,IAAI,WAAW,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;IAC/D,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;IAElC,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAGjC,CAAC,KAAK,EAAE,EAAE;QACN,IAAI,yBAAyB,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC;YAChE,OAAO;QACX,CAAC;QAED,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,OAAO,CAAC,CAAC;IACvB,CAAC,EACD,CAAC,yBAAyB,EAAE,OAAO,EAAE,OAAO,CAAC,CAChD,CAAC;IAEF,OAAO,CACH,uBAAC,cAAM,IACH,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,IAAI,EACT,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,EAC1B,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,yBAAyB,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,EAC5D,OAAO,EAAE,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,YAEvC,OAAO,GACH,CACZ,CAAC;AACN,CAAC,CAAC;AAlDW,QAAA,aAAa,iBAkDxB","sourcesContent":["import * as React from 'react';\n\nimport {Button} from '@gravity-ui/uikit';\n\nimport {LocaleContext} from '../../../contexts/LocaleContext';\nimport {SettingsContext} from '../../../contexts/SettingsContext';\nimport {block} from '../../../utils/cn';\nimport {getBlogPath as getDefaultBlogPath} from '../../../utils/common';\nimport {ArrowType, PaginatorItemProps} from '../types';\n\nimport '../Paginator.scss';\n\nconst b = block('paginator');\n\nexport const PaginatorItem = ({\n    dataKey,\n    mods,\n    content,\n    queryParams,\n    onClick,\n    loading = false,\n    index,\n}: PaginatorItemProps) => {\n    const {locale} = React.useContext(LocaleContext);\n    const {addNavigationLinkForPages, getBlogPath = getDefaultBlogPath} =\n        React.useContext(SettingsContext);\n    const urlPath = getBlogPath(locale?.pathPrefix || '');\n\n    const itemKey = Number(dataKey) > 0 ? Number(dataKey) : (dataKey as ArrowType);\n    const navigationLink = React.useMemo(() => {\n        const queryString = Object.entries({\n            ...(index > 1 ? {page: index} : undefined),\n            ...queryParams,\n        })\n            .map(([param, value]) => `${param}=${value}`)\n            .join('&');\n        return queryString ? `${urlPath}?${queryString}` : urlPath;\n    }, [queryParams, index, urlPath]);\n\n    const handleClick = React.useCallback<\n        (event: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement, MouseEvent>) => void\n    >(\n        (event) => {\n            if (addNavigationLinkForPages && (event.metaKey || event.ctrlKey)) {\n                return;\n            }\n\n            onClick?.(itemKey);\n        },\n        [addNavigationLinkForPages, itemKey, onClick],\n    );\n\n    return (\n        <Button\n            view=\"flat\"\n            size=\"xl\"\n            className={b('item', mods)}\n            onClick={handleClick}\n            href={addNavigationLinkForPages ? navigationLink : undefined}\n            loading={loading && Boolean(mods.active)}\n        >\n            {content}\n        </Button>\n    );\n};\n"]}

package/build/cjs/components/Paginator/types.d.ts

@@ -1,11 +1,11 @@
-import type { ReactNode } from 'react';
+import * as React from 'react';
 import type { NoStrictEntityMods } from '@bem-react/classname';
-import type { ClassNameProps, Query } from '../../models/common';
+import type { ClassNameProps, Query } from "../../models/common.js";
 export interface PaginatorItemProps {
     key: string | ArrowType;
     dataKey: string | ArrowType;
     mods: NoStrictEntityMods;
-    content: ReactNode;
+    content: React.ReactNode;
     queryParams: Query;
     onClick?: (key: number | ArrowType) => void;
     loading?: boolean;

package/build/cjs/components/Paginator/types.js

@@ -5,4 +5,5 @@ var ArrowType;
 (function (ArrowType) {
     ArrowType["Prev"] = "prev";
     ArrowType["Next"] = "next";
-})(ArrowType = exports.ArrowType || (exports.ArrowType = {}));
+})(ArrowType || (exports.ArrowType = ArrowType = {}));
+//# sourceMappingURL=types.js.map

package/build/cjs/components/Paginator/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"../../../../src","sources":["components/Paginator/types.ts"],"names":[],"mappings":";;;AA2BA,IAAY,SAGX;AAHD,WAAY,SAAS;IACjB,0BAAa,CAAA;IACb,0BAAa,CAAA;AACjB,CAAC,EAHW,SAAS,yBAAT,SAAS,QAGpB","sourcesContent":["import * as React from 'react';\n\nimport type {NoStrictEntityMods} from '@bem-react/classname';\n\nimport type {ClassNameProps, Query} from '../../models/common';\n\nexport interface PaginatorItemProps {\n    key: string | ArrowType;\n    dataKey: string | ArrowType;\n    mods: NoStrictEntityMods;\n    content: React.ReactNode;\n    queryParams: Query;\n    onClick?: (key: number | ArrowType) => void;\n    loading?: boolean;\n    index: number;\n}\n\nexport type PaginatorProps = {\n    page: number;\n    totalItems: number;\n    itemsPerPage: number;\n    maxPages: number;\n    onPageChange: (page: number) => void;\n    pageCountForShowSupportButtons?: number;\n    queryParams: Query;\n} & ClassNameProps;\n\nexport enum ArrowType {\n    Prev = 'prev',\n    Next = 'next',\n}\n\nexport type GetPageConfigParams = {\n    page: number;\n    pagesCount: number;\n    queryParams: Query;\n    handlePageClick: (key: number | ArrowType) => void;\n};\n"]}

package/build/cjs/components/Paginator/utils.d.ts

@@ -1,3 +1,3 @@
-import { GetPageConfigParams, PaginatorItemProps, PaginatorProps } from './types';
+import { GetPageConfigParams, PaginatorItemProps, PaginatorProps } from "./types.js";
 export declare const getPageConfigs: ({ page, queryParams, pagesCount, handlePageClick, }: GetPageConfigParams) => PaginatorItemProps[];
-export declare const getPagesCount: (props: Pick<PaginatorProps, 'totalItems' | 'itemsPerPage' | 'maxPages'>) => number;
+export declare const getPagesCount: (props: Pick<PaginatorProps, "totalItems" | "itemsPerPage" | "maxPages">) => number;

package/build/cjs/components/Paginator/utils.js

@@ -31,4 +31,5 @@ const getPagesCount = (props) => {
     const totalPages = Math.ceil(props.totalItems / props.itemsPerPage);
     return Math.min(totalPages, props.maxPages);
 };
-exports.getPagesCount = getPagesCount;
+exports.getPagesCount = getPagesCount;
+//# sourceMappingURL=utils.js.map

package/build/cjs/components/Paginator/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"../../../../src","sources":["components/Paginator/utils.ts"],"names":[],"mappings":";;;AAEA,MAAM,iBAAiB,GAAG,CAAC,CAAC;AAErB,MAAM,cAAc,GAAG,CAAC,EAC3B,IAAI,EACJ,WAAW,EACX,UAAU,EACV,eAAe,GACG,EAAE,EAAE;IACtB,MAAM,cAAc,GAA8B,EAAE,CAAC;IACrD,sDAAsD;IACtD,MAAM,UAAU,GAAG,CAAC,iBAAiB,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;IAC/C,IAAI,SAAS,GAAG,IAAI,GAAG,UAAU,CAAC;IAClC,IAAI,OAAO,GAAG,IAAI,GAAG,UAAU,CAAC;IAEhC,IAAI,SAAS,GAAG,CAAC,EAAE,CAAC;QAChB,OAAO,GAAG,IAAI,GAAG,UAAU,GAAG,SAAS,GAAG,CAAC,CAAC;QAC5C,SAAS,GAAG,CAAC,CAAC;IAClB,CAAC;IAED,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;IAExC,KAAK,IAAI,CAAC,GAAG,SAAS,EAAE,CAAC,IAAI,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC;QACxC,cAAc,CAAC,IAAI,CAAC;YAChB,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;YACd,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;YAClB,KAAK,EAAE,CAAC;YACR,IAAI,EAAE,EAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,KAAK,CAAC,EAAC;YACxC,WAAW;YACX,OAAO,EAAE,eAAe;YACxB,OAAO,EAAE,CAAC;SACb,CAAC,CAAC;IACP,CAAC;IAED,OAAO,cAAc,CAAC;AAC1B,CAAC,CAAC;AAhCW,QAAA,cAAc,kBAgCzB;AAEK,MAAM,aAAa,GAAG,CACzB,KAAuE,EACzE,EAAE;IACA,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC;IAEpE,OAAO,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;AAChD,CAAC,CAAC;AANW,QAAA,aAAa,iBAMxB","sourcesContent":["import {GetPageConfigParams, PaginatorItemProps, PaginatorProps} from './types';\n\nconst MAX_VISIBLE_PAGES = 5;\n\nexport const getPageConfigs = ({\n    page,\n    queryParams,\n    pagesCount,\n    handlePageClick,\n}: GetPageConfigParams) => {\n    const paginatorItems: Array<PaginatorItemProps> = [];\n    // it is calculating the middle of visible pages below\n    const pageOffset = (MAX_VISIBLE_PAGES - 1) / 2;\n    let startPage = page - pageOffset;\n    let endPage = page + pageOffset;\n\n    if (startPage < 1) {\n        endPage = page + pageOffset - startPage + 1;\n        startPage = 1;\n    }\n\n    endPage = Math.min(endPage, pagesCount);\n\n    for (let i = startPage; i <= endPage; i++) {\n        paginatorItems.push({\n            key: String(i),\n            dataKey: String(i),\n            index: i,\n            mods: {type: 'page', active: page === i},\n            queryParams,\n            onClick: handlePageClick,\n            content: i,\n        });\n    }\n\n    return paginatorItems;\n};\n\nexport const getPagesCount = (\n    props: Pick<PaginatorProps, 'totalItems' | 'itemsPerPage' | 'maxPages'>,\n) => {\n    const totalPages = Math.ceil(props.totalItems / props.itemsPerPage);\n\n    return Math.min(totalPages, props.maxPages);\n};\n"]}

package/build/cjs/components/PostCard/PostCard.css

@@ -1,4 +1,4 @@
-.bc-post-card__title_size_m.bc-post-card__title_size_m, .bc-post-card__title_size_s.bc-post-card__title_size_s {
+.bc-post-card__title_size_m, .bc-post-card__title_size_s {
   margin: 0;
 }
 
@@ -27,28 +27,27 @@ unpredictable css rules order in build */
     min-height: 480px;
   }
 }
-.bc-post-card__title_size_s.bc-post-card__title_size_s {
+.bc-post-card__title {
+  margin-bottom: 8px;
+}
+.bc-post-card__title_size_s {
   font-size: var(--g-text-header-1-font-size);
   line-height: var(--g-text-header-1-line-height);
   color: var(--pc-text-header-color);
   font-weight: var(--g-text-accent-font-weight);
-  margin-bottom: 8px;
 }
-
-.bc-post-card__title_size_m.bc-post-card__title_size_m {
+.bc-post-card__title_size_m {
   font-size: var(--g-text-display-2-font-size);
   line-height: var(--g-text-display-2-line-height);
   color: var(--pc-text-header-color);
   font-weight: var(--g-text-accent-font-weight);
-  margin-bottom: 8px;
 }
 @media (max-width: 576px) {
-  .bc-post-card__title_size_m.bc-post-card__title_size_m {
+  .bc-post-card__title_size_m {
     font-size: var(--g-text-display-1-font-size);
     line-height: var(--g-text-display-1-line-height);
   }
 }
-
 .bc-post-card__image-container {
   height: 156px;
 }

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

@@ -1,6 +1,5 @@
-import React from 'react';
 import { AnalyticsEventsProp } from '@gravity-ui/page-constructor';
-import { PostCardSize, PostCardTitleHeadingLevel, PostData } from '../../models/common';
+import { PostCardSize, PostCardTitleHeadingLevel, PostData } from "../../models/common.js";
 type PostCardProps = {
     post: PostData;
     fullWidth?: boolean;
@@ -9,5 +8,5 @@ type PostCardProps = {
     titleHeadingLevel?: PostCardTitleHeadingLevel;
     analyticsEvents?: AnalyticsEventsProp;
 };
-export declare const PostCard: ({ post, fullWidth, size, showTag, titleHeadingLevel, analyticsEvents, }: PostCardProps) => React.JSX.Element;
+export declare const PostCard: ({ post, fullWidth, size, showTag, titleHeadingLevel, analyticsEvents, }: PostCardProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/build/cjs/components/PostCard/PostCard.js

@@ -2,21 +2,22 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PostCard = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
 const page_constructor_1 = require("@gravity-ui/page-constructor");
 const uikit_1 = require("@gravity-ui/uikit");
-const LikesContext_1 = require("../../contexts/LikesContext");
-const common_1 = require("../../models/common");
-const cn_1 = require("../../utils/cn");
-const SuggestPostInfo_1 = require("../PostInfo/SuggestPostInfo");
-const useAriaAttributes_1 = require("../../hooks/useAriaAttributes");
+const LikesContext_1 = require("../../contexts/LikesContext.js");
+const common_1 = require("../../models/common.js");
+const cn_1 = require("../../utils/cn.js");
+const SuggestPostInfo_1 = require("../PostInfo/SuggestPostInfo.js");
+const useAriaAttributes_1 = require("../../hooks/useAriaAttributes.js");
 const b = (0, cn_1.block)('post-card');
 const PostCard = ({ post, fullWidth = false, size = common_1.PostCardSize.SMALL, showTag = false, titleHeadingLevel = common_1.PostCardTitleHeadingLevel.H3, analyticsEvents, }) => {
     var _a;
     const { title: postTitle, htmlTitle, textTitle, blogPostId, id, date, readingTime, hasUserLike, likes, image, description, tags, url, } = post;
     const title = postTitle || textTitle || htmlTitle;
-    const { toggleLike, hasLikes } = (0, react_1.useContext)(LikesContext_1.LikesContext);
-    const likesProps = (0, react_1.useMemo)(() => hasLikes
+    const { toggleLike, hasLikes } = React.useContext(LikesContext_1.LikesContext);
+    const likesProps = React.useMemo(() => hasLikes
         ? {
             hasUserLike,
             likesCount: likes,
@@ -37,20 +38,11 @@ const PostCard = ({ post, fullWidth = false, size = common_1.PostCardSize.SMALL,
             readingTime && readingTimeId,
         ],
     });
-    return (react_1.default.createElement(page_constructor_1.CardBase, { url: url, analyticsEvents: analyticsEvents, className: b('card', { fullWidth }), extraProps: ariaAttributes },
-        react_1.default.createElement(page_constructor_1.CardBase.Header, { image: image, className: b('header', { fullWidth }) },
-            react_1.default.createElement("div", { className: b('image-container'), "data-qa": "blog-suggest-header" })),
-        react_1.default.createElement(page_constructor_1.CardBase.Content, null,
-            isTagVisible && (react_1.default.createElement("div", { id: tagId, className: b('tag', { size }) }, tags[0].name)),
-            title && (react_1.default.createElement(page_constructor_1.YFMWrapper, { contentClassName: b('title', { size }), content: title, modifiers: {
-                    blog: true,
-                    blogCard: true,
-                }, id: titleId, tagName: titleHeadingLevel })),
-            description && (react_1.default.createElement(page_constructor_1.YFMWrapper, { contentClassName: b('description'), content: description, modifiers: {
-                    blog: size === 'm',
-                    blogCard: true,
-                }, id: descriptionId }))),
-        react_1.default.createElement(page_constructor_1.CardBase.Footer, null,
-            react_1.default.createElement(SuggestPostInfo_1.SuggestPostInfo, { postId: blogPostId || id, date: date, readingTime: readingTime, hasUserLike: hasUserLike, likes: likesProps, size: size, qa: "blog-suggest-block", dateId: dateId, readingTimeId: readingTimeId }))));
+    return ((0, jsx_runtime_1.jsxs)(page_constructor_1.CardBase, { url: url, analyticsEvents: analyticsEvents, className: b('card', { fullWidth }), extraProps: ariaAttributes, children: [(0, jsx_runtime_1.jsx)(page_constructor_1.CardBase.Header, { image: image, className: b('header', { fullWidth }), children: (0, jsx_runtime_1.jsx)("div", { className: b('image-container'), "data-qa": "blog-suggest-header" }) }), (0, jsx_runtime_1.jsxs)(page_constructor_1.CardBase.Content, { children: [isTagVisible && ((0, jsx_runtime_1.jsx)("div", { id: tagId, className: b('tag', { size }), children: tags[0].name })), title &&
+                        React.createElement(titleHeadingLevel, { className: b('title', { size }) }, (0, jsx_runtime_1.jsx)("span", { children: (0, jsx_runtime_1.jsx)(page_constructor_1.HTML, { id: titleId, children: title }) })), description && ((0, jsx_runtime_1.jsx)(page_constructor_1.YFMWrapper, { className: b('description'), content: description, modifiers: {
+                            blog: size === 'm',
+                            blogCard: true,
+                        }, id: descriptionId }))] }), (0, jsx_runtime_1.jsx)(page_constructor_1.CardBase.Footer, { children: (0, jsx_runtime_1.jsx)(SuggestPostInfo_1.SuggestPostInfo, { postId: blogPostId || id, date: date, readingTime: readingTime, hasUserLike: hasUserLike, likes: likesProps, size: size, qa: "blog-suggest-block", dateId: dateId, readingTimeId: readingTimeId }) })] }));
 };
-exports.PostCard = PostCard;
+exports.PostCard = PostCard;
+//# sourceMappingURL=PostCard.js.map

package/build/cjs/components/PostCard/PostCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PostCard.js","sourceRoot":"../../../../src","sources":["components/PostCard/PostCard.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport {AnalyticsEventsProp, CardBase, HTML, YFMWrapper} from '@gravity-ui/page-constructor';\nimport {useUniqId} from '@gravity-ui/uikit';\n\nimport {LikesContext} from '../../contexts/LikesContext';\nimport {PostCardSize, PostCardTitleHeadingLevel, PostData} from '../../models/common';\nimport {block} from '../../utils/cn';\nimport {SuggestPostInfo} from '../PostInfo/SuggestPostInfo';\nimport {useAriaAttributes} from '../../hooks/useAriaAttributes';\n\nimport './PostCard.scss';\n\ntype PostCardProps = {\n    post: PostData;\n    fullWidth?: boolean;\n    showTag?: boolean;\n    size?: PostCardSize;\n    titleHeadingLevel?: PostCardTitleHeadingLevel;\n    analyticsEvents?: AnalyticsEventsProp;\n};\n\nconst b = block('post-card');\n\nexport const PostCard = ({\n    post,\n    fullWidth = false,\n    size = PostCardSize.SMALL,\n    showTag = false,\n    titleHeadingLevel = PostCardTitleHeadingLevel.H3,\n    analyticsEvents,\n}: PostCardProps) => {\n    const {\n        title: postTitle,\n        htmlTitle,\n        textTitle,\n        blogPostId,\n        id,\n        date,\n        readingTime,\n        hasUserLike,\n        likes,\n        image,\n        description,\n        tags,\n        url,\n    } = post;\n\n    const title = postTitle || textTitle || htmlTitle;\n\n    const {toggleLike, hasLikes} = React.useContext(LikesContext);\n\n    const likesProps = React.useMemo(\n        () =>\n            hasLikes\n                ? {\n                      hasUserLike,\n                      likesCount: likes,\n                      toggleLike,\n                  }\n                : undefined,\n        [hasUserLike, likes, toggleLike, hasLikes],\n    );\n    const titleId = useUniqId();\n    const descriptionId = useUniqId();\n    const dateId = useUniqId();\n    const tagId = useUniqId();\n    const readingTimeId = useUniqId();\n    const isTagVisible = showTag && tags?.[0]?.name;\n    const ariaAttributes = useAriaAttributes({\n        labelIds: [isTagVisible && tagId, title && titleId],\n        descriptionIds: [\n            description && descriptionId,\n            date && dateId,\n            readingTime && readingTimeId,\n        ],\n    });\n\n    return (\n        <CardBase\n            url={url}\n            analyticsEvents={analyticsEvents}\n            className={b('card', {fullWidth})}\n            extraProps={ariaAttributes}\n        >\n            <CardBase.Header image={image} className={b('header', {fullWidth})}>\n                <div className={b('image-container')} data-qa=\"blog-suggest-header\" />\n            </CardBase.Header>\n            <CardBase.Content>\n                {isTagVisible && (\n                    <div id={tagId} className={b('tag', {size})}>\n                        {tags[0].name}\n                    </div>\n                )}\n                {title &&\n                    React.createElement(\n                        titleHeadingLevel,\n                        {className: b('title', {size})},\n                        <span>\n                            <HTML id={titleId}>{title}</HTML>\n                        </span>,\n                    )}\n                {description && (\n                    <YFMWrapper\n                        className={b('description')}\n                        content={description}\n                        modifiers={{\n                            blog: size === 'm',\n                            blogCard: true,\n                        }}\n                        id={descriptionId}\n                    />\n                )}\n            </CardBase.Content>\n            <CardBase.Footer>\n                <SuggestPostInfo\n                    postId={blogPostId || id}\n                    date={date}\n                    readingTime={readingTime}\n                    hasUserLike={hasUserLike}\n                    likes={likesProps}\n                    size={size}\n                    qa=\"blog-suggest-block\"\n                    dateId={dateId}\n                    readingTimeId={readingTimeId}\n                />\n            </CardBase.Footer>\n        </CardBase>\n    );\n};\n"]}

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

@@ -1,6 +1,5 @@
-import React from 'react';
 import { AnalyticsEventsProp } from '@gravity-ui/page-constructor';
-import { PostData, QAProps } from '../../models/common';
+import { PostData, QAProps } from "../../models/common.js";
 type PostInfoProps = QAProps & {
     postId: PostData['id'];
     readingTime: PostData['readingTime'];
@@ -20,5 +19,5 @@ type PostInfoProps = QAProps & {
  *
  * @returns jsx
  */
-export declare const PostInfo: ({ date, readingTime, postId, theme, qa, analyticsEventsContainer, }: PostInfoProps) => React.JSX.Element;
+export declare const PostInfo: ({ date, readingTime, postId, theme, qa, analyticsEventsContainer, }: PostInfoProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/build/cjs/components/PostInfo/PostInfo.js

@@ -2,14 +2,15 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PostInfo = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const PostPageContext_1 = require("../../contexts/PostPageContext");
-const cn_1 = require("../../utils/cn");
-const Date_1 = require("./components/Date");
-const ReadingTime_1 = require("./components/ReadingTime");
-const Save_1 = require("./components/Save");
-const Sharing_1 = require("./components/Sharing");
-const common_1 = require("../../utils/common");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
+const PostPageContext_1 = require("../../contexts/PostPageContext.js");
+const cn_1 = require("../../utils/cn.js");
+const Date_1 = require("./components/Date.js");
+const ReadingTime_1 = require("./components/ReadingTime.js");
+const Save_1 = require("./components/Save.js");
+const Sharing_1 = require("./components/Sharing.js");
+const common_1 = require("../../utils/common.js");
 const b = (0, cn_1.block)('post-info');
 /**
  *  Blog post info panel component
@@ -24,12 +25,9 @@ const b = (0, cn_1.block)('post-info');
  * @returns jsx
  */
 const PostInfo = ({ date, readingTime, postId, theme = 'light', qa, analyticsEventsContainer, }) => {
-    const { likes } = (0, react_1.useContext)(PostPageContext_1.PostPageContext);
+    const { likes } = React.useContext(PostPageContext_1.PostPageContext);
     const qaAttributes = (0, common_1.getQaAttributes)(qa, 'date', 'reading-time', 'save');
-    return (react_1.default.createElement("div", { className: b('container', { theme }) },
-        date && react_1.default.createElement(Date_1.Date, { date: date, qa: qaAttributes.date }),
-        readingTime && react_1.default.createElement(ReadingTime_1.ReadingTime, { readingTime: readingTime, qa: qaAttributes.readingTime }),
-        react_1.default.createElement(Sharing_1.Sharing, { theme: theme, analyticsEvents: analyticsEventsContainer === null || analyticsEventsContainer === void 0 ? void 0 : analyticsEventsContainer.sharing }),
-        likes && (react_1.default.createElement(Save_1.Save, { postId: postId, title: likes.likesCount, hasUserLike: likes.hasUserLike, handleUserLike: likes.handleUserLike, analyticsEvents: analyticsEventsContainer === null || analyticsEventsContainer === void 0 ? void 0 : analyticsEventsContainer.save, theme: theme, qa: qaAttributes.save }))));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: b('container', { theme }), children: [date && (0, jsx_runtime_1.jsx)(Date_1.Date, { date: date, qa: qaAttributes.date }), readingTime && (0, jsx_runtime_1.jsx)(ReadingTime_1.ReadingTime, { readingTime: readingTime, qa: qaAttributes.readingTime }), (0, jsx_runtime_1.jsx)(Sharing_1.Sharing, { theme: theme, analyticsEvents: analyticsEventsContainer === null || analyticsEventsContainer === void 0 ? void 0 : analyticsEventsContainer.sharing }), likes && ((0, jsx_runtime_1.jsx)(Save_1.Save, { postId: postId, title: likes.likesCount, hasUserLike: likes.hasUserLike, handleUserLike: likes.handleUserLike, analyticsEvents: analyticsEventsContainer === null || analyticsEventsContainer === void 0 ? void 0 : analyticsEventsContainer.save, theme: theme, qa: qaAttributes.save }))] }));
 };
-exports.PostInfo = PostInfo;
+exports.PostInfo = PostInfo;
+//# sourceMappingURL=PostInfo.js.map

package/build/cjs/components/PostInfo/PostInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PostInfo.js","sourceRoot":"../../../../src","sources":["components/PostInfo/PostInfo.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAG/B,uEAA+D;AAE/D,0CAAqC;AAErC,+CAAuC;AACvC,6DAAqD;AACrD,+CAAuC;AACvC,qDAA6C;AAC7C,kDAAmD;AAInD,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,WAAW,CAAC,CAAC;AAU7B;;;;;;;;;;;GAWG;AACI,MAAM,QAAQ,GAAG,CAAC,EACrB,IAAI,EACJ,WAAW,EACX,MAAM,EACN,KAAK,GAAG,OAAO,EACf,EAAE,EACF,wBAAwB,GACZ,EAAE,EAAE;IAChB,MAAM,EAAC,KAAK,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iCAAe,CAAC,CAAC;IAClD,MAAM,YAAY,GAAG,IAAA,wBAAe,EAAC,EAAE,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,CAAC,CAAC;IAEzE,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,WAAW,EAAE,EAAC,KAAK,EAAC,CAAC,aAClC,IAAI,IAAI,uBAAC,WAAI,IAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,YAAY,CAAC,IAAI,GAAI,EACnD,WAAW,IAAI,uBAAC,yBAAW,IAAC,WAAW,EAAE,WAAW,EAAE,EAAE,EAAE,YAAY,CAAC,WAAW,GAAI,EACvF,uBAAC,iBAAO,IAAC,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,wBAAwB,aAAxB,wBAAwB,uBAAxB,wBAAwB,CAAE,OAAO,GAAI,EAC5E,KAAK,IAAI,CACN,uBAAC,WAAI,IACD,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,CAAC,UAAU,EACvB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,cAAc,EAAE,KAAK,CAAC,cAAc,EACpC,eAAe,EAAE,wBAAwB,aAAxB,wBAAwB,uBAAxB,wBAAwB,CAAE,IAAI,EAC/C,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE,YAAY,CAAC,IAAI,GACvB,CACL,IACC,CACT,CAAC;AACN,CAAC,CAAC;AA7BW,QAAA,QAAQ,YA6BnB","sourcesContent":["import * as React from 'react';\n\nimport {AnalyticsEventsProp} from '@gravity-ui/page-constructor';\nimport {PostPageContext} from '../../contexts/PostPageContext';\nimport {PostData, QAProps} from '../../models/common';\nimport {block} from '../../utils/cn';\n\nimport {Date} from './components/Date';\nimport {ReadingTime} from './components/ReadingTime';\nimport {Save} from './components/Save';\nimport {Sharing} from './components/Sharing';\nimport {getQaAttributes} from '../../utils/common';\n\nimport './PostInfo.scss';\n\nconst b = block('post-info');\n\ntype PostInfoProps = QAProps & {\n    postId: PostData['id'];\n    readingTime: PostData['readingTime'];\n    date: PostData['date'];\n    theme?: 'light' | 'dark';\n    analyticsEventsContainer?: Record<string, AnalyticsEventsProp>;\n};\n\n/**\n *  Blog post info panel component\n *\n * @param postId - post id\n * @param readingTime - post reading time\n * @param date - post create date\n * @param theme - theme name\n * @param qa - test-attr\n * @param analyticsEventsContainer - a map of records with a single or collection of objects detailing analytics events\n *\n * @returns jsx\n */\nexport const PostInfo = ({\n    date,\n    readingTime,\n    postId,\n    theme = 'light',\n    qa,\n    analyticsEventsContainer,\n}: PostInfoProps) => {\n    const {likes} = React.useContext(PostPageContext);\n    const qaAttributes = getQaAttributes(qa, 'date', 'reading-time', 'save');\n\n    return (\n        <div className={b('container', {theme})}>\n            {date && <Date date={date} qa={qaAttributes.date} />}\n            {readingTime && <ReadingTime readingTime={readingTime} qa={qaAttributes.readingTime} />}\n            <Sharing theme={theme} analyticsEvents={analyticsEventsContainer?.sharing} />\n            {likes && (\n                <Save\n                    postId={postId}\n                    title={likes.likesCount}\n                    hasUserLike={likes.hasUserLike}\n                    handleUserLike={likes.handleUserLike}\n                    analyticsEvents={analyticsEventsContainer?.save}\n                    theme={theme}\n                    qa={qaAttributes.save}\n                />\n            )}\n        </div>\n    );\n};\n"]}

package/build/cjs/components/PostInfo/SuggestPostInfo.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
-import { PostCardSize, PostData, QAProps, ToggleLikeCallbackType } from '../../models/common';
+import { PostCardSize, PostData, QAProps, ToggleLikeCallbackType } from "../../models/common.js";
 export interface SuggestPostInfoProps extends Pick<PostData, 'date' | 'readingTime' | 'hasUserLike'>, QAProps {
     postId: PostData['blogPostId'];
     size?: PostCardSize;
@@ -27,4 +26,4 @@ export interface SuggestPostInfoProps extends Pick<PostData, 'date' | 'readingTi
  *
  * @returns jsx
  */
-export declare const SuggestPostInfo: ({ postId, date, readingTime, likes, size, qa, dateId, readingTimeId, }: SuggestPostInfoProps) => React.JSX.Element;
+export declare const SuggestPostInfo: ({ postId, date, readingTime, likes, size, qa, dateId, readingTimeId, }: SuggestPostInfoProps) => import("react/jsx-runtime").JSX.Element;

package/build/cjs/components/PostInfo/SuggestPostInfo.js

@@ -1,16 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SuggestPostInfo = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const useLikes_1 = require("../../hooks/useLikes");
-const common_1 = require("../../models/common");
-const cn_1 = require("../../utils/cn");
-const Date_1 = require("./components/Date");
-const ReadingTime_1 = require("./components/ReadingTime");
-const Save_1 = require("./components/Save");
-const common_2 = require("../../utils/common");
-const constants_1 = require("../../constants");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const useLikes_1 = require("../../hooks/useLikes.js");
+const common_1 = require("../../models/common.js");
+const cn_1 = require("../../utils/cn.js");
+const Date_1 = require("./components/Date.js");
+const ReadingTime_1 = require("./components/ReadingTime.js");
+const Save_1 = require("./components/Save.js");
+const common_2 = require("../../utils/common.js");
+const constants_1 = require("../../constants.js");
 const b = (0, cn_1.block)('post-info');
 const saveEvents = (0, common_2.prepareAnalyticsEvent)({ name: constants_1.DefaultGoalIds.saveSuggest });
 /**
@@ -36,10 +35,7 @@ const SuggestPostInfo = ({ postId, date, readingTime, likes, size = common_1.Pos
         toggleLikeCallback: likes === null || likes === void 0 ? void 0 : likes.toggleLike,
         postId: postId,
     });
-    return (react_1.default.createElement("div", { className: b('container') },
-        react_1.default.createElement("div", { className: b('suggest-container') },
-            date && react_1.default.createElement(Date_1.Date, { date: date, size: size, id: dateId }),
-            readingTime && (react_1.default.createElement(ReadingTime_1.ReadingTime, { readingTime: readingTime, size: size, id: readingTimeId }))),
-        likes && postId && (react_1.default.createElement(Save_1.Save, { postId: postId, title: likesCount, analyticsEvents: saveEvents, hasUserLike: hasUserLike, handleUserLike: handleLike, size: size, qa: qa }))));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: b('container'), children: [(0, jsx_runtime_1.jsxs)("div", { className: b('suggest-container'), children: [date && (0, jsx_runtime_1.jsx)(Date_1.Date, { date: date, size: size, id: dateId }), readingTime && ((0, jsx_runtime_1.jsx)(ReadingTime_1.ReadingTime, { readingTime: readingTime, size: size, id: readingTimeId }))] }), likes && postId && ((0, jsx_runtime_1.jsx)(Save_1.Save, { postId: postId, title: likesCount, analyticsEvents: saveEvents, hasUserLike: hasUserLike, handleUserLike: handleLike, size: size, qa: qa }))] }));
 };
-exports.SuggestPostInfo = SuggestPostInfo;
+exports.SuggestPostInfo = SuggestPostInfo;
+//# sourceMappingURL=SuggestPostInfo.js.map

package/build/cjs/components/PostInfo/SuggestPostInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SuggestPostInfo.js","sourceRoot":"../../../../src","sources":["components/PostInfo/SuggestPostInfo.tsx"],"names":[],"mappings":";;;;AAAA,sDAA8C;AAC9C,mDAA4F;AAC5F,0CAAqC;AAErC,+CAAuC;AACvC,6DAAqD;AACrD,+CAAuC;AACvC,kDAAyD;AACzD,kDAA+C;AAI/C,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,WAAW,CAAC,CAAC;AAE7B,MAAM,UAAU,GAAG,IAAA,8BAAqB,EAAC,EAAC,IAAI,EAAE,0BAAc,CAAC,WAAW,EAAC,CAAC,CAAC;AAgB7E;;;;;;;;;;;;;;;GAeG;AACI,MAAM,eAAe,GAAG,CAAC,EAC5B,MAAM,EACN,IAAI,EACJ,WAAW,EACX,KAAK,EACL,IAAI,GAAG,qBAAY,CAAC,KAAK,EACzB,EAAE,EACF,MAAM,EACN,aAAa,GACM,EAAE,EAAE;IACvB,MAAM,EAAC,WAAW,EAAE,UAAU,EAAE,UAAU,EAAC,GAAG,IAAA,mBAAQ,EAAC;QACnD,OAAO,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW;QAC3B,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU;QACxB,kBAAkB,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU;QACrC,MAAM,EAAE,MAAM;KACjB,CAAC,CAAC;IAEH,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,aAC1B,iCAAK,SAAS,EAAE,CAAC,CAAC,mBAAmB,CAAC,aACjC,IAAI,IAAI,uBAAC,WAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,GAAI,EACpD,WAAW,IAAI,CACZ,uBAAC,yBAAW,IAAC,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,aAAa,GAAI,CAC3E,IACC,EACL,KAAK,IAAI,MAAM,IAAI,CAChB,uBAAC,WAAI,IACD,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,UAAU,EACjB,eAAe,EAAE,UAAU,EAC3B,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,UAAU,EAC1B,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,EAAE,GACR,CACL,IACC,CACT,CAAC;AACN,CAAC,CAAC;AAtCW,QAAA,eAAe,mBAsC1B","sourcesContent":["import {useLikes} from '../../hooks/useLikes';\nimport {PostCardSize, PostData, QAProps, ToggleLikeCallbackType} from '../../models/common';\nimport {block} from '../../utils/cn';\n\nimport {Date} from './components/Date';\nimport {ReadingTime} from './components/ReadingTime';\nimport {Save} from './components/Save';\nimport {prepareAnalyticsEvent} from '../../utils/common';\nimport {DefaultGoalIds} from '../../constants';\n\nimport './PostInfo.scss';\n\nconst b = block('post-info');\n\nconst saveEvents = prepareAnalyticsEvent({name: DefaultGoalIds.saveSuggest});\n\nexport interface SuggestPostInfoProps\n    extends Pick<PostData, 'date' | 'readingTime' | 'hasUserLike'>,\n        QAProps {\n    postId: PostData['blogPostId'];\n    size?: PostCardSize;\n    likes?: {\n        likesCount?: number;\n        hasUserLike?: boolean;\n        toggleLike?: ToggleLikeCallbackType;\n    };\n    dateId?: string;\n    readingTimeId?: string;\n}\n\n/**\n * Suggest blog card info component\n *\n * @param postId - post id\n * @param date - post create date\n * @param readingTime - post reading time\n * @param hasUserLike - flag that the user liked the post\n * @param likes - likes count\n * @param qa - test-attr\n * @param size - text size\n * @param isModernIcon - flag what we need render 'bookmark' icon\n * @param dateId - id value for element with post date. Useful when providing accessible description\n * @param readingTimeId - id value for element with reading time. Useful when providing accessible description\n *\n * @returns jsx\n */\nexport const SuggestPostInfo = ({\n    postId,\n    date,\n    readingTime,\n    likes,\n    size = PostCardSize.SMALL,\n    qa,\n    dateId,\n    readingTimeId,\n}: SuggestPostInfoProps) => {\n    const {hasUserLike, likesCount, handleLike} = useLikes({\n        hasLike: likes?.hasUserLike,\n        count: likes?.likesCount,\n        toggleLikeCallback: likes?.toggleLike,\n        postId: postId,\n    });\n\n    return (\n        <div className={b('container')}>\n            <div className={b('suggest-container')}>\n                {date && <Date date={date} size={size} id={dateId} />}\n                {readingTime && (\n                    <ReadingTime readingTime={readingTime} size={size} id={readingTimeId} />\n                )}\n            </div>\n            {likes && postId && (\n                <Save\n                    postId={postId}\n                    title={likesCount}\n                    analyticsEvents={saveEvents}\n                    hasUserLike={hasUserLike}\n                    handleUserLike={handleLike}\n                    size={size}\n                    qa={qa}\n                />\n            )}\n        </div>\n    );\n};\n"]}

package/build/cjs/components/PostInfo/components/Date.d.ts

@@ -1,9 +1,8 @@
-import React from 'react';
-import { PostCardSize, QAProps } from '../../../models/common';
+import { PostCardSize, QAProps } from "../../../models/common.js";
 type DateProps = QAProps & {
     date: string | number;
     size?: PostCardSize;
     id?: string;
 };
-export declare const Date: ({ date, size, id, qa }: DateProps) => React.JSX.Element;
+export declare const Date: ({ date, size, id, qa }: DateProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/build/cjs/components/PostInfo/components/Date.js

@@ -2,14 +2,16 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Date = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const LocaleContext_1 = require("../../../contexts/LocaleContext");
-const common_1 = require("../../../models/common");
-const cn_1 = require("../../../utils/cn");
-const date_1 = require("../../../utils/date");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
+const LocaleContext_1 = require("../../../contexts/LocaleContext.js");
+const common_1 = require("../../../models/common.js");
+const cn_1 = require("../../../utils/cn.js");
+const date_1 = require("../../../utils/date.js");
 const b = (0, cn_1.block)('post-info');
 const Date = ({ date, size = common_1.PostCardSize.SMALL, id, qa }) => {
-    const { locale } = (0, react_1.useContext)(LocaleContext_1.LocaleContext);
-    return (react_1.default.createElement("div", { className: b('item', { size }), id: id, "data-qa": qa }, (0, date_1.format)(date, 'longDate', locale === null || locale === void 0 ? void 0 : locale.code)));
+    const { locale } = React.useContext(LocaleContext_1.LocaleContext);
+    return ((0, jsx_runtime_1.jsx)("div", { className: b('item', { size }), id: id, "data-qa": qa, children: (0, date_1.format)(date, 'longDate', locale === null || locale === void 0 ? void 0 : locale.code) }));
 };
-exports.Date = Date;
+exports.Date = Date;
+//# sourceMappingURL=Date.js.map