@gravity-ui/blog-constructor 3.2.0 → 3.2.1

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [3.2.1](https://github.com/gravity-ui/blog-constructor/compare/v3.2.0...v3.2.1) (2023-05-16)
+
+
+### Bug Fixes
+
+* add settings context to add a tag for pagination ([#47](https://github.com/gravity-ui/blog-constructor/issues/47)) ([0856675](https://github.com/gravity-ui/blog-constructor/commit/0856675316425c9a690664a99d30d2af63e116ca))
+
 ## [3.2.0](https://github.com/gravity-ui/blog-constructor/compare/v3.1.1...v3.2.0) (2023-05-15)
 
 

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

@@ -9,7 +9,6 @@ unpredictable css rules order in build */
 }
 .bc-paginator__link {
   text-decoration: none;
-  pointer-events: none;
   color: var(--yc-color-text-primary);
 }
 .bc-paginator__item {

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

@@ -27,16 +27,18 @@ exports.PaginatorItem = void 0;
 const react_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 b = (0, cn_1.block)('paginator');
 const PaginatorItem = ({ dataKey, mods, content, onClick, loading = false, index, }) => {
     const { locale } = (0, react_1.useContext)(LocaleContext_1.LocaleContext);
+    const { addNavigationLinkForPages } = (0, react_1.useContext)(SettingsContext_1.SettingsContext);
     const urlPath = (0, common_1.getBlogPath)((locale === null || locale === void 0 ? void 0 : locale.pathPrefix) || '');
     const itemKey = Number(dataKey) > 0 ? Number(dataKey) : dataKey;
     const navTag = index > 1 ? `?page=${index}` : '';
     const navigationLink = `${urlPath || ''}${navTag}`;
-    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) },
-        react_1.default.createElement("a", { href: navigationLink, className: b('link'), onClick: (event) => event.preventDefault() }, content)));
+    const renderButton = (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));
+    return (react_1.default.createElement(react_1.Fragment, null, addNavigationLinkForPages ? (react_1.default.createElement("a", { href: navigationLink, className: b('link'), onClick: (event) => event.preventDefault() }, renderButton)) : (react_1.default.createElement(react_1.Fragment, null, renderButton))));
 };
 exports.PaginatorItem = PaginatorItem;

package/build/cjs/constructor/BlogConstructorProvider.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import { AnalyticsContextProps } from '@gravity-ui/page-constructor';
 import { DeviceContextProps } from '../contexts/DeviceContext';
 import { RouterContextProps } from '../contexts/RouterContext';
