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

package/build/cjs/components/FeedHeader/components/Controls/customRenders.js

@@ -2,28 +2,24 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.renderOption = exports.renderFilter = exports.renderSwitcher = void 0;
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importDefault(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
-const i18n_1 = require("../../../../i18n/index.js");
-const cn_1 = require("../../../../utils/cn.js");
-const CustomSelectOption_1 = require("../CustomSelectOption/CustomSelectOption.js");
-const CustomSwitcher_1 = require("../CustomSwitcher/CustomSwitcher.js");
+const i18n_1 = require("../../../../i18n");
+const cn_1 = require("../../../../utils/cn");
+const CustomSelectOption_1 = require("../CustomSelectOption/CustomSelectOption");
+const CustomSwitcher_1 = require("../CustomSwitcher/CustomSwitcher");
 const b = (0, cn_1.block)('feed-controls');
 const renderSwitcher = ({ initial, list, defaultLabel }) => 
 // eslint-disable-next-line react/display-name
 (_a) => {
     var { ref, renderClear } = _a, _b = _a.triggerProps, { id, disabled, type, onClick, onKeyDown } = _b, a11yProps = tslib_1.__rest(_b, ["id", "disabled", "type", "onClick", "onKeyDown"]);
-    return ((0, jsx_runtime_1.jsx)(CustomSwitcher_1.CustomSwitcher, { id: id, disabled: disabled, type: type, initial: initial, defaultLabel: defaultLabel, list: list, controlRef: ref, triggerProps: {
-            onClick,
-            onKeyDown,
-        }, renderClear: renderClear, a11yProps: a11yProps }));
+    return (react_1.default.createElement(CustomSwitcher_1.CustomSwitcher, { id: id, disabled: disabled, type: type, initial: initial, defaultLabel: defaultLabel, list: list, controlRef: ref, onClick: onClick, onKeyDown: onKeyDown, renderClear: renderClear, a11yProps: a11yProps }));
 };
 exports.renderSwitcher = renderSwitcher;
 const renderFilter = (_a) => {
     var { ref, onChange } = _a, _b = _a.inputProps, { value, onKeyDown, onChange: _, size: __, placeholder: ___ } = _b, a11yProps = tslib_1.__rest(_b, ["value", "onKeyDown", "onChange", "size", "placeholder"]);
-    return ((0, jsx_runtime_1.jsx)(uikit_1.TextInput, { value: value, view: "clear", placeholder: (0, i18n_1.i18n)(i18n_1.Keyset.Search), onUpdate: onChange, onKeyDown: onKeyDown, className: b('popup-filter'), controlRef: ref, controlProps: Object.assign({ size: 1 }, a11yProps) }));
+    return (react_1.default.createElement(uikit_1.TextInput, { value: value, view: "clear", placeholder: (0, i18n_1.i18n)(i18n_1.Keyset.Search), onUpdate: onChange, onKeyDown: onKeyDown, className: b('popup-filter'), controlRef: ref, controlProps: Object.assign({ size: 1 }, a11yProps) }));
 };
 exports.renderFilter = renderFilter;
-const renderOption = (option) => ((0, jsx_runtime_1.jsx)(CustomSelectOption_1.CustomSelectOption, { data: option }));
-exports.renderOption = renderOption;
-//# sourceMappingURL=customRenders.js.map
+const renderOption = (option) => (react_1.default.createElement(CustomSelectOption_1.CustomSelectOption, { data: option }));
+exports.renderOption = renderOption;

package/build/cjs/components/FeedHeader/components/CustomSelectOption/CustomSelectOption.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
+import React from 'react';
 import { SelectOption as SelectOptionType } from '@gravity-ui/uikit';
 export type CustomSelectOptionProps = {
     data: {
         icon?: React.ReactElement;
     } & SelectOptionType;
 };
-export declare const CustomSelectOption: ({ data }: CustomSelectOptionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CustomSelectOption: ({ data }: CustomSelectOptionProps) => React.JSX.Element;

package/build/cjs/components/FeedHeader/components/CustomSelectOption/CustomSelectOption.js

@@ -1,9 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CustomSelectOption = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const cn_1 = require("../../../../utils/cn.js");
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const cn_1 = require("../../../../utils/cn");
 const b = (0, cn_1.block)('feed-custom-select-option');
-const CustomSelectOption = ({ data }) => ((0, jsx_runtime_1.jsxs)("div", { className: b(), children: [(0, jsx_runtime_1.jsx)("span", { className: b('icon'), children: data.icon }), (0, jsx_runtime_1.jsx)("span", { children: data.content })] }));
-exports.CustomSelectOption = CustomSelectOption;
-//# sourceMappingURL=CustomSelectOption.js.map
+const CustomSelectOption = ({ data }) => (react_1.default.createElement("div", { className: b() },
+    react_1.default.createElement("span", { className: b('icon') }, data.icon),
+    react_1.default.createElement("span", null, data.content)));
+exports.CustomSelectOption = CustomSelectOption;

package/build/cjs/components/FeedHeader/components/CustomSwitcher/CustomSwitcher.css

@@ -24,7 +24,7 @@ unpredictable css rules order in build */
 .bc-feed-custom-switcher__custom-switcher:focus:not(:focus-visible) {
   outline: 0;
 }
-.bc-feed-custom-switcher__custom-switcher + div[data-floating-ui-status] {
+.bc-feed-custom-switcher__custom-switcher + .g-popup.g-popup_open {
   position: absolute !important;
   inset: auto !important;
   transform: translate3d(0, 4px, 0) !important;

package/build/cjs/components/FeedHeader/components/CustomSwitcher/CustomSwitcher.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import { SelectProps } from '@gravity-ui/uikit';
-import { SelectItem } from "../Controls/Controls.js";
+import { SelectItem } from '../Controls/Controls';
 type RenderControlParameters = Partial<Parameters<Required<SelectProps>['renderControl']>[0]>;
 type TriggerProps = Required<RenderControlParameters>['triggerProps'];
 type A11yKeys = {
@@ -13,5 +14,5 @@ export type CustomSwitcherProps = {
     controlRef: RenderControlParameters['ref'];
     a11yProps: RenderControlA11yProps;
 } & Omit<RenderControlParameters, 'ref'> & Pick<TriggerProps, 'id' | 'disabled' | 'type'>;
-export declare const CustomSwitcher: ({ id, disabled, type, initial, defaultLabel, list, triggerProps, controlRef, renderClear, a11yProps, }: CustomSwitcherProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CustomSwitcher: ({ id, disabled, type, initial, defaultLabel, list, onClick, controlRef, onKeyDown, renderClear, a11yProps, }: CustomSwitcherProps) => React.JSX.Element;
 export {};

package/build/cjs/components/FeedHeader/components/CustomSwitcher/CustomSwitcher.js

@@ -2,17 +2,16 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CustomSwitcher = void 0;
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
+const react_1 = tslib_1.__importStar(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
-const DropdownArrow_1 = require("../../../../icons/DropdownArrow.js");
-const Close_1 = require("../../../../icons/Close.js");
-const cn_1 = require("../../../../utils/cn.js");
+const DropdownArrow_1 = require("../../../../icons/DropdownArrow");
+const Close_1 = require("../../../../icons/Close");
+const cn_1 = require("../../../../utils/cn");
 const b = (0, cn_1.block)('feed-custom-switcher');
 const ICON_SIZE = 12;
 const CLEAR_ICON_SIZE = 11;
-const CustomSwitcher = ({ id, disabled, type, initial, defaultLabel, list, triggerProps, controlRef, renderClear, a11yProps, }) => {
-    const itemsNames = React.useMemo(() => {
+const CustomSwitcher = ({ id, disabled, type, initial, defaultLabel, list, onClick, controlRef, onKeyDown, renderClear, a11yProps, }) => {
+    const itemsNames = (0, react_1.useMemo)(() => {
         const items = list
             .filter((item) => initial.includes(item.value))
             .map((item) => item.content);
@@ -20,10 +19,15 @@ const CustomSwitcher = ({ id, disabled, type, initial, defaultLabel, list, trigg
     }, [defaultLabel, initial, list]);
     const hasCounter = itemsNames.length > 1;
     const contentElementId = (0, uikit_1.useUniqId)();
-    return ((0, jsx_runtime_1.jsxs)("div", { className: b('custom-switcher'), ref: controlRef, children: [(0, jsx_runtime_1.jsx)("button", Object.assign({ id: id, disabled: disabled, type: type, onClick: triggerProps === null || triggerProps === void 0 ? void 0 : triggerProps.onClick, className: b('custom-switcher-element', { overlay: true }), onKeyDown: triggerProps === null || triggerProps === void 0 ? void 0 : triggerProps.onKeyDown }, a11yProps, { "aria-labelledby": contentElementId })), (0, jsx_runtime_1.jsx)("div", { id: contentElementId, className: b('custom-switcher-element', { content: true }), "aria-hidden": true, children: itemsNames === null || itemsNames === void 0 ? void 0 : itemsNames.join(', ') }), renderClear &&
-                renderClear({
-                    renderIcon: () => ((0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: Close_1.Close, size: CLEAR_ICON_SIZE, className: b('clear') })),
-                }), hasCounter && ((0, jsx_runtime_1.jsx)("div", { className: b('custom-switcher-element', { counter: true }), children: itemsNames.length })), (0, jsx_runtime_1.jsx)("div", { className: b('custom-switcher-element', { arrow: true }), children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: DropdownArrow_1.DropdownArrow, size: ICON_SIZE, className: b('switcher-arrow') }) })] }));
+    return (react_1.default.createElement("div", { className: b('custom-switcher'), ref: controlRef },
+        react_1.default.createElement("button", Object.assign({ id: id, disabled: disabled, type: type, onClick: onClick, className: b('custom-switcher-element', { overlay: true }), onKeyDown: onKeyDown }, a11yProps, { "aria-labelledby": contentElementId })),
+        react_1.default.createElement("div", { id: contentElementId, className: b('custom-switcher-element', { content: true }), "aria-hidden": true }, itemsNames === null || itemsNames === void 0 ? void 0 : itemsNames.join(', ')),
+        renderClear &&
+            renderClear({
+                renderIcon: () => (react_1.default.createElement(uikit_1.Icon, { data: Close_1.Close, size: CLEAR_ICON_SIZE, className: b('clear') })),
+            }),
+        hasCounter && (react_1.default.createElement("div", { className: b('custom-switcher-element', { counter: true }) }, itemsNames.length)),
+        react_1.default.createElement("div", { className: b('custom-switcher-element', { arrow: true }) },
+            react_1.default.createElement(uikit_1.Icon, { data: DropdownArrow_1.DropdownArrow, size: ICON_SIZE, className: b('switcher-arrow') }))));
 };
-exports.CustomSwitcher = CustomSwitcher;
-//# sourceMappingURL=CustomSwitcher.js.map
+exports.CustomSwitcher = CustomSwitcher;

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

@@ -1,4 +1,4 @@
-import { MetaProps } from "../../models/common.js";
+import { MetaProps } from '../../models/common';
 /**
  * Wrapper on meta data of page
  *

package/build/cjs/components/MetaWrapper/MetaWrapper.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MetaWrapper = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
 const react_helmet_1 = require("react-helmet");
 /**
  * Wrapper on meta data of page
@@ -11,6 +12,5 @@ const react_helmet_1 = require("react-helmet");
  *
  * @returns jsx
  */
-const MetaWrapper = ({ needHelmetWrapper = false, metaComponent }) => needHelmetWrapper ? (0, jsx_runtime_1.jsx)(react_helmet_1.Helmet, { children: metaComponent }) : metaComponent;
-exports.MetaWrapper = MetaWrapper;
-//# sourceMappingURL=MetaWrapper.js.map
+const MetaWrapper = ({ needHelmetWrapper = false, metaComponent }) => needHelmetWrapper ? react_1.default.createElement(react_helmet_1.Helmet, null, metaComponent) : metaComponent;
+exports.MetaWrapper = MetaWrapper;

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

@@ -1,2 +1,3 @@
-import { PaginatorProps } from "./types.js";
-export declare const Paginator: ({ itemsPerPage, totalItems, maxPages, page, className, onPageChange, queryParams, pageCountForShowSupportButtons, }: PaginatorProps) => import("react/jsx-runtime").JSX.Element | null;
+import React from 'react';
+import { PaginatorProps } from './types';
+export declare const Paginator: ({ itemsPerPage, totalItems, maxPages, page, className, onPageChange, queryParams, pageCountForShowSupportButtons, }: PaginatorProps) => React.JSX.Element | null;

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

@@ -2,32 +2,31 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Paginator = void 0;
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
+const react_1 = tslib_1.__importStar(require("react"));
 const page_constructor_1 = require("@gravity-ui/page-constructor");
-const constants_1 = require("../../constants.js");
-const 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 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 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] = React.useState((0, utils_2.getPagesCount)({ itemsPerPage, totalItems, maxPages }));
-    const nonPagedQuery = React.useMemo(() => {
+    const [pagesCount, setPagesCount] = (0, react_1.useState)((0, utils_2.getPagesCount)({ itemsPerPage, totalItems, maxPages }));
+    const nonPagedQuery = (0, react_1.useMemo)(() => {
         return lodash_1.default.omit(queryParams, ['page']);
     }, [queryParams]);
-    React.useEffect(() => {
+    (0, react_1.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 = React.useMemo(() => pagesCount > pageCountForShowSupportButtons, [pageCountForShowSupportButtons, pagesCount]);
+    const isShowSupportButtons = (0, react_1.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);
@@ -80,7 +79,7 @@ const Paginator = ({ itemsPerPage, totalItems, maxPages, page, className, onPage
             mods: { type: types_1.ArrowType.Prev },
             onClick: handleArrowClick,
             index: 0,
-            content: (0, jsx_runtime_1.jsx)(NavigationButton_1.NavigationButton, { arrowType: types_1.ArrowType.Prev }),
+            content: react_1.default.createElement(NavigationButton_1.NavigationButton, { arrowType: types_1.ArrowType.Prev }),
         });
     }
     if (page < pagesCount && isShowSupportButtons) {
@@ -91,18 +90,23 @@ const Paginator = ({ itemsPerPage, totalItems, maxPages, page, className, onPage
             mods: { type: types_1.ArrowType.Next },
             index: page + 1,
             onClick: handleArrowClick,
-            content: (0, jsx_runtime_1.jsx)(NavigationButton_1.NavigationButton, { arrowType: types_1.ArrowType.Next }),
+            content: react_1.default.createElement(NavigationButton_1.NavigationButton, { arrowType: types_1.ArrowType.Next }),
         });
     }
     const renderPaginatorItem = (item) => {
         const { key } = item, rest = tslib_1.__rest(item, ["key"]);
-        return (0, jsx_runtime_1.jsx)(PaginatorItem_1.PaginatorItem, Object.assign({}, rest), `page_${key}`);
+        return react_1.default.createElement(PaginatorItem_1.PaginatorItem, Object.assign({ key: `page_${key}` }, rest));
     };
-    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) }) }))] }));
+    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))))));
 };
