@gravity-ui/blog-constructor 2.0.1 → 2.0.2

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [2.0.2](https://github.com/gravity-ui/blog-constructor/compare/v2.0.1...v2.0.2) (2023-04-05)
+
+
+### Bug Fixes
+
+* covering pagination buttons into 'a' tag ([#23](https://github.com/gravity-ui/blog-constructor/issues/23)) ([e603f2e](https://github.com/gravity-ui/blog-constructor/commit/e603f2e2b0f86d492132174a1c8172786e7a09a1))
+
 ## [2.0.1](https://github.com/gravity-ui/blog-constructor/compare/v2.0.0...v2.0.1) (2023-04-04)
 
 

package/build/cjs/components/Paginator/Paginator.css

@@ -7,6 +7,9 @@ unpredictable css rules order in build */
   display: flex;
   align-items: center;
 }
+.bc-paginator__link {
+  text-decoration: none;
+}
 .bc-paginator__item {
   display: inline-flex;
   align-items: center;

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

@@ -1,15 +1,42 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+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.PaginatorItem = void 0;
-const react_1 = __importDefault(require("react"));
+const react_1 = __importStar(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
+const LocaleContext_1 = require("../../../contexts/LocaleContext");
+const common_1 = require("../../../utils/common");
 const cn_1 = require("../../../utils/cn");
 const b = (0, cn_1.block)('paginator');
 const PaginatorItem = ({ dataKey, mods, content, onClick, loading = false, }) => {
+    const { locale } = (0, react_1.useContext)(LocaleContext_1.LocaleContext);
+    const urlPath = (0, common_1.getBlogPath)((locale === null || locale === void 0 ? void 0 : locale.pathPrefix) || '');
     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));
+    const navTag = itemKey > 0 ? `${mods.type || 'page'}=${itemKey}` : itemKey;
+    const navigationLink = `${urlPath || ''}?${navTag}`;
+    return (react_1.default.createElement("a", { href: navigationLink, className: b('link', mods), onClick: (event) => event.preventDefault() },
+        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/utils/common.d.ts

@@ -34,6 +34,7 @@ type GetBreadcrumbsProps = {
     tags?: Tag[];
     pathPrefix?: string;
 };
+export declare const getBlogPath: (pathPrefix: string) => string;
 export declare const getBreadcrumbs: ({ tags, pathPrefix }: GetBreadcrumbsProps) => HeaderBreadCrumbsProps;
 export declare const isMetrikaExist: (goal: NewMetrikaGoal, existGoals: NewMetrikaGoal[]) => boolean;
 export declare const getBlogElementMetrika: (blogCustomGoal: NewMetrikaGoal, existingGoals?: MetrikaGoal) => string | string[] | NewMetrikaGoal[];

package/build/cjs/utils/common.js

@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.scrollOnPageChange = exports.getFeedQueryParams = exports.getBlogElementMetrika = exports.isMetrikaExist = exports.getBreadcrumbs = exports.updateContentSizes = exports.getTagFilterUrl = exports.postLikeStatus = exports.getTags = exports.scrollToHash = exports.getPageSearchParams = exports.getAbsolutePath = void 0;
+exports.scrollOnPageChange = exports.getFeedQueryParams = exports.getBlogElementMetrika = exports.isMetrikaExist = exports.getBreadcrumbs = exports.getBlogPath = exports.updateContentSizes = exports.getTagFilterUrl = exports.postLikeStatus = exports.getTags = exports.scrollToHash = exports.getPageSearchParams = exports.getAbsolutePath = void 0;
 const url_1 = require("url");
 const lodash_1 = require("lodash");
 const page_constructor_1 = require("@gravity-ui/page-constructor");
@@ -65,6 +65,11 @@ const updateContentSizes = (_a) => {
     return (Object.assign(Object.assign({}, contentData), { size: size || constants_1.CONTENT_DEFAULT_SIZE, colSizes: colSizes || constants_1.CONTENT_DEFAULT_COL_SIZES, theme: theme || constants_1.CONTENT_DEFAULT_THEME }));
 };
 exports.updateContentSizes = updateContentSizes;
+const getBlogPath = (pathPrefix) => {
+    const prefix = pathPrefix ? `/${pathPrefix}/` : '/';
+    return `${prefix}blog`;
+};
+exports.getBlogPath = getBlogPath;
 const getBreadcrumbs = ({ tags, pathPrefix }) => {
     const prefix = pathPrefix ? `/${pathPrefix}/` : '/';
     const breadcrumbs = {

package/build/esm/components/Paginator/Paginator.css

@@ -7,6 +7,9 @@ unpredictable css rules order in build */
   display: flex;
   align-items: center;
 }
+.bc-paginator__link {
+  text-decoration: none;
+}
 .bc-paginator__item {
   display: inline-flex;
   align-items: center;

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

@@ -1,9 +1,16 @@
-import React from 'react';
+import React, { useContext } from 'react';
 import { Button } from '@gravity-ui/uikit';
+import { LocaleContext } from '../../../contexts/LocaleContext';
+import { getBlogPath } from '../../../utils/common';
 import { block } from '../../../utils/cn';
 import '../Paginator.css';
 const b = block('paginator');
 export const PaginatorItem = ({ dataKey, mods, content, onClick, loading = false, }) => {
+    const { locale } = useContext(LocaleContext);
+    const urlPath = getBlogPath((locale === null || locale === void 0 ? void 0 : locale.pathPrefix) || '');
     const itemKey = Number(dataKey) > 0 ? Number(dataKey) : dataKey;
-    return (React.createElement(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));
+    const navTag = itemKey > 0 ? `${mods.type || 'page'}=${itemKey}` : itemKey;
+    const navigationLink = `${urlPath || ''}?${navTag}`;
+    return (React.createElement("a", { href: navigationLink, className: b('link', mods), onClick: (event) => event.preventDefault() },
+        React.createElement(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)));
 };

package/build/esm/utils/common.d.ts

@@ -34,6 +34,7 @@ type GetBreadcrumbsProps = {
     tags?: Tag[];
     pathPrefix?: string;
 };
+export declare const getBlogPath: (pathPrefix: string) => string;
 export declare const getBreadcrumbs: ({ tags, pathPrefix }: GetBreadcrumbsProps) => HeaderBreadCrumbsProps;
 export declare const isMetrikaExist: (goal: NewMetrikaGoal, existGoals: NewMetrikaGoal[]) => boolean;
 export declare const getBlogElementMetrika: (blogCustomGoal: NewMetrikaGoal, existingGoals?: MetrikaGoal) => string | string[] | NewMetrikaGoal[];

package/build/esm/utils/common.js

@@ -57,6 +57,10 @@ export const updateContentSizes = (_a) => {
     var { size, colSizes, theme } = _a, contentData = __rest(_a, ["size", "colSizes", "theme"]);
     return (Object.assign(Object.assign({}, contentData), { size: size || CONTENT_DEFAULT_SIZE, colSizes: colSizes || CONTENT_DEFAULT_COL_SIZES, theme: theme || CONTENT_DEFAULT_THEME }));
 };
+export const getBlogPath = (pathPrefix) => {
+    const prefix = pathPrefix ? `/${pathPrefix}/` : '/';
+    return `${prefix}blog`;
+};
 export const getBreadcrumbs = ({ tags, pathPrefix }) => {
     const prefix = pathPrefix ? `/${pathPrefix}/` : '/';
     const breadcrumbs = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/blog-constructor",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "description": "Gravity UI Blog Constructor",
   "license": "MIT",
   "repository": {