@gravity-ui/blog-constructor 3.4.0 → 4.0.0-alpha.0

package/build/esm/components/Posts/Posts.js

@@ -8,9 +8,8 @@ import { PostCard } from '../PostCard/PostCard';
 import { PostsEmpty } from '../PostsEmpty/PostsEmpty';
 import './Posts.css';
 const b = block('posts');
-export const Posts = ({ containerId, pinnedPostOnPage, currentPage, postsOnPage, isShowMoreVisible, errorShowMore, postCountOnPage, perPageInQuery, isFetching, handleShowMore, handlePageChange, pageCountForShowSupportButtons, }) => (React.createElement("div", { className: b() },
-    isFetching && React.createElement("div", { className: b('loaderContainer') }),
-    React.createElement("div", { id: containerId, className: b('cards-container', { isLoading: isFetching }) },
+export const Posts = ({ containerId, pinnedPostOnPage, currentPage, postsOnPage, isShowMoreVisible, errorShowMore, postCountOnPage, perPageInQuery, isFetching, isShowMoreFetching, handleShowMore, handlePageChange, pageCountForShowSupportButtons, }) => (React.createElement("div", { className: b() },
+    React.createElement("div", { id: containerId, className: b('cards-container') },
         pinnedPostOnPage && currentPage === 1 && (React.createElement("div", { className: b('pinned-container') },
             React.createElement(PostCard, { post: pinnedPostOnPage, size: "m", fullWidth: true, showTag: true }))),
         (postsOnPage === null || postsOnPage === void 0 ? void 0 : postsOnPage.length) ? (React.createElement(CardLayoutBlock, { title: '', colSizes: {
@@ -19,9 +18,9 @@ export const Posts = ({ containerId, pinnedPostOnPage, currentPage, postsOnPage,
                 md: 6,
             } }, postsOnPage === null || postsOnPage === void 0 ? void 0 : postsOnPage.map((post) => (React.createElement(PostCard, { key: post.id, post: post, showTag: true }))))) : (React.createElement(PostsEmpty, null))),
     React.createElement("div", { className: b('pagination') },
-        Boolean(isShowMoreVisible && (postsOnPage === null || postsOnPage === void 0 ? void 0 : postsOnPage.length)) && (React.createElement(Button, { view: "outlined", size: "xl", className: b('more-button'), onClick: handleShowMore }, i18(Keyset.ActionLoadMore))),
+        Boolean(isShowMoreVisible && (postsOnPage === null || postsOnPage === void 0 ? void 0 : postsOnPage.length)) && (React.createElement(Button, { view: "outlined", size: "xl", className: b('more-button'), onClick: handleShowMore, loading: isShowMoreFetching }, i18(Keyset.ActionLoadMore))),
         errorShowMore && (React.createElement("div", { className: b('error-show-more') },
             React.createElement("div", null, i18(Keyset.ErrorTitle)),
             React.createElement("div", null, i18(Keyset.PostLoadError)))),
         Boolean(currentPage && postCountOnPage) && (React.createElement("div", { className: b('paginator') },
-            React.createElement(Paginator, { onPageChange: handlePageChange, page: currentPage, totalItems: postCountOnPage, itemsPerPage: perPageInQuery, maxPages: Infinity, pageCountForShowSupportButtons: pageCountForShowSupportButtons }))))));
+            React.createElement(Paginator, { onPageChange: handlePageChange, page: currentPage, totalItems: postCountOnPage, itemsPerPage: perPageInQuery, loading: isFetching, maxPages: Infinity, pageCountForShowSupportButtons: pageCountForShowSupportButtons }))))));

package/build/esm/components/Search/Search.js

@@ -1,6 +1,6 @@
 import React, { useEffect, useRef, useState } from 'react';
-import { TextInput } from '@gravity-ui/uikit';
 import { debounce as lodashDebounce } from 'lodash';
+import { TextInput } from '@gravity-ui/uikit';
 import { useIsIPhone } from '../../hooks/useIsIPhone';
 import { Keyset, i18 } from '../../i18n';
 import { Close } from '../../icons/Close';

