@gravity-ui/blog-constructor 1.0.0-aplha.0

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

@@ -0,0 +1,53 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.bc-feed-custom-switcher__custom-switcher {
+  font-size: var(--yc-text-body-2-font-size);
+  line-height: var(--yc-text-body-2-line-height);
+  position: relative;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  background-color: var(--yc-color-base-background);
+  border: 1px solid var(--yc-color-base-background);
+  border-radius: 10px;
+  width: 100%;
+  line-height: 42px;
+}
+.bc-feed-custom-switcher__custom-switcher + .yc-popup-wrapper.yc-popup-wrapper_open {
+  position: absolute !important;
+  inset: auto !important;
+  transform: translate3d(0, 4px, 0) !important;
+}
+.bc-feed-custom-switcher__custom-switcher:hover {
+  border-color: var(--yc-color-base-generic-hover);
+  cursor: pointer;
+}
+.bc-feed-custom-switcher__custom-switcher-element_content {
+  display: inline-block;
+  flex-grow: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  padding: 0 12px;
+}
+.bc-feed-custom-switcher__custom-switcher-element_counter {
+  align-items: center;
+  height: 20px;
+  padding: 0 6px;
+  background-color: var(--yc-color-base-selection);
+  border-radius: 4px;
+  transition: backgound-color 0.1s linear;
+  font-size: var(--yc-text-body-1-font-size);
+  line-height: var(--yc-text-body-1-line-height);
+}
+.bc-feed-custom-switcher__custom-switcher-element_arrow {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 30px;
+  height: 100%;
+}
+.bc-feed-custom-switcher__switcher-arrow {
+  width: 16px;
+  height: 16px;
+}

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