-exports.Paginator = Paginator;
-//# sourceMappingURL=Paginator.js.map
+exports.Paginator = Paginator;

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

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

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

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

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

@@ -2,32 +2,30 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PaginatorItem = void 0;
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
+const react_1 = tslib_1.__importStar(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
-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 LocaleContext_1 = require("../../../contexts/LocaleContext");
+const SettingsContext_1 = require("../../../contexts/SettingsContext");
+const cn_1 = require("../../../utils/cn");
+const common_1 = require("../../../utils/common");
 const b = (0, cn_1.block)('paginator');
 const PaginatorItem = ({ dataKey, mods, content, queryParams, onClick, loading = false, index, }) => {
-    const { locale } = React.useContext(LocaleContext_1.LocaleContext);
-    const { addNavigationLinkForPages, getBlogPath = common_1.getBlogPath } = React.useContext(SettingsContext_1.SettingsContext);
+    const { locale } = (0, react_1.useContext)(LocaleContext_1.LocaleContext);
+    const { addNavigationLinkForPages, getBlogPath = common_1.getBlogPath } = (0, react_1.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 = React.useMemo(() => {
+    const navigationLink = (0, react_1.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 = React.useCallback((event) => {
+    const handleClick = (0, react_1.useCallback)((event) => {
         if (addNavigationLinkForPages && (event.metaKey || event.ctrlKey)) {
             return;
         }
         onClick === null || onClick === void 0 ? void 0 : onClick(itemKey);
     }, [addNavigationLinkForPages, itemKey, onClick]);
-    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 }));
+    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));
 };
-exports.PaginatorItem = PaginatorItem;
-//# sourceMappingURL=PaginatorItem.js.map
+exports.PaginatorItem = PaginatorItem;

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

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

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

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

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

@@ -1,3 +1,3 @@
-import { GetPageConfigParams, PaginatorItemProps, PaginatorProps } from "./types.js";
+import { GetPageConfigParams, PaginatorItemProps, PaginatorProps } from './types';
 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,5 +31,4 @@ const getPagesCount = (props) => {
     const totalPages = Math.ceil(props.totalItems / props.itemsPerPage);
     return Math.min(totalPages, props.maxPages);
 };
-exports.getPagesCount = getPagesCount;
-//# sourceMappingURL=utils.js.map
+exports.getPagesCount = getPagesCount;

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

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

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

@@ -2,22 +2,21 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PostCard = void 0;
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
+const react_1 = tslib_1.__importStar(require("react"));
 const page_constructor_1 = require("@gravity-ui/page-constructor");
 const uikit_1 = require("@gravity-ui/uikit");
-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 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 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 } = React.useContext(LikesContext_1.LikesContext);
-    const likesProps = React.useMemo(() => hasLikes
+    const { toggleLike, hasLikes } = (0, react_1.useContext)(LikesContext_1.LikesContext);
+    const likesProps = (0, react_1.useMemo)(() => hasLikes
         ? {
             hasUserLike,
             likesCount: likes,
@@ -38,11 +37,19 @@ const PostCard = ({ post, fullWidth = false, size = common_1.PostCardSize.SMALL,
             readingTime && 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 }) })] }));
