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

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # Changelog
 
+## [3.4.1](https://github.com/gravity-ui/blog-constructor/compare/v3.4.0...v3.4.1) (2023-05-30)
+
+
+### Bug Fixes
+
+* return js, jsx files to gulpfile.js ([#58](https://github.com/gravity-ui/blog-constructor/issues/58)) ([d5e4c42](https://github.com/gravity-ui/blog-constructor/commit/d5e4c428e8eae56fd7ab381c2969c04955adc45b))
+
+## [3.4.0](https://github.com/gravity-ui/blog-constructor/compare/v3.3.0...v3.4.0) (2023-05-24)
+
+
+### Features
+
+* new loading UI (shimmer) ([#50](https://github.com/gravity-ui/blog-constructor/issues/50)) ([ccdf08c](https://github.com/gravity-ui/blog-constructor/commit/ccdf08ccc62dd9930ab8c994601c787b03897f05))
+
+## [3.3.0](https://github.com/gravity-ui/blog-constructor/compare/v3.2.1...v3.3.0) (2023-05-16)
+
+
+### Features
+
+* add md breackpoint to cta-block ([#45](https://github.com/gravity-ui/blog-constructor/issues/45)) ([e859b0b](https://github.com/gravity-ui/blog-constructor/commit/e859b0b02e80b20eb0b4496e2c4834fb2de74922))
+
 ## [3.2.1](https://github.com/gravity-ui/blog-constructor/compare/v3.2.0...v3.2.1) (2023-05-16)
 
 

package/build/cjs/blocks/CTA/CTA.css

@@ -8,49 +8,27 @@
   flex-direction: column;
   flex-grow: 1;
   padding: 32px;
-}
-.bc-cta__button {
-  display: flex;
-  padding-bottom: 16px;
+  width: calc(33.3333333333% - (32px / 2));
 }
 .bc-cta__content {
   display: flex;
-  flex-direction: column;
+  flex-flow: row wrap;
+  gap: 16px;
 }
-@media (min-width: 577px) {
+@media (max-width: 769px) {
   .bc-cta__content {
-    display: flex;
-    flex-direction: row;
-  }
-  .bc-cta__button {
-    padding-bottom: 0px;
-  }
-  .bc-cta__button_layout {
-    width: 100%;
-    max-width: 100%;
-    margin-right: 0px;
+    flex-wrap: wrap;
   }
-  .bc-cta__button_layout_2 {
-    width: calc(50% - (16px / 2));
-    max-width: 50%;
-    margin-right: 16px;
+  .bc-cta__card {
+    width: calc((100% / 2) - 16px);
+    flex-grow: 1;
   }
-  .bc-cta__button_layout_2:nth-child(2n) {
-    margin-right: 0px;
-  }
-  .bc-cta__button_layout_3 {
-    width: calc(33.3333333333% - (32px / 3));
-    margin-right: 16px;
-  }
-  .bc-cta__button_layout_3:nth-child(3n) {
-    margin-right: 0px;
-  }
-  .bc-cta__button_layout_4 {
-    width: calc(25% - (48px / 4));
-    max-width: 50%;
-    margin-right: 16px;
+}
+@media (max-width: 577px) {
+  .bc-cta__content {
+    flex-direction: column;
   }
-  .bc-cta__button_layout_4:nth-child(4n) {
-    margin-right: 0px;
+  .bc-cta__card {
+    width: 100%;
   }
 }

package/build/cjs/blocks/CTA/CTA.js

@@ -12,15 +12,7 @@ const paddings_1 = require("../../models/paddings");
 const cn_1 = require("../../utils/cn");
 const common_1 = require("../../utils/common");
 const b = (0, cn_1.block)('cta');
-const MAX_COLUMN_COUNT = 4, MIN_COLUMN_COUNT = 2, DEFAULT_COLUMN_COUNT = 3;
 const CTA = ({ items, paddingTop, paddingBottom }) => {
-    let count = items ? items.length : DEFAULT_COLUMN_COUNT;
-    if (count < MIN_COLUMN_COUNT) {
-        count = MIN_COLUMN_COUNT;
-    }
-    else if (count > MAX_COLUMN_COUNT) {
-        count = MAX_COLUMN_COUNT;
-    }
     /**
      * @deprecated Metrika will be deleted after launch of analyticsEvents
      */
@@ -31,18 +23,15 @@ const CTA = ({ items, paddingTop, paddingBottom }) => {
     return (react_1.default.createElement(Wrapper_1.Wrapper, { paddings: {
             [paddings_1.PaddingsDirections.top]: paddingTop,
             [paddings_1.PaddingsDirections.bottom]: paddingBottom,
-        }, className: b('content'), dataQa: "blog-cta-content" }, items.slice(0, count).map((content, index) => {
+        }, className: b('content'), dataQa: "blog-cta-content" }, items.map((content, index) => {
         var _a;
         const contentData = (0, common_1.updateContentSizes)(content);
         (_a = contentData.links) === null || _a === void 0 ? void 0 : _a.forEach((link) => {
             // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign
             link.metrikaGoals = (0, common_1.getBlogElementMetrika)(metrikaGoal, link.metrikaGoals);
         });
-        return (react_1.default.createElement("div", { key: index, className: b('button', {
-                ['layout']: count,
-            }), "data-qa": "blog-cta-card" },
-            react_1.default.createElement("div", { className: b('card') },
-                react_1.default.createElement(page_constructor_1.Content, Object.assign({}, contentData)))));
+        return (react_1.default.createElement("div", { key: index, className: b('card'), "data-qa": "blog-cta-card" },
+            react_1.default.createElement(page_constructor_1.Content, Object.assign({}, contentData))));
     })));
 };
 exports.CTA = CTA;

package/build/cjs/blocks/YFM/YFM.js

@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.YFM = void 0;
 const react_1 = __importDefault(require("react"));
-const bem_cn_lite_1 = __importDefault(require("bem-cn-lite"));
 const page_constructor_1 = require("@gravity-ui/page-constructor");
+const bem_cn_lite_1 = __importDefault(require("bem-cn-lite"));
 const Wrapper_1 = require("../../components/Wrapper/Wrapper");
 const paddings_1 = require("../../models/paddings");
 const b = (0, bem_cn_lite_1.default)('yfm');

package/build/cjs/components/Search/Search.js

@@ -25,8 +25,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Search = void 0;
 const react_1 = __importStar(require("react"));
-const lodash_1 = require("lodash");
 const uikit_1 = require("@gravity-ui/uikit");
+const lodash_1 = require("lodash");
 const useIsIPhone_1 = require("../../hooks/useIsIPhone");
 const i18n_1 = require("../../i18n");
 const Close_1 = require("../../icons/Close");

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

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import { IBrowser, IDevice } from 'ua-parser-js';
 import { HeaderBlockProps as PageConstructorHeaderBlockProps } from '@gravity-ui/page-constructor';
+import { IBrowser, IDevice } from 'ua-parser-js';
 import { Locale } from '../models/locale';
 export declare enum Theme {
     Light = "light",

package/build/cjs/utils/common.js

@@ -13,8 +13,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 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");
+const lodash_1 = require("lodash");
 const constants_1 = require("../blocks/constants");
 const i18n_1 = require("../i18n");
 function getAbsolutePath(router, url) {

package/build/esm/blocks/CTA/CTA.css

@@ -8,49 +8,27 @@
   flex-direction: column;
   flex-grow: 1;
   padding: 32px;
-}
-.bc-cta__button {
-  display: flex;
-  padding-bottom: 16px;
+  width: calc(33.3333333333% - (32px / 2));
 }
 .bc-cta__content {
   display: flex;
-  flex-direction: column;
+  flex-flow: row wrap;
+  gap: 16px;
 }
-@media (min-width: 577px) {
+@media (max-width: 769px) {
   .bc-cta__content {
-    display: flex;
-    flex-direction: row;
-  }
-  .bc-cta__button {
-    padding-bottom: 0px;
-  }
-  .bc-cta__button_layout {
-    width: 100%;
-    max-width: 100%;
-    margin-right: 0px;
+    flex-wrap: wrap;
   }
-  .bc-cta__button_layout_2 {
-    width: calc(50% - (16px / 2));
-    max-width: 50%;
-    margin-right: 16px;
+  .bc-cta__card {
+    width: calc((100% / 2) - 16px);
+    flex-grow: 1;
   }
-  .bc-cta__button_layout_2:nth-child(2n) {
-    margin-right: 0px;
-  }
-  .bc-cta__button_layout_3 {
-    width: calc(33.3333333333% - (32px / 3));
-    margin-right: 16px;
-  }
-  .bc-cta__button_layout_3:nth-child(3n) {
-    margin-right: 0px;
-  }
-  .bc-cta__button_layout_4 {
-    width: calc(25% - (48px / 4));
-    max-width: 50%;
-    margin-right: 16px;
+}
+@media (max-width: 577px) {
+  .bc-cta__content {
+    flex-direction: column;
   }
-  .bc-cta__button_layout_4:nth-child(4n) {
-    margin-right: 0px;
+  .bc-cta__card {
+    width: 100%;
   }
 }

package/build/esm/blocks/CTA/CTA.js

@@ -7,15 +7,7 @@ import { block } from '../../utils/cn';
 import { getBlogElementMetrika, updateContentSizes } from '../../utils/common';
 import './CTA.css';
 const b = block('cta');
-const MAX_COLUMN_COUNT = 4, MIN_COLUMN_COUNT = 2, DEFAULT_COLUMN_COUNT = 3;
 export const CTA = ({ items, paddingTop, paddingBottom }) => {
-    let count = items ? items.length : DEFAULT_COLUMN_COUNT;
-    if (count < MIN_COLUMN_COUNT) {
-        count = MIN_COLUMN_COUNT;
-    }
-    else if (count > MAX_COLUMN_COUNT) {
-        count = MAX_COLUMN_COUNT;
-    }
     /**
      * @deprecated Metrika will be deleted after launch of analyticsEvents
      */
@@ -26,17 +18,14 @@ export const CTA = ({ items, paddingTop, paddingBottom }) => {
     return (React.createElement(Wrapper, { paddings: {
             [PaddingsDirections.top]: paddingTop,
             [PaddingsDirections.bottom]: paddingBottom,
-        }, className: b('content'), dataQa: "blog-cta-content" }, items.slice(0, count).map((content, index) => {
+        }, className: b('content'), dataQa: "blog-cta-content" }, items.map((content, index) => {
         var _a;
         const contentData = updateContentSizes(content);
         (_a = contentData.links) === null || _a === void 0 ? void 0 : _a.forEach((link) => {
             // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign
             link.metrikaGoals = getBlogElementMetrika(metrikaGoal, link.metrikaGoals);
         });
-        return (React.createElement("div", { key: index, className: b('button', {
-                ['layout']: count,
-            }), "data-qa": "blog-cta-card" },
-            React.createElement("div", { className: b('card') },
-                React.createElement(Content, Object.assign({}, contentData)))));
+        return (React.createElement("div", { key: index, className: b('card'), "data-qa": "blog-cta-card" },
+            React.createElement(Content, Object.assign({}, contentData))));
     })));
 };

package/build/esm/blocks/YFM/YFM.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import block from 'bem-cn-lite';
 import { YFMWrapper } from '@gravity-ui/page-constructor';
+import block from 'bem-cn-lite';
 import { Wrapper } from '../../components/Wrapper/Wrapper';
 import { PaddingsDirections } from '../../models/paddings';
 const b = block('yfm');

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

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

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

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import { IBrowser, IDevice } from 'ua-parser-js';
 import { HeaderBlockProps as PageConstructorHeaderBlockProps } from '@gravity-ui/page-constructor';
+import { IBrowser, IDevice } from 'ua-parser-js';
 import { Locale } from '../models/locale';
 export declare enum Theme {
     Light = "light",

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 { debounce, memoize } from 'lodash';
 import { isNewMetrikaFormat, } from '@gravity-ui/page-constructor';
+import { debounce, memoize } from 'lodash';
 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-alpha.0",
+  "version": "3.4.1",
   "description": "Gravity UI Blog Constructor",
   "license": "MIT",
   "repository": {
@@ -141,8 +141,5 @@
     "*.{json,yaml,yml,md}": [
       "prettier --write"
     ]
-  },
-  "publishConfig": {
-    "tag": "alpha"
   }
 }

package/server/data/sanitizeMeta.d.ts

@@ -1,6 +1,8 @@
 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,6 +4,8 @@ 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,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.transformPageContent = void 0;
-const js_yaml_1 = __importDefault(require("js-yaml"));
 const server_1 = require("@gravity-ui/page-constructor/server");
+const js_yaml_1 = __importDefault(require("js-yaml"));
 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)()));

package/server/models/common.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import { IBrowser, IDevice } from 'ua-parser-js';
 import { HeaderBlockProps as PageConstructorHeaderBlockProps } from '@gravity-ui/page-constructor';
+import { IBrowser, IDevice } from 'ua-parser-js';
 import { Locale } from '../models/locale';
 export declare enum Theme {
     Light = "light",

package/build/cjs/blocks/YFM/__tests__/YFM.test.d.ts

@@ -1 +0,0 @@
-export {};

package/build/cjs/blocks/YFM/__tests__/YFM.test.js

@@ -1,16 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_2 = require("@testing-library/react");
-const YFM_1 = require("../YFM");
-const text = 'YFM block';
-describe('YFM', () => {
-    test('Has id', async () => {
-        (0, react_2.render)(react_1.default.createElement(YFM_1.YFM, { text: text }));
-        const yfm = react_2.screen.getByText(text);
-        expect(yfm).toHaveClass('yfm');
-    });
-});

package/build/esm/blocks/YFM/__tests__/YFM.test.d.ts

@@ -1 +0,0 @@
-export {};

package/build/esm/blocks/YFM/__tests__/YFM.test.js

@@ -1,11 +0,0 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import { YFM } from '../YFM';
-const text = 'YFM block';
-describe('YFM', () => {
-    test('Has id', async () => {
-        render(React.createElement(YFM, { text: text }));
-        const yfm = screen.getByText(text);
-        expect(yfm).toHaveClass('yfm');
-    });
-});