+import { SettingsContextProps } from '../contexts/SettingsContext';
 import { ThemeValueType } from '../contexts/theme/ThemeValueContext';
 import { Locale } from '../models/locale';
 export interface BlogConstructorProviderProps {
@@ -11,6 +12,7 @@ export interface BlogConstructorProviderProps {
     theme?: ThemeValueType;
     device?: DeviceContextProps;
     analytics?: AnalyticsContextProps;
+    settings?: SettingsContextProps;
     children?: React.ReactNode;
 }
 export declare const BlogConstructorProvider: React.FC<BlogConstructorProviderProps>;

package/build/cjs/constructor/BlogConstructorProvider.js

@@ -31,14 +31,16 @@ const DeviceContext_1 = require("../contexts/DeviceContext");
 const LocaleContext_1 = require("../contexts/LocaleContext");
 const MobileContext_1 = require("../contexts/MobileContext");
 const RouterContext_1 = require("../contexts/RouterContext");
+const SettingsContext_1 = require("../contexts/SettingsContext");
 const ThemeValueContext_1 = require("../contexts/theme/ThemeValueContext");
-const BlogConstructorProvider = ({ isMobile, locale = {}, router = {}, theme = constants_1.DEFAULT_THEME, device = {}, analytics = {}, children, }) => {
+const BlogConstructorProvider = ({ isMobile, locale = {}, router = {}, theme = constants_1.DEFAULT_THEME, device = {}, analytics = {}, settings = {}, children, }) => {
     const context = [
         react_1.default.createElement(ThemeValueContext_1.ThemeValueContext.Provider, { value: { themeValue: theme }, key: "theme-context" }),
         react_1.default.createElement(LocaleContext_1.LocaleContext.Provider, { value: { locale }, key: "locale-context" }),
         react_1.default.createElement(RouterContext_1.RouterContext.Provider, { value: router, key: "router-context" }),
         react_1.default.createElement(MobileContext_1.MobileContext.Provider, { value: Boolean(isMobile), key: "is-mobile-context" }),
         react_1.default.createElement(DeviceContext_1.DeviceContext.Provider, { value: device, key: "device-context" }),
+        react_1.default.createElement(SettingsContext_1.SettingsContext.Provider, { value: settings, key: "settings-context" }),
         react_1.default.createElement(page_constructor_1.AnalyticsContext.Provider, { value: analytics, key: "analytics-context" }),
     ].reduceRight((prev, provider) => react_1.default.cloneElement(provider, {}, prev), children);
     return react_1.default.createElement(react_1.Fragment, null, context);

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

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface SettingsContextProps {
+    addNavigationLinkForPages?: boolean;
+}
+export declare const SettingsContext: React.Context<SettingsContextProps>;

package/build/cjs/contexts/SettingsContext.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SettingsContext = void 0;
+const react_1 = __importDefault(require("react"));
+exports.SettingsContext = react_1.default.createContext({});

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

@@ -9,7 +9,6 @@ unpredictable css rules order in build */
 }
 .bc-paginator__link {
   text-decoration: none;
-  pointer-events: none;
   color: var(--yc-color-text-primary);
 }
 .bc-paginator__item {

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

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

package/build/esm/constructor/BlogConstructorProvider.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import { AnalyticsContextProps } from '@gravity-ui/page-constructor';
 import { DeviceContextProps } from '../contexts/DeviceContext';
 import { RouterContextProps } from '../contexts/RouterContext';
+import { SettingsContextProps } from '../contexts/SettingsContext';
 import { ThemeValueType } from '../contexts/theme/ThemeValueContext';
 import { Locale } from '../models/locale';
 export interface BlogConstructorProviderProps {
@@ -11,6 +12,7 @@ export interface BlogConstructorProviderProps {
     theme?: ThemeValueType;
     device?: DeviceContextProps;
     analytics?: AnalyticsContextProps;
+    settings?: SettingsContextProps;
     children?: React.ReactNode;
 }
 export declare const BlogConstructorProvider: React.FC<BlogConstructorProviderProps>;

package/build/esm/constructor/BlogConstructorProvider.js

@@ -5,14 +5,16 @@ import { DeviceContext } from '../contexts/DeviceContext';
 import { LocaleContext } from '../contexts/LocaleContext';
 import { MobileContext } from '../contexts/MobileContext';
 import { RouterContext } from '../contexts/RouterContext';
+import { SettingsContext } from '../contexts/SettingsContext';
 import { ThemeValueContext } from '../contexts/theme/ThemeValueContext';
-export const BlogConstructorProvider = ({ isMobile, locale = {}, router = {}, theme = DEFAULT_THEME, device = {}, analytics = {}, children, }) => {
+export const BlogConstructorProvider = ({ isMobile, locale = {}, router = {}, theme = DEFAULT_THEME, device = {}, analytics = {}, settings = {}, children, }) => {
     const context = [
         React.createElement(ThemeValueContext.Provider, { value: { themeValue: theme }, key: "theme-context" }),
         React.createElement(LocaleContext.Provider, { value: { locale }, key: "locale-context" }),
         React.createElement(RouterContext.Provider, { value: router, key: "router-context" }),
         React.createElement(MobileContext.Provider, { value: Boolean(isMobile), key: "is-mobile-context" }),
         React.createElement(DeviceContext.Provider, { value: device, key: "device-context" }),
+        React.createElement(SettingsContext.Provider, { value: settings, key: "settings-context" }),
         React.createElement(AnalyticsContext.Provider, { value: analytics, key: "analytics-context" }),
     ].reduceRight((prev, provider) => React.cloneElement(provider, {}, prev), children);
     return React.createElement(Fragment, null, context);

package/build/esm/contexts/SettingsContext.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface SettingsContextProps {
+    addNavigationLinkForPages?: boolean;
+}
+export declare const SettingsContext: React.Context<SettingsContextProps>;

package/build/esm/contexts/SettingsContext.js

@@ -0,0 +1,2 @@
+import React from 'react';
+export const SettingsContext = React.createContext({});

package/package.json

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