+    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(titleHeadingLevel, { className: b('title', { size }) }, react_1.default.createElement("span", null,
+                    react_1.default.createElement(page_constructor_1.HTML, { id: titleId }, title))),
+            description && (react_1.default.createElement(page_constructor_1.YFMWrapper, { className: 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 }))));
 };
-exports.PostCard = PostCard;
-//# sourceMappingURL=PostCard.js.map
+exports.PostCard = PostCard;

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

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

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

@@ -2,15 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PostInfo = void 0;
 const tslib_1 = require("tslib");
-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 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 b = (0, cn_1.block)('post-info');
 /**
  *  Blog post info panel component
@@ -25,9 +24,12 @@ const b = (0, cn_1.block)('post-info');
  * @returns jsx
  */
 const PostInfo = ({ date, readingTime, postId, theme = 'light', qa, analyticsEventsContainer, }) => {
-    const { likes } = React.useContext(PostPageContext_1.PostPageContext);
+    const { likes } = (0, react_1.useContext)(PostPageContext_1.PostPageContext);
     const qaAttributes = (0, common_1.getQaAttributes)(qa, 'date', 'reading-time', '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 }))] }));
+    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 }))));
 };
-exports.PostInfo = PostInfo;
-//# sourceMappingURL=PostInfo.js.map
+exports.PostInfo = PostInfo;

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

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

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

@@ -1,15 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SuggestPostInfo = void 0;
-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 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 b = (0, cn_1.block)('post-info');
 const saveEvents = (0, common_2.prepareAnalyticsEvent)({ name: constants_1.DefaultGoalIds.saveSuggest });
 /**
@@ -35,7 +36,10 @@ const SuggestPostInfo = ({ postId, date, readingTime, likes, size = common_1.Pos
         toggleLikeCallback: likes === null || likes === void 0 ? void 0 : likes.toggleLike,
         postId: postId,
     });
-    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 }))] }));
+    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 }))));
 };
-exports.SuggestPostInfo = SuggestPostInfo;
-//# sourceMappingURL=SuggestPostInfo.js.map
+exports.SuggestPostInfo = SuggestPostInfo;