@gravity-ui/blog-constructor 5.4.1 → 5.5.0-alpha.0

package/build/cjs/blocks/CTA/CTA.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { CTAProps } from '../../models/blocks';
-export declare const CTA: ({ items, paddingTop, paddingBottom }: CTAProps) => React.JSX.Element;
+export declare const CTA: ({ items, paddingTop, paddingBottom, qa }: CTAProps) => React.JSX.Element;

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

@@ -10,7 +10,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 CTA = ({ items, paddingTop, paddingBottom }) => {
+const CTA = ({ items, paddingTop, paddingBottom, qa }) => {
     /**
      * @deprecated Metrika will be deleted after launch of analyticsEvents
      */
@@ -18,18 +18,19 @@ const CTA = ({ items, paddingTop, paddingBottom }) => {
         name: constants_1.BlogMetrikaGoalIds.cta,
         isCrossSite: true,
     };
+    const qaAttributes = (0, common_1.getQaAttributes)(qa, 'card');
     return (react_1.default.createElement(Wrapper_1.Wrapper, { paddings: {
             [paddings_1.PaddingsDirections.top]: paddingTop,
             [paddings_1.PaddingsDirections.bottom]: paddingBottom,
-        }, className: b('content'), qa: "blog-cta-content" }, items.map((content, index) => {
+        }, className: b('content'), qa: qaAttributes.wrapper }, 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('card'), "data-qa": "blog-cta-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": qaAttributes.card },
+            react_1.default.createElement(page_constructor_1.Content, Object.assign({}, contentData, { qa: qaAttributes.content }))));
     })));
 };
 exports.CTA = CTA;

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

@@ -11,7 +11,7 @@ const CustomSwitcher_1 = require("../CustomSwitcher/CustomSwitcher");
 const b = (0, cn_1.block)('feed-controls');
 const renderSwitcher = ({ initial, list, defaultLabel }) => 
 // eslint-disable-next-line react/display-name
-({ onClick, ref }) => (react_1.default.createElement(CustomSwitcher_1.CustomSwitcher, { initial: initial, defaultLabel: defaultLabel, list: list, controlRef: ref, onClick: onClick }));
+({ onClick, ref, onKeyDown, open }) => (react_1.default.createElement(CustomSwitcher_1.CustomSwitcher, { initial: initial, defaultLabel: defaultLabel, list: list, controlRef: ref, onClick: onClick, onKeyDown: onKeyDown, open: open }));
 exports.renderSwitcher = renderSwitcher;
 const renderFilter = ({ value, ref, onChange, onKeyDown }) => (react_1.default.createElement(uikit_1.TextInput, { controlRef: ref, controlProps: { size: 1 }, value: value, view: "clear", placeholder: (0, i18n_1.i18)(i18n_1.Keyset.Search), onUpdate: onChange, onKeyDown: onKeyDown, className: b('popup-filter') }));
 exports.renderFilter = renderFilter;

package/build/cjs/components/FeedHeader/components/CustomSwitcher/CustomSwitcher.css

@@ -12,6 +12,14 @@ unpredictable css rules order in build */
   border-radius: var(--g-border-radius-xl);
   width: 100%;
   line-height: 42px;
