@gravity-ui/blog-constructor 2.1.0-alpha.2 → 2.1.2-alpha.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # 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)
+
+
+### Bug Fixes
+
+* throw virtualization threshold prop in Select ([#26](https://github.com/gravity-ui/blog-constructor/issues/26)) ([ccb0f19](https://github.com/gravity-ui/blog-constructor/commit/ccb0f19a904e54fd43ca66195da9e94925d0a26f))
+* throw virtualization threshold prop in Select ([#26](https://github.com/gravity-ui/blog-constructor/issues/26)) ([0aa5aed](https://github.com/gravity-ui/blog-constructor/commit/0aa5aeda9a0afd99ae8590c6b666c033a12b7fba))
+
 ## [2.0.0](https://github.com/gravity-ui/blog-constructor/compare/v1.1.2...v2.0.0) (2023-04-03)
 
 

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

@@ -41,6 +41,7 @@ const cn_1 = require("../../../../utils/cn");
 const b = (0, cn_1.block)('feed-controls');
 const ICON_SIZE = 16;
 const DEFAULT_PAGE = 1;
+const VIRTUALIZATION_THRESHOLD = 1000;
 const Controls = ({ setIsFetching, tags = [], services = [], handleChangeQuery, queryParams, }) => {
     const { hasLikes } = (0, react_1.useContext)(LikesContext_1.LikesContext);
     const { savedOnly: savedOnlyInitial, search: searchInitial, tags: tagInitial, services: servicesInitial, } = queryParams || {};
@@ -91,13 +92,13 @@ const Controls = ({ setIsFetching, tags = [], services = [], handleChangeQuery,
                         initial: [tagInitial],
                         list: tagsItems,
                         defaultLabel: (0, i18n_1.i18)(i18n_1.Keyset.AllTags),
-                    }), disablePortal: true, renderOption: customRenders_1.renderOption })),
+                    }), disablePortal: true, virtualizationThreshold: VIRTUALIZATION_THRESHOLD, renderOption: customRenders_1.renderOption })),
             services.length > 0 ? (react_1.default.createElement("div", { className: b('filter-item') },
                 react_1.default.createElement(uikit_1.Select, { className: b('select'), size: "xl", multiple: true, filterable: true, disablePortal: true, options: services, defaultValue: servicesItems, popupClassName: b('popup'), onUpdate: handleServicesSelect, placeholder: (0, i18n_1.i18)(i18n_1.Keyset.AllServices), renderControl: (0, customRenders_1.renderSwitcher)({
                         initial: servicesItems,
                         list: services,
                         defaultLabel: (0, i18n_1.i18)(i18n_1.Keyset.AllServices),
-                    }), renderOption: customRenders_1.renderOption, renderFilter: customRenders_1.renderFilter }))) : null,
+                    }), virtualizationThreshold: VIRTUALIZATION_THRESHOLD, renderOption: customRenders_1.renderOption, renderFilter: customRenders_1.renderFilter }))) : null,
             hasLikes ? (react_1.default.createElement("div", { className: b('filter-item', { 'width-auto': true }) },
                 react_1.default.createElement(uikit_1.Button, { view: 'outlined', className: b('saved-only-button', { savedOnly }), size: "xl", onClick: handleSavedOnly },
                     react_1.default.createElement(uikit_1.Icon, { data: Save_1.Save, size: ICON_SIZE, className: b('icon', { savedOnly }) }),

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/constructor/BlogConstructorProvider.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { AnalyticsContextProps } from '@gravity-ui/page-constructor/build/esm/context/analyticsContext';
+import { AnalyticsContextProps } from '@gravity-ui/page-constructor';
 import { RouterContextProps } from '../contexts/RouterContext';
 import { UserContextProps } from '../contexts/UserContext';
 import { DeviceContextProps } from '../contexts/DeviceContext';

package/build/cjs/constructor/BlogConstructorProvider.js

@@ -25,7 +25,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BlogConstructorProvider = void 0;
 const react_1 = __importStar(require("react"));
-const analyticsContext_1 = require("@gravity-ui/page-constructor/build/esm/context/analyticsContext");
+const page_constructor_1 = require("@gravity-ui/page-constructor");
 const MobileContext_1 = require("../contexts/MobileContext");
 const LocaleContext_1 = require("../contexts/LocaleContext");
 const RouterContext_1 = require("../contexts/RouterContext");
@@ -41,7 +41,7 @@ const BlogConstructorProvider = ({ isMobile, locale = {}, router = {}, theme = c
         react_1.default.createElement(MobileContext_1.MobileContext.Provider, { value: Boolean(isMobile), key: "is-mobile-context" }),
         react_1.default.createElement(UserContext_1.UserContext.Provider, { value: user, key: "user-context" }),
         react_1.default.createElement(DeviceContext_1.DeviceContext.Provider, { value: device, key: "device-context" }),
-        react_1.default.createElement(analyticsContext_1.AnalyticsContext.Provider, { value: analytics, key: "analytics-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/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/FeedHeader/components/Controls/Controls.js

@@ -13,6 +13,7 @@ import './Controls.css';
 const b = block('feed-controls');
 const ICON_SIZE = 16;
 const DEFAULT_PAGE = 1;
+const VIRTUALIZATION_THRESHOLD = 1000;
 export const Controls = ({ setIsFetching, tags = [], services = [], handleChangeQuery, queryParams, }) => {
     const { hasLikes } = useContext(LikesContext);
     const { savedOnly: savedOnlyInitial, search: searchInitial, tags: tagInitial, services: servicesInitial, } = queryParams || {};
@@ -63,13 +64,13 @@ export const Controls = ({ setIsFetching, tags = [], services = [], handleChange
                         initial: [tagInitial],
                         list: tagsItems,
                         defaultLabel: i18(Keyset.AllTags),
-                    }), disablePortal: true, renderOption: renderOption })),
+                    }), disablePortal: true, virtualizationThreshold: VIRTUALIZATION_THRESHOLD, renderOption: renderOption })),
             services.length > 0 ? (React.createElement("div", { className: b('filter-item') },
                 React.createElement(Select, { className: b('select'), size: "xl", multiple: true, filterable: true, disablePortal: true, options: services, defaultValue: servicesItems, popupClassName: b('popup'), onUpdate: handleServicesSelect, placeholder: i18(Keyset.AllServices), renderControl: renderSwitcher({
                         initial: servicesItems,
                         list: services,
                         defaultLabel: i18(Keyset.AllServices),
-                    }), renderOption: renderOption, renderFilter: renderFilter }))) : null,
+                    }), virtualizationThreshold: VIRTUALIZATION_THRESHOLD, renderOption: renderOption, renderFilter: renderFilter }))) : null,
             hasLikes ? (React.createElement("div", { className: b('filter-item', { 'width-auto': true }) },
                 React.createElement(Button, { view: 'outlined', className: b('saved-only-button', { savedOnly }), size: "xl", onClick: handleSavedOnly },
                     React.createElement(Icon, { data: Save, size: ICON_SIZE, className: b('icon', { savedOnly }) }),

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/constructor/BlogConstructorProvider.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { AnalyticsContextProps } from '@gravity-ui/page-constructor/build/esm/context/analyticsContext';
+import { AnalyticsContextProps } from '@gravity-ui/page-constructor';
 import { RouterContextProps } from '../contexts/RouterContext';
 import { UserContextProps } from '../contexts/UserContext';
 import { DeviceContextProps } from '../contexts/DeviceContext';

package/build/esm/constructor/BlogConstructorProvider.js

@@ -1,5 +1,5 @@
 import React, { Fragment } from 'react';
-import { AnalyticsContext, } from '@gravity-ui/page-constructor/build/esm/context/analyticsContext';
+import { AnalyticsContext } from '@gravity-ui/page-constructor';
 import { MobileContext } from '../contexts/MobileContext';
 import { LocaleContext } from '../contexts/LocaleContext';
 import { RouterContext } from '../contexts/RouterContext';

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.1.0-alpha.2",
+  "version": "2.1.2-alpha.0",
   "description": "Gravity UI Blog Constructor",
   "license": "MIT",
   "repository": {