package/build/esm/containers/BlogPostPage/BlogPostPage.css

@@ -173,18 +173,6 @@ unpredictable css rules order in build */
 .yfm_constructor_theme_dark p {
   color: var(--yc-color-text-light-primary);
 }
-.yfm_constructor_footnote_text p, .yfm_constructor_footnote_page p {
-  opacity: 0.5;
-}
-.yfm_constructor_footnote_text p {
-  font-size: var(--yc-text-body-2-font-size);
-  line-height: var(--yc-text-body-2-line-height);
-}
-.yfm_constructor_footnote_page p {
-  font-size: var(--yc-text-body-1-font-size);
-  line-height: var(--yc-text-body-1-line-height);
-  display: inline;
-}
 .yfm_constructor_list_style ul {
   padding-left: 20px;
 }

package/build/esm/counters/metrika.d.ts

@@ -0,0 +1,62 @@
+export function initCounters(configs: any): void;
+declare namespace _default {
+    export { hit };
+    export { params };
+    export { reachGoal };
+    export { reachGoals };
+    export { Goal };
+    export { getServicePrefix };
+    export { getMarketPlacePrefix };
+    export { goalGoToConsole };
+    export { goalGoToForm };
+    export { goalGoToDocs };
+    export { goalFormSubmit };
+    export { goalEventFormSubmit };
+    export { goalEventVideoAction };
+    export { goalCaseFormSubmit };
+    export { goalSwitchLang };
+}
+export default _default;
+declare function hit(...args: any[]): void;
+declare function params(...args: any[]): void;
+declare function reachGoal(counterName: any, ...args: any[]): void;
+declare function reachGoals(goals: any, counterName?: string): void;
+/**
+ * @deprecated Metrika will be deleted after launch of analyticsEvents
+ */
+declare const Goal: {
+    SUPPORT_OPEN_FORM: string;
+    SUPPORT_STEP_1_SUBMIT: string;
+    SUPPORT_STEP_2_SUBMIT: string;
+    SUPPORT_STEP_3_SUBMIT: string;
+    SUPPORT_THANKYOU_SUBMIT: string;
+    MP_OPEN_FORM: string;
+    EDIT_ON_GITHUB: string;
+    MAIN_GO_TO_VAR: string;
+    MAIN_GO_TO_ISV: string;
+    MAIN_ALL_PARTNERS: string;
+    FIND_GO_TO_VAR: string;
+    ISV_GO_TO_MP: string;
+    FOOTER_SUBSCRIBE: string;
+    FOOTER_MNG_SUBSCRIPTIONS: string;
+    MOBILE_STORE_IOS: string;
+    MOBILE_STORE_ANDROID: string;
+    REGION_POPUP_SHOW: string;
+    REGION_POPUP_YES: string;
+    REGION_POPUP_NO: string;
+    REGION_POPUP_CLOSE: string;
+    SCALE_REGISTRATION: string;
+    DLGOTOPRODUCT_MPSITE: string;
+    MPK8S_CLCK: string;
+    'SITE_CALCULATOR_SHARE-RESULT_CLICK': string;
+};
+declare function getServicePrefix(id: any): "CMPT" | "IAM" | "VPC" | "STRG" | "SK" | "CH" | "MONGO" | "POSTGR" | "MR" | "MMSQL" | "MK" | "TRSL" | "INSTGR" | "LB" | "MQ" | "DL" | "MNTRG" | "DP" | "KMS" | "YDB" | "INTRCNCT" | undefined;
+declare function getMarketPlacePrefix(id: any): string;
+declare function goalGoToConsole(prefix: any): any;
+declare function goalGoToForm(prefix: any): any;
+declare function goalGoToDocs(prefix: any): any;
+declare function goalFormSubmit(prefix: any): any;
+declare function goalEventFormSubmit(id: any): string;
+declare function goalEventVideoAction(id: any, action: any): string;
+declare function goalCaseFormSubmit(id: any): string;
+declare function goalSwitchLang(place: any): string;

package/build/esm/counters/metrika.js