@@ -0,0 +1,11 @@
+import { SelectProps } from '@gravity-ui/uikit';
+import { SelectItem } from '../Controls/Controls';
+type RenderControlParameters = Partial<Parameters<Required<SelectProps>['renderControl']>[0]>;
+export type CustomSwitcherProps = {
+    initial: (string | number | null)[];
+    defaultLabel: string;
+    list: SelectItem[];
+    controlRef: RenderControlParameters['ref'];
+} & Omit<RenderControlParameters, 'ref'>;
+export declare const CustomSwitcher: ({ initial, defaultLabel, list, onClick, controlRef, }: CustomSwitcherProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,47 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomSwitcher = void 0;
+const react_1 = __importStar(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const DropdownArrow_1 = require("../../../../icons/DropdownArrow");
+const cn_1 = require("../../../../utils/cn");
+const b = (0, cn_1.block)('feed-custom-switcher');
+const ICON_SIZE = 12;
+const CustomSwitcher = ({ initial, defaultLabel, list, onClick, controlRef, }) => {
+    const itemsNames = (0, react_1.useMemo)(() => {
+        const items = list
+            .filter((item) => initial.includes(item.value))
+            .map((item) => item.content);
+        return items.length ? items : [defaultLabel];
+    }, [defaultLabel, initial, list]);
+    const hasCounter = itemsNames.length > 1;
+    return (react_1.default.createElement("div", { className: b('custom-switcher'), onClick: onClick, ref: controlRef },
+        react_1.default.createElement("div", { className: b('custom-switcher-element', { content: true }) }, itemsNames === null || itemsNames === void 0 ? void 0 : itemsNames.join(', ')),
+        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;

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

@@ -0,0 +1,10 @@
+import { MetaProps } from '../../models/common';
+/**
+ * Wrapper on meta data of page
+ *
+ * @param needHelmetWrapper - component needs helmet wrapper
+ * @param metaComponent - meta data component
+ *
+ * @returns jsx
+ */
+export declare const MetaWrapper: ({ needHelmetWrapper, metaComponent }: MetaProps) => JSX.Element;

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

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MetaWrapper = void 0;
+const react_1 = __importDefault(require("react"));
+const react_helmet_1 = require("react-helmet");
+/**
+ * Wrapper on meta data of page
+ *
+ * @param needHelmetWrapper - component needs helmet wrapper
+ * @param metaComponent - meta data component
+ *
+ * @returns jsx
+ */
+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.css

@@ -0,0 +1,54 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.bc-paginator {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: flex;
+  align-items: center;
+}
+.bc-paginator__item {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 44px;
+  min-height: 44px;
+  margin-left: 4px;
+  padding: 12px 0px;
+  color: var(--yc-color-text-primary);
+  font-size: var(--yc-text-body-2-font-size);
+  line-height: var(--yc-text-body-2-line-height);
+}
+.bc-paginator__item_type_page {
+  --bc-border-radius: 10px;
+  width: 44px;
+  height: 44px;
+  cursor: pointer;
+  border-radius: var(--bc-border-radius);
+}
+.bc-paginator__item_type_page:hover {
+  background: var(--yc-color-base-simple-hover);
+}
+.bc-paginator__item_type_page.bc-paginator__item_active {
+  background: var(--yc-color-base-simple-hover);
+  cursor: default;
+}
+.bc-paginator__pagination {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+}
+@media (max-width: 577px) {
+  .bc-paginator__pagination {
+    flex-direction: column;
+  }
+}
+.bc-paginator__pagination-block {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  margin-bottom: 4px;
+}

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

@@ -0,0 +1,2 @@
+import { PaginatorProps } from './types';
+export declare const Paginator: ({ itemsPerPage, totalItems, maxPages, page, className, loading, onPageChange, pageCountForShowSupportButtons, }: PaginatorProps) => JSX.Element | null;

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

@@ -0,0 +1,118 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Paginator = void 0;
+const react_1 = __importStar(require("react"));
+const constants_1 = require("../../constants");
+const metrika_js_1 = __importDefault(require("../../counters/metrika.js"));
+const utils_1 = require("../../counters/utils");
+const utils_2 = require("./utils");
+const types_1 = require("./types");
+const cn_1 = require("../../utils/cn");
+const NavigationButton_1 = require("./components/NavigationButton");
+const PaginatorItem_1 = require("./components/PaginatorItem");
+const b = (0, cn_1.block)('paginator');
+const DEFAULT_PAGE_COUNT_FOR_SHOW_SUPPORT_BUTTONS = 6;
+const Paginator = ({ itemsPerPage, totalItems, maxPages, page, className, loading, onPageChange, pageCountForShowSupportButtons = DEFAULT_PAGE_COUNT_FOR_SHOW_SUPPORT_BUTTONS, }) => {
+    const [pagesCount, setPagesCount] = (0, react_1.useState)((0, utils_2.getPagesCount)({ itemsPerPage, totalItems, maxPages }));
+    (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 = (0, react_1.useMemo)(() => pagesCount > pageCountForShowSupportButtons, [pageCountForShowSupportButtons, pagesCount]);
+    if (pagesCount <= 1) {
+        return null;
+    }
+    const handleArrowClick = (type) => {
+        let newPage = page;
+        if (type === 'prev' && page > 1) {
+            metrika_js_1.default.reachGoal(utils_1.MetrikaCounter.CrossSite, constants_1.BlogMetrikaGoalIds.home);
+            newPage = 1;
+        }
+        else if (type === 'next' && page < pagesCount) {
+            metrika_js_1.default.reachGoal(utils_1.MetrikaCounter.CrossSite, constants_1.BlogMetrikaGoalIds.next);
+            newPage = page + 1;
+        }
+        if (newPage !== page) {
+            handlePageChange(newPage);
+        }
+    };
+    const handlePageClick = (index) => {
+        if (index !== page && typeof index === 'number') {
+            metrika_js_1.default.reachGoal(utils_1.MetrikaCounter.CrossSite, constants_1.BlogMetrikaGoalIds.page, { page: index });
+            handlePageChange(index);
+        }
+    };
+    const paginatorItems = (0, utils_2.getPageConfigs)({ page, pagesCount, handlePageClick });
+    if (page > 1 && isShowSupportButtons) {
+        paginatorItems.unshift({
+            key: types_1.ArrowType.Prev,
+            dataKey: types_1.ArrowType.Prev,
+            mods: { type: types_1.ArrowType.Prev },
+            onClick: handleArrowClick,
+            content: react_1.default.createElement(NavigationButton_1.NavigationButton, { arrowType: types_1.ArrowType.Prev }),
+        });
+    }
+    if (page < pagesCount && isShowSupportButtons) {
+        paginatorItems.push({
+            key: types_1.ArrowType.Next,
+            dataKey: types_1.ArrowType.Next,
+            mods: { type: types_1.ArrowType.Next },
+            onClick: handleArrowClick,
+            content: react_1.default.createElement(NavigationButton_1.NavigationButton, { arrowType: types_1.ArrowType.Next }),
+        });
+    }
+    const renderPaginatorItem = (item) => {
+        const { key } = item, rest = __rest(item, ["key"]);
+        return react_1.default.createElement(PaginatorItem_1.PaginatorItem, Object.assign({ key: `page_${key}` }, rest, { loading: loading }));
+    };
+    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;

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

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

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

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NavigationButton = void 0;
+const react_1 = __importDefault(require("react"));
+const types_1 = require("../types");
+const i18n_1 = require("../../../i18n");
+const cn_1 = require("../../../utils/cn");
+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.i18)(i18n_1.Keyset.ButtonBegin) : (0, i18n_1.i18)(i18n_1.Keyset.ButtonFarther)));
+exports.NavigationButton = NavigationButton;

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

@@ -0,0 +1,2 @@
+import { PaginatorItemProps } from '../types';
+export declare const PaginatorItem: ({ dataKey, mods, content, onClick, loading, }: PaginatorItemProps) => JSX.Element;

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

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PaginatorItem = void 0;
+const react_1 = __importDefault(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const cn_1 = require("../../../utils/cn");
+const b = (0, cn_1.block)('paginator');
+const PaginatorItem = ({ dataKey, mods, content, onClick, loading = false, }) => {
+    const itemKey = Number(dataKey) > 0 ? Number(dataKey) : dataKey;
+    return (react_1.default.createElement(uikit_1.Button, { view: "flat", size: "xl", className: b('item', mods), onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(itemKey), loading: loading && Boolean(mods.active) }, content));
+};
+exports.PaginatorItem = PaginatorItem;

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

@@ -0,0 +1,29 @@
+import { ReactNode } from 'react';
+import { Modifications } from 'bem-cn-lite';
+import { ClassNameProps } from '../../models/common';
+export interface PaginatorItemProps {
+    key: string | ArrowType;
+    dataKey: string | ArrowType;
+    mods: Modifications;
+    content: ReactNode;
+    onClick?: (key: number | ArrowType) => void;
+    loading?: boolean;
+}
+export type PaginatorProps = {
+    page: number;
+    totalItems: number;
+    itemsPerPage: number;
+    maxPages: number;
+    loading: boolean;
+    onPageChange: (page: number) => void;
+    pageCountForShowSupportButtons?: number;
+} & ClassNameProps;
+export declare enum ArrowType {
+    Prev = "prev",
+    Next = "next"
+}
+export type GetPageConfigParams = {
+    page: number;
+    pagesCount: number;
+    handlePageClick: (key: number | ArrowType) => void;
+};

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

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ArrowType = void 0;
+var ArrowType;
+(function (ArrowType) {
+    ArrowType["Prev"] = "prev";
+    ArrowType["Next"] = "next";
+})(ArrowType = exports.ArrowType || (exports.ArrowType = {}));

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

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

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

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getPagesCount = exports.getPageConfigs = void 0;
+const MAX_VISIBLE_PAGES = 5;
+const getPageConfigs = ({ page, pagesCount, handlePageClick }) => {
+    const paginatorItems = [];
+    // it is calculating the middle of visible pages below
+    const pageOffset = (MAX_VISIBLE_PAGES - 1) / 2;
+    let startPage = page - pageOffset;
+    let endPage = page + pageOffset;
+    if (startPage < 1) {
+        endPage = page + pageOffset - startPage + 1;
+        startPage = 1;
+    }
+    endPage = Math.min(endPage, pagesCount);
+    for (let i = startPage; i <= endPage; i++) {
+        paginatorItems.push({
+            key: String(i),
+            dataKey: String(i),
+            mods: { type: 'page', active: page === i },
+            onClick: handlePageClick,
+            content: i,
+        });
+    }
+    return paginatorItems;
+};
+exports.getPageConfigs = getPageConfigs;
+const getPagesCount = (props) => {
+    const totalPages = Math.ceil(props.totalItems / props.itemsPerPage);
+    return Math.min(totalPages, props.maxPages);
+};
+exports.getPagesCount = getPagesCount;

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

@@ -0,0 +1,85 @@
+.bc-post-card__title_size_m, .bc-post-card__title_size_s {
+  margin: 0;
+}
+
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.bc-post-card__card {
+  display: flex;
+  flex-direction: column;
+  min-height: 400px;
+}
+.bc-post-card__card_fullWidth {
+  flex-direction: row;
+}
+@media (max-width: 1081px) {
+  .bc-post-card__card_fullWidth {
+    flex-direction: column;
+  }
+}
+.bc-post-card__header_fullWidth {
+  width: 66%;
+  min-height: 480px;
+  height: 100%;
+}
+@media (max-width: 1081px) {
+  .bc-post-card__header_fullWidth {
+    width: 100%;
+    min-height: auto;
+  }
+}
+.bc-post-card__title {
+  margin-bottom: 8px;
+}
+.bc-post-card__title_size_s {
+  font-size: var(--yc-text-header-1-font-size);
+  line-height: var(--yc-text-header-1-line-height);
+  color: var(--pc-text-header-color);
+  font-weight: var(--yc-text-accent-font-weight);
+}
+.bc-post-card__title_size_m {
+  font-size: var(--yc-text-display-2-font-size);
+  line-height: var(--yc-text-display-2-line-height);
+  color: var(--pc-text-header-color);
+  font-weight: var(--yc-text-accent-font-weight);
+}
+@media (max-width: 576px) {
+  .bc-post-card__title_size_m {
+    font-size: var(--yc-text-display-1-font-size);
+    line-height: var(--yc-text-display-1-line-height);
+  }
+}
+.bc-post-card__image-container {
+  height: 156px;
+}
+.bc-post-card__tag {
+  color: var(--yc-color-text-secondary);
+  font-weight: var(--yc-text-accent-font-weight);
+}
+.bc-post-card__tag_size_s {
+  font-size: var(--yc-text-body-2-font-size);
+  line-height: var(--yc-text-body-2-line-height);
+  padding-bottom: 4px;
+}
+.bc-post-card__tag_size_m {
+  font-size: var(--yc-text-body-3-font-size);
+  line-height: var(--yc-text-body-3-line-height);
+  padding-bottom: 8px;
+}
+.bc-post-card__description {
+  word-wrap: break-word;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-height: 96px;
+  white-space: initial;
+  color: var(--yc-color-text-primary);
+}
+@supports (-webkit-line-clamp: 5) {
+  .bc-post-card__description {
+    max-height: auto;
+    -webkit-line-clamp: 5;
+  }
+}
+.bc-post-card__description_size_m {
+  max-height: 128px;
+}

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { MetrikaGoal } from '@gravity-ui/page-constructor';
+import { PostData } from '../../models/common';
+type PostCardProps = {
+    post: PostData;
+    fullWidth?: boolean;
+    showTag?: boolean;
+    size?: 's' | 'm';
+    metrikaGoals?: MetrikaGoal;
+};
+export declare const PostCard: React.FC<PostCardProps>;
+export {};

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

@@ -0,0 +1,60 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PostCard = void 0;
+const react_1 = __importStar(require("react"));
+const page_constructor_1 = require("@gravity-ui/page-constructor");
+const LikesContext_1 = require("../../contexts/LikesContext");
+const SuggestPostInfo_1 = require("../PostInfo/SuggestPostInfo");
+const cn_1 = require("../../utils/cn");
+const b = (0, cn_1.block)('post-card');
+const PostCard = ({ post, metrikaGoals, fullWidth = false, size = 's', showTag = false, }) => {
+    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
+        ? {
+            hasUserLike,
+            likesCount: likes,
+            toggleLike,
+        }
+        : undefined, [hasUserLike, likes, toggleLike, hasLikes]);
+    return (react_1.default.createElement(page_constructor_1.CardBase, { url: url, metrikaGoals: metrikaGoals, className: b('card', { fullWidth }) },
+        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,
+            showTag && ((_a = tags === null || tags === void 0 ? void 0 : tags[0]) === null || _a === void 0 ? void 0 : _a.name) && (react_1.default.createElement("div", { className: b('tag', { size }) }, tags[0].name)),
+            title && (react_1.default.createElement("h4", { className: b('title', { size }) },
+                react_1.default.createElement("span", null,
+                    react_1.default.createElement(page_constructor_1.HTML, null, title)))),
+            description && (react_1.default.createElement(page_constructor_1.YFMWrapper, { className: b('description'), content: description, modifiers: {
+                    blog: size === 'm',
+                    blogCard: true,
+                } }))),
+        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, dataQa: "blog-suggest-block" }))));
+};
+exports.PostCard = PostCard;