+  text-align: initial;
+}
+.bc-feed-custom-switcher__custom-switcher:focus {
+  outline: 2px solid var(--g-color-line-focus);
+  outline-offset: 0;
+}
+.bc-feed-custom-switcher__custom-switcher:focus:not(:focus-visible) {
+  outline: 0;
 }
 .bc-feed-custom-switcher__custom-switcher + .yc-popup.yc-popup_open {
   position: absolute !important;

package/build/cjs/components/FeedHeader/components/CustomSwitcher/CustomSwitcher.d.ts

@@ -8,5 +8,5 @@ export type CustomSwitcherProps = {
     list: SelectItem[];
     controlRef: RenderControlParameters['ref'];
 } & Omit<RenderControlParameters, 'ref'>;
-export declare const CustomSwitcher: ({ initial, defaultLabel, list, onClick, controlRef, }: CustomSwitcherProps) => React.JSX.Element;
+export declare const CustomSwitcher: ({ initial, defaultLabel, list, onClick, controlRef, onKeyDown, open, }: CustomSwitcherProps) => React.JSX.Element;
 export {};

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

@@ -8,7 +8,7 @@ const DropdownArrow_1 = require("../../../../icons/DropdownArrow");
 const cn_1 = require("../../../../utils/cn");
 const b = (0, cn_1.block)('feed-custom-switcher');
 const ICON_SIZE = 12;
-const CustomSwitcher = ({ initial, defaultLabel, list, onClick, controlRef, }) => {
+const CustomSwitcher = ({ initial, defaultLabel, list, onClick, controlRef, onKeyDown, open, }) => {
     const itemsNames = (0, react_1.useMemo)(() => {
         const items = list
             .filter((item) => initial.includes(item.value))
@@ -16,7 +16,7 @@ const CustomSwitcher = ({ initial, defaultLabel, list, onClick, controlRef, }) =
         return items.length ? items : [defaultLabel];
     }, [defaultLabel, initial, list]);
     const hasCounter = itemsNames.length > 1;
-    return (react_1.default.createElement("div", { className: b('custom-switcher'), onClick: onClick, ref: controlRef },
+    return (react_1.default.createElement("button", { className: b('custom-switcher'), onClick: onClick, ref: controlRef, onKeyDown: onKeyDown, "aria-expanded": open },
         react_1.default.createElement("div", { className: b('custom-switcher-element', { content: true }) }, itemsNames === null || itemsNames === void 0 ? void 0 : itemsNames.join(', ')),
         hasCounter && (react_1.default.createElement("div", { className: b('custom-switcher-element', { counter: true }) }, itemsNames.length)),
         react_1.default.createElement("div", { className: b('custom-switcher-element', { arrow: true }) },

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

@@ -4,7 +4,7 @@ exports.Search = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
-const lodash_1 = require("lodash");
+const debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
 const useIsIPhone_1 = require("../../hooks/useIsIPhone");
 const i18n_1 = require("../../i18n");
 const Close_1 = require("../../icons/Close");
@@ -21,7 +21,7 @@ const AUTOFOCUS_TIMEOUT = 0;
  * @returns {JSX|null}
  */
 const Search = ({ className, initialValue, onSubmit, debounce = 300, placeholder = (0, i18n_1.i18)(i18n_1.Keyset.Search), size = 'm', autoFocus = false, value: externalValue, }) => {
-    const handleChange = (0, lodash_1.debounce)(onSubmit, debounce);
+    const handleChange = (0, debounce_1.default)(onSubmit, debounce);
     const [value, setValue] = (0, react_1.useState)(initialValue);
     const inputRef = (0, react_1.useRef)(null);
     const isIPhone = (0, useIsIPhone_1.useIsIPhone)();

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

@@ -4,7 +4,7 @@ declare const _default: {
         "blog-layout-block": ({ fullWidth, mobileOrder, children, paddingTop, paddingBottom, }: import("react").PropsWithChildren<import("../models/blocks").LayoutProps>) => import("react").JSX.Element;
         "blog-media-block": ({ text, paddingTop, paddingBottom, ...mediaProps }: import("../models/blocks").MediaProps) => import("react").JSX.Element;
         "blog-banner-block": ({ color, imageSize, image, paddingTop, paddingBottom, qa, ...content }: import("../models/blocks").BannerProps) => import("react").JSX.Element;
-        "blog-cta-block": ({ items, paddingTop, paddingBottom }: import("../models/blocks").CTAProps) => import("react").JSX.Element;
+        "blog-cta-block": ({ items, paddingTop, paddingBottom, qa }: import("../models/blocks").CTAProps) => import("react").JSX.Element;
         "blog-colored-text-block": ({ background, paddingTop, paddingBottom, qa, ...content }: import("../models/blocks").ColoredTextProps) => import("react").JSX.Element;
         "blog-author-block": (props: import("../models/blocks").AuthorProps) => import("react").JSX.Element | null;
         "blog-suggest-block": ({ paddingTop, paddingBottom }: import("../models/blocks").SuggestProps) => import("react").JSX.Element | null;

package/build/cjs/containers/BlogPostPage/BlogPostPage.css

@@ -194,6 +194,7 @@ unpredictable css rules order in build */
   color: var(--g-color-text-link);
   text-decoration: none;
   cursor: pointer;
+  border-radius: var(--g-focus-border-radius);
 }
 .utilityfocus .yfm_constructor a:focus {
   outline: 2px solid #ffdb4d;
@@ -202,6 +203,12 @@ unpredictable css rules order in build */
   --pc-text-header-color: var(--g-color-text-link-hover);
   color: var(--g-color-text-link-hover);
 }
+.yfm_constructor a:focus {
+  box-shadow: 0 0 0 2px var(--g-color-line-focus);
+}
+.yfm_constructor a:focus:not(:focus-visible) {
+  box-shadow: none;
+}
 .yfm_constructor table {
   color: var(--g-color-text-primary);
   border: 1px solid var(--g-color-line-generic);

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

@@ -18,9 +18,8 @@ export type ColoredTextProps = ContentBlockProps & QAProps & {
         altText?: string;
     };
 } & PaddingsYFMProps;
-export type CTAProps = {
+export type CTAProps = QAProps & {
     items: Array<ContentBlockProps>;
-    columnCount?: number;
 } & PaddingsYFMProps;
 export type HeaderProps = HeaderBlockProps & PaddingsYFMProps;
 export type LayoutProps = {

package/build/cjs/utils/common.js

@@ -4,7 +4,10 @@ exports.getQaAttributes = exports.scrollOnPageChange = exports.getFeedQueryParam
 const tslib_1 = require("tslib");
 const url_1 = require("url");
 const page_constructor_1 = require("@gravity-ui/page-constructor");
-const lodash_1 = require("lodash");
+const camelCase_1 = tslib_1.__importDefault(require("lodash/camelCase"));
+const debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
+const flatten_1 = tslib_1.__importDefault(require("lodash/flatten"));
+const memoize_1 = tslib_1.__importDefault(require("lodash/memoize"));
 const constants_1 = require("../blocks/constants");
 const i18n_1 = require("../i18n");
 const QA_ATTRIBUTES_KEYS = ['container', 'content', 'wrapper', 'image', 'button'];
@@ -35,7 +38,7 @@ const scrollToHash = (hash, browser) => {
     setTimeout(() => element.scrollIntoView({ behavior: browser === 'Yandex' ? 'auto' : 'smooth' }), 0);
 };
 exports.scrollToHash = scrollToHash;
-exports.getTags = (0, lodash_1.memoize)((tags, prefix) => {
+exports.getTags = (0, memoize_1.default)((tags, prefix) => {
     return tags.map((_a) => {
         var { slug } = _a, tag = tslib_1.__rest(_a, ["slug"]);
         const queryParams = new URLSearchParams();
@@ -44,7 +47,7 @@ exports.getTags = (0, lodash_1.memoize)((tags, prefix) => {
     });
 });
 const stub = (postId) => postId;
-exports.postLikeStatus = (0, lodash_1.debounce)((postId, hasUserLike) => {
+exports.postLikeStatus = (0, debounce_1.default)((postId, hasUserLike) => {
     (hasUserLike ? stub : stub)(postId);
 }, 300);
 const getTagFilterUrl = (tagId, prefix) => {
@@ -117,9 +120,9 @@ exports.scrollOnPageChange = scrollOnPageChange;
 const getQaAttributes = (qa, ...customKeys) => {
     const attributes = {};
     if (qa) {
-        const keys = QA_ATTRIBUTES_KEYS.concat((0, lodash_1.flatten)(customKeys));
+        const keys = QA_ATTRIBUTES_KEYS.concat((0, flatten_1.default)(customKeys));
         keys.forEach((key) => {
-            attributes[(0, lodash_1.camelCase)(key)] = `${qa}-${key}`;
+            attributes[(0, camelCase_1.default)(key)] = `${qa}-${key}`;
         });
         attributes.default = qa;
     }

package/build/esm/blocks/CTA/CTA.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { CTAProps } from '../../models/blocks';
 import './CTA.css';
-export declare const CTA: ({ items, paddingTop, paddingBottom }: CTAProps) => React.JSX.Element;
+export declare const CTA: ({ items, paddingTop, paddingBottom, qa }: CTAProps) => React.JSX.Element;

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

@@ -4,10 +4,10 @@ import { Wrapper } from '../../components/Wrapper/Wrapper';
 import { BlogMetrikaGoalIds } from '../../constants';
 import { PaddingsDirections } from '../../models/paddings';
 import { block } from '../../utils/cn';
-import { getBlogElementMetrika, updateContentSizes } from '../../utils/common';
+import { getBlogElementMetrika, getQaAttributes, updateContentSizes } from '../../utils/common';
 import './CTA.css';
 const b = block('cta');
-export const CTA = ({ items, paddingTop, paddingBottom }) => {
+export const CTA = ({ items, paddingTop, paddingBottom, qa }) => {
     /**
      * @deprecated Metrika will be deleted after launch of analyticsEvents
      */
@@ -15,17 +15,18 @@ export const CTA = ({ items, paddingTop, paddingBottom }) => {
         name: BlogMetrikaGoalIds.cta,
         isCrossSite: true,
     };
+    const qaAttributes = getQaAttributes(qa, 'card');
     return (React.createElement(Wrapper, { paddings: {
             [PaddingsDirections.top]: paddingTop,
             [PaddingsDirections.bottom]: paddingBottom,
-        }, className: b('content'), qa: "blog-cta-content" }, items.map((content, index) => {
+        }, className: b('content'), qa: qaAttributes.wrapper }, 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('card'), "data-qa": "blog-cta-card" },
-            React.createElement(Content, Object.assign({}, contentData))));
+        return (React.createElement("div", { key: index, className: b('card'), "data-qa": qaAttributes.card },
+            React.createElement(Content, Object.assign({}, contentData, { qa: qaAttributes.content }))));
     })));
 };

package/build/esm/components/FeedHeader/components/Controls/customRenders.js

@@ -8,6 +8,6 @@ import './Controls.css';
 const b = block('feed-controls');
 export const renderSwitcher = ({ initial, list, defaultLabel }) => 
 // eslint-disable-next-line react/display-name
-({ onClick, ref }) => (React.createElement(CustomSwitcher, { initial: initial, defaultLabel: defaultLabel, list: list, controlRef: ref, onClick: onClick }));
+({ onClick, ref, onKeyDown, open }) => (React.createElement(CustomSwitcher, { initial: initial, defaultLabel: defaultLabel, list: list, controlRef: ref, onClick: onClick, onKeyDown: onKeyDown, open: open }));
 export const renderFilter = ({ value, ref, onChange, onKeyDown }) => (React.createElement(TextInput, { controlRef: ref, controlProps: { size: 1 }, value: value, view: "clear", placeholder: i18(Keyset.Search), onUpdate: onChange, onKeyDown: onKeyDown, className: b('popup-filter') }));
 export const renderOption = (option) => (React.createElement(CustomSelectOption, { data: option }));

package/build/esm/components/FeedHeader/components/CustomSwitcher/CustomSwitcher.css

@@ -12,6 +12,14 @@ unpredictable css rules order in build */
   border-radius: var(--g-border-radius-xl);
   width: 100%;
   line-height: 42px;
+  text-align: initial;
+}
+.bc-feed-custom-switcher__custom-switcher:focus {
+  outline: 2px solid var(--g-color-line-focus);
+  outline-offset: 0;
+}
+.bc-feed-custom-switcher__custom-switcher:focus:not(:focus-visible) {
+  outline: 0;
 }
 .bc-feed-custom-switcher__custom-switcher + .yc-popup.yc-popup_open {
   position: absolute !important;

package/build/esm/components/FeedHeader/components/CustomSwitcher/CustomSwitcher.d.ts

@@ -9,5 +9,5 @@ export type CustomSwitcherProps = {
     list: SelectItem[];
     controlRef: RenderControlParameters['ref'];
 } & Omit<RenderControlParameters, 'ref'>;
-export declare const CustomSwitcher: ({ initial, defaultLabel, list, onClick, controlRef, }: CustomSwitcherProps) => React.JSX.Element;
+export declare const CustomSwitcher: ({ initial, defaultLabel, list, onClick, controlRef, onKeyDown, open, }: CustomSwitcherProps) => React.JSX.Element;
 export {};

package/build/esm/components/FeedHeader/components/CustomSwitcher/CustomSwitcher.js

@@ -5,7 +5,7 @@ import { block } from '../../../../utils/cn';
 import './CustomSwitcher.css';
 const b = block('feed-custom-switcher');
 const ICON_SIZE = 12;
-export const CustomSwitcher = ({ initial, defaultLabel, list, onClick, controlRef, }) => {
+export const CustomSwitcher = ({ initial, defaultLabel, list, onClick, controlRef, onKeyDown, open, }) => {
     const itemsNames = useMemo(() => {
         const items = list
             .filter((item) => initial.includes(item.value))
@@ -13,7 +13,7 @@ export const CustomSwitcher = ({ initial, defaultLabel, list, onClick, controlRe
         return items.length ? items : [defaultLabel];
     }, [defaultLabel, initial, list]);
     const hasCounter = itemsNames.length > 1;
-    return (React.createElement("div", { className: b('custom-switcher'), onClick: onClick, ref: controlRef },
+    return (React.createElement("button", { className: b('custom-switcher'), onClick: onClick, ref: controlRef, onKeyDown: onKeyDown, "aria-expanded": open },
         React.createElement("div", { className: b('custom-switcher-element', { content: true }) }, itemsNames === null || itemsNames === void 0 ? void 0 : itemsNames.join(', ')),
         hasCounter && (React.createElement("div", { className: b('custom-switcher-element', { counter: true }) }, itemsNames.length)),
         React.createElement("div", { className: b('custom-switcher-element', { arrow: true }) },

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

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

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

@@ -4,7 +4,7 @@ declare const _default: {
         "blog-layout-block": ({ fullWidth, mobileOrder, children, paddingTop, paddingBottom, }: import("react").PropsWithChildren<import("../models/blocks").LayoutProps>) => import("react").JSX.Element;
         "blog-media-block": ({ text, paddingTop, paddingBottom, ...mediaProps }: import("../models/blocks").MediaProps) => import("react").JSX.Element;
         "blog-banner-block": ({ color, imageSize, image, paddingTop, paddingBottom, qa, ...content }: import("../models/blocks").BannerProps) => import("react").JSX.Element;
-        "blog-cta-block": ({ items, paddingTop, paddingBottom }: import("../models/blocks").CTAProps) => import("react").JSX.Element;
+        "blog-cta-block": ({ items, paddingTop, paddingBottom, qa }: import("../models/blocks").CTAProps) => import("react").JSX.Element;
         "blog-colored-text-block": ({ background, paddingTop, paddingBottom, qa, ...content }: import("../models/blocks").ColoredTextProps) => import("react").JSX.Element;
         "blog-author-block": (props: import("../models/blocks").AuthorProps) => import("react").JSX.Element | null;
         "blog-suggest-block": ({ paddingTop, paddingBottom }: import("../models/blocks").SuggestProps) => import("react").JSX.Element | null;

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

@@ -194,6 +194,7 @@ unpredictable css rules order in build */
   color: var(--g-color-text-link);
   text-decoration: none;
   cursor: pointer;
+  border-radius: var(--g-focus-border-radius);
 }
 .utilityfocus .yfm_constructor a:focus {
   outline: 2px solid #ffdb4d;
@@ -202,6 +203,12 @@ unpredictable css rules order in build */
   --pc-text-header-color: var(--g-color-text-link-hover);
   color: var(--g-color-text-link-hover);
 }
+.yfm_constructor a:focus {
+  box-shadow: 0 0 0 2px var(--g-color-line-focus);
+}
+.yfm_constructor a:focus:not(:focus-visible) {
+  box-shadow: none;
+}
 .yfm_constructor table {
   color: var(--g-color-text-primary);
   border: 1px solid var(--g-color-line-generic);

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

@@ -18,9 +18,8 @@ export type ColoredTextProps = ContentBlockProps & QAProps & {
         altText?: string;
     };
 } & PaddingsYFMProps;
-export type CTAProps = {
+export type CTAProps = QAProps & {
     items: Array<ContentBlockProps>;
-    columnCount?: number;
 } & PaddingsYFMProps;
 export type HeaderProps = HeaderBlockProps & PaddingsYFMProps;
 export type LayoutProps = {

package/build/esm/utils/common.js

@@ -1,7 +1,10 @@
 import { __rest } from "tslib";
 import { format, parse } from 'url';
 import { isNewMetrikaFormat, } from '@gravity-ui/page-constructor';
-import { camelCase, debounce, flatten, memoize } from 'lodash';
+import camelCase from 'lodash/camelCase';
+import debounce from 'lodash/debounce';
+import flatten from 'lodash/flatten';
+import memoize from 'lodash/memoize';
 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';
 const QA_ATTRIBUTES_KEYS = ['container', 'content', 'wrapper', 'image', 'button'];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/blog-constructor",
-  "version": "5.4.1",
+  "version": "5.5.0-alpha.0",
   "description": "Gravity UI Blog Constructor",
   "license": "MIT",
   "repository": {
@@ -78,7 +78,7 @@
   },
   "peerDependencies": {
     "@doc-tools/transform": "^3.3.2",
-    "@gravity-ui/page-constructor": "^4.0.0",
+    "@gravity-ui/page-constructor": "^4.23.0-alpha.0",
     "@gravity-ui/uikit": "^5.1.0",
     "react": "^16.0.0 || ^17.0.0 || ^18.0.0"
   },
@@ -89,7 +89,7 @@
     "@commitlint/config-conventional": "^17.4.3",
     "@doc-tools/transform": "^3.3.2",
     "@gravity-ui/eslint-config": "^2.0.0",
-    "@gravity-ui/page-constructor": "^4.20.2",
+    "@gravity-ui/page-constructor": "^4.23.0-alpha.0",
     "@gravity-ui/prettier-config": "^1.0.1",
     "@gravity-ui/stylelint-config": "^1.0.0",
     "@gravity-ui/tsconfig": "^1.0.0",

package/server/models/blocks.d.ts

@@ -18,9 +18,8 @@ export type ColoredTextProps = ContentBlockProps & QAProps & {
         altText?: string;
     };
 } & PaddingsYFMProps;
-export type CTAProps = {
+export type CTAProps = QAProps & {
     items: Array<ContentBlockProps>;
-    columnCount?: number;
 } & PaddingsYFMProps;
 export type HeaderProps = HeaderBlockProps & PaddingsYFMProps;
 export type LayoutProps = {