@@ -0,0 +1,169 @@
+/**
+ * @deprecated Metrika will be deleted after launch of analyticsEvents
+ */
+const Goal = {
+    SUPPORT_OPEN_FORM: 'SUPPORTOPENFORM',
+    SUPPORT_STEP_1_SUBMIT: 'SUPPORTSTEP1SUBMIT',
+    SUPPORT_STEP_2_SUBMIT: 'SUPPORTSTEP2SUBMIT',
+    SUPPORT_STEP_3_SUBMIT: 'SUPPORTSTEP3SUBMIT',
+    SUPPORT_THANKYOU_SUBMIT: 'SUPPORTTHANKYOUSUBMIT',
+    MP_OPEN_FORM: 'MPOPENFORM',
+    EDIT_ON_GITHUB: 'EDITONGITHUB',
+    MAIN_GO_TO_VAR: 'MAINGOTOVAR',
+    MAIN_GO_TO_ISV: 'MAINGOTOISV',
+    MAIN_ALL_PARTNERS: 'MAINALLPARTNERS',
+    FIND_GO_TO_VAR: 'FINDGOTOVAR',
+    ISV_GO_TO_MP: 'ISVGOTOMP',
+    FOOTER_SUBSCRIBE: 'FOOTERSUBSCRIBE',
+    FOOTER_MNG_SUBSCRIPTIONS: 'FOOTERMNGSUBSCRIPTIONS',
+    MOBILE_STORE_IOS: '154_Mobile_App_Store_Badge',
+    MOBILE_STORE_ANDROID: '155_Mobile_Google_Play_Badge',
+    REGION_POPUP_SHOW: 'REGIONPOPUP',
+    REGION_POPUP_YES: 'REGIONPOPUPYES',
+    REGION_POPUP_NO: 'REGIONPOPUPNO',
+    REGION_POPUP_CLOSE: 'REGIONPOPUPCLOSE',
+    SCALE_REGISTRATION: 'Scale_registration',
+    DLGOTOPRODUCT_MPSITE: 'DLGOTOPRODUCT_MPSITE',
+    MPK8S_CLCK: 'MPK8S_CLCK',
+    'SITE_CALCULATOR_SHARE-RESULT_CLICK': 'SITE_CALCULATOR_SHARE-RESULT_CLICK',
+};
+const HIT_COUNTERS = ['main', 'cross-site', 'scale'];
+const counterIds = {};
+function getCounter(name) {
+    const counterId = counterIds[name];
+    return window['yaCounter' + counterId];
+}
+export function initCounters(configs) {
+    configs.forEach((config) => {
+        counterIds[config.name] = config.id;
+    });
+}
+function hit(...args) {
+    HIT_COUNTERS.forEach((counterName) => {
+        const counter = getCounter(counterName);
+        if (!counter) {
+            return;
+        }
+        counter.hit(...args);
+    });
+}
+function params(...args) {
+    const counter = getCounter('main');
+    if (!counter) {
+        return;
+    }
+    counter.params(...args);
+}
+function reachGoal(counterName, ...args) {
+    const counter = getCounter(counterName);
+    if (!counter) {
+        return;
+    }
+    counter.reachGoal(...args);
+}
+function reachGoals(goals, counterName = 'main') {
+    if (!goals) {
+        return;
+    }
+    const goalsArray = Array.isArray(goals) ? goals : [goals];
+    goalsArray.forEach((goal) => {
+        if (typeof goal === 'object') {
+            reachGoal(counterName, goal.name, goal.params);
+        }
+        else {
+            reachGoal(counterName, goal);
+        }
+    });
+}
+// eslint-disable-next-line complexity
+function getServicePrefix(id) {
+    switch (id) {
+        case 'compute':
+            return 'CMPT';
+        case 'iam':
+            return 'IAM';
+        case 'vpc':
+            return 'VPC';
+        case 'storage':
+            return 'STRG';
+        case 'speechkit':
+            return 'SK';
+        case 'managed-clickhouse':
+            return 'CH';
+        case 'managed-mongodb':
+            return 'MONGO';
+        case 'managed-postgresql':
+            return 'POSTGR';
+        case 'managed-redis':
+            return 'MR';
+        case 'managed-mysql':
+            return 'MMSQL';
+        case 'managed-kubernetes':
+            return 'MK';
+        case 'translate':
+            return 'TRSL';
+        case 'instance-groups':
+            return 'INSTGR';
+        case 'load-balancer':
+            return 'LB';
+        case 'message-queue':
+            return 'MQ';
+        case 'datalens':
+            return 'DL';
+        case 'monitoring':
+            return 'MNTRG';
+        case 'data-proc':
+            return 'DP';
+        case 'kms':
+            return 'KMS';
+        case 'ydb':
+            return 'YDB';
+        case 'interconnect':
+            return 'INTRCNCT';
+    }
+    return undefined;
+}
+function getMarketPlacePrefix(id) {
+    return `product_${id}_`;
+}
+function goalGoToConsole(prefix) {
+    return prefix && `${prefix}GOTOCONSOLE`;
+}
+function goalGoToForm(prefix) {
+    return prefix && `${prefix}GOTOFORM`;
+}
+function goalGoToDocs(prefix) {
+    return prefix && `${prefix}GOTODOCS`;
+}
+function goalFormSubmit(prefix) {
+    return prefix && `${prefix}FORMSUBMIT`;
+}
+function goalEventFormSubmit(id) {
+    return `event${id || 's'}_form_submit`;
+}
+function goalEventVideoAction(id, action) {
+    return `event${id}_video_${action}`;
+}
+function goalCaseFormSubmit(id) {
+    return `case${id ? `_${id}` : 's'}_form_submit`;
+}
+function goalSwitchLang(place) {
+    return `SWITCH_LANG_${place}`;
+}
+export default {
+    hit,
+    params,
+    reachGoal,
+    reachGoals,
+    Goal,
+    getServicePrefix,
+    getMarketPlacePrefix,
+    goalGoToConsole,
+    goalGoToForm,
+    goalGoToDocs,
+    goalFormSubmit,
+    goalEventFormSubmit,
+    goalEventVideoAction,
+    goalCaseFormSubmit,
+    goalSwitchLang,
+};

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

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import { HeaderBlockProps as PageConstructorHeaderBlockProps } from '@gravity-ui/page-constructor';
 import { IBrowser, IDevice } from 'ua-parser-js';
+import { HeaderBlockProps as PageConstructorHeaderBlockProps } from '@gravity-ui/page-constructor';
 import { Locale } from '../models/locale';
 export declare enum Theme {
     Light = "light",
@@ -161,7 +161,3 @@ export declare enum DefaultEventNames {
     Service = "selector-service-click",
     SaveOnly = "save-only-button-click"
 }
-export type FetchArgs = {
-    page?: number;
-    query: Query;
-};

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

@@ -23,7 +23,7 @@ export declare const updateContentSizes: ({ size, colSizes, theme, ...contentDat
         md: number;
     } | Partial<Record<import("@gravity-ui/page-constructor").GridColumnSize, number>>;
     theme: import("@gravity-ui/page-constructor").ContentTheme;
-    title?: string | import("@gravity-ui/page-constructor").TitleBaseProps | undefined;
+    title?: string | import("@gravity-ui/page-constructor").TitleItemBaseProps | undefined;
     text?: string | undefined;
     additionalInfo?: string | undefined;
     links?: import("@gravity-ui/page-constructor").LinkProps[] | undefined;

package/build/esm/utils/common.js

@@ -10,8 +10,8 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { format, parse } from 'url';
-import { isNewMetrikaFormat, } from '@gravity-ui/page-constructor';
 import { debounce, memoize } from 'lodash';
+import { isNewMetrikaFormat, } from '@gravity-ui/page-constructor';
 import { CONTENT_DEFAULT_COL_SIZES, CONTENT_DEFAULT_SIZE, CONTENT_DEFAULT_THEME, DEFAULT_PAGE, DEFAULT_ROWS_PER_PAGE, } from '../blocks/constants';
 import { Keyset, i18 } from '../i18n';
 export function getAbsolutePath(router, url) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/blog-constructor",
-  "version": "3.4.0",
+  "version": "4.0.0-alpha.0",
   "description": "Gravity UI Blog Constructor",
   "license": "MIT",
   "repository": {
@@ -73,7 +73,7 @@
     "@commitlint/config-conventional": "^17.4.3",
     "@doc-tools/transform": "^2.9.0",
     "@gravity-ui/eslint-config": "^2.0.0",
-    "@gravity-ui/page-constructor": "^2.13.0",
+    "@gravity-ui/page-constructor": "^3.0.0-alpha.5",
     "@gravity-ui/prettier-config": "^1.0.1",
     "@gravity-ui/stylelint-config": "^1.0.0",
     "@gravity-ui/tsconfig": "^1.0.0",
@@ -141,5 +141,8 @@
     "*.{json,yaml,yml,md}": [
       "prettier --write"
     ]
+  },
+  "publishConfig": {
+    "tag": "alpha"
   }
 }

package/server/data/sanitizeMeta.d.ts

@@ -1,8 +1,6 @@
 import { PostMetaProps } from '../models/common';
 /**
  * Function for sanitized meta-data fields
- * @param metaData PostMetaProps
- * @returns metaData
  */
 export declare const sanitizeMeta: (metaData: PostMetaProps) => {
     title: string;

package/server/data/sanitizeMeta.js

@@ -4,8 +4,6 @@ exports.sanitizeMeta = void 0;
 const server_1 = require("@gravity-ui/page-constructor/server");
 /**
  * Function for sanitized meta-data fields
- * @param metaData PostMetaProps
- * @returns metaData
  */
 const sanitizeMeta = (metaData) => {
     const { title, description, date, image, canonicalUrl, organization } = metaData;

package/server/data/transformPageContent.js

@@ -4,11 +4,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.transformPageContent = void 0;
-const server_1 = require("@gravity-ui/page-constructor/server");
 const js_yaml_1 = __importDefault(require("js-yaml"));
+const server_1 = require("@gravity-ui/page-constructor/server");
 const config_1 = require("./config");
 const contentFilter_1 = require("./contentFilter");
-const transformBlocks = ({ blocks, lang, typographyConfig }) => (0, server_1.transformBlocks)(blocks, lang, Object.assign(Object.assign({}, typographyConfig), (0, config_1.getExtendTypographyConfig)()));
+const transformer = ({ blocks, lang, typographyConfig }) => (0, server_1.contentTransformer)({
+    content: {
+        blocks: blocks || [],
+    },
+    options: {
+        lang,
+        customConfig: Object.assign(Object.assign({}, typographyConfig), (0, config_1.getExtendTypographyConfig)()),
+    },
+});
 /**
  * Func for transform blog page content
  *
@@ -22,7 +30,12 @@ const transformPageContent = ({ content, lang, region, typographyConfig = {}, })
     try {
         const transformedContent = (0, contentFilter_1.filterContent)(js_yaml_1.default.load(content), { lang, region });
         if (transformedContent.blocks) {
-            transformBlocks({ blocks: transformedContent.blocks, lang, typographyConfig });
+            const { blocks: transformedBlocks } = transformer({
+                blocks: transformedContent.blocks,
+                lang,
+                typographyConfig,
+            });
+            transformedContent.blocks = transformedBlocks;
         }
         return transformedContent;
     }

package/server/models/common.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import { HeaderBlockProps as PageConstructorHeaderBlockProps } from '@gravity-ui/page-constructor';
 import { IBrowser, IDevice } from 'ua-parser-js';
+import { HeaderBlockProps as PageConstructorHeaderBlockProps } from '@gravity-ui/page-constructor';
 import { Locale } from '../models/locale';
 export declare enum Theme {
     Light = "light",
@@ -161,7 +161,3 @@ export declare enum DefaultEventNames {
     Service = "selector-service-click",
     SaveOnly = "save-only-button-click"
 }
-export type FetchArgs = {
-    page?: number;
-    query: Query;
-};