@gravity-ui/page-constructor 2.12.0-alpha → 2.13.0-alpha.0

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [2.12.0](https://github.com/gravity-ui/page-constructor/compare/v2.11.0...v2.12.0) (2023-04-25)
+
+
+### Features
+
+* add alt to img ([#309](https://github.com/gravity-ui/page-constructor/issues/309)) ([a1e5587](https://github.com/gravity-ui/page-constructor/commit/a1e5587ada92b53097ac77f16c1cdad7a4899219))
+
 ## [2.11.0](https://github.com/gravity-ui/page-constructor/compare/v2.10.0...v2.11.0) (2023-04-25)
 
 

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

@@ -5,7 +5,6 @@ export { default as InfoBlock } from './Info/Info';
 export { default as MediaBlock } from './Media/Media';
 export { default as MapBlock } from './Map/Map';
 export { default as PreviewBlock } from './Preview/Preview';
-export { default as SecurityBlock } from './Security/Security';
 export { default as SliderBlock } from './Slider/Slider';
 export { default as ExtendedFeaturesBlock } from './ExtendedFeatures/ExtendedFeatures';
 export { default as PromoFeaturesBlock } from './PromoFeaturesBlock/PromoFeaturesBlock';

package/build/cjs/blocks/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FilterBlock = exports.ShareBlock = exports.ContentLayoutBlock = exports.CardLayoutBlock = exports.HeaderSliderBlock = exports.IconsBlock = exports.HeaderBlock = exports.LinkTableBlock = exports.TabsBlock = exports.TableBlock = exports.QuestionsBlock = exports.PromoFeaturesBlock = exports.ExtendedFeaturesBlock = exports.SliderBlock = exports.SecurityBlock = exports.PreviewBlock = exports.MapBlock = exports.MediaBlock = exports.InfoBlock = exports.SimpleBlock = exports.CompaniesBlock = exports.BannerBlock = void 0;
+exports.FilterBlock = exports.ShareBlock = exports.ContentLayoutBlock = exports.CardLayoutBlock = exports.HeaderSliderBlock = exports.IconsBlock = exports.HeaderBlock = exports.LinkTableBlock = exports.TabsBlock = exports.TableBlock = exports.QuestionsBlock = exports.PromoFeaturesBlock = exports.ExtendedFeaturesBlock = exports.SliderBlock = exports.PreviewBlock = exports.MapBlock = exports.MediaBlock = exports.InfoBlock = exports.SimpleBlock = exports.CompaniesBlock = exports.BannerBlock = void 0;
 var Banner_1 = require("./Banner/Banner");
 Object.defineProperty(exports, "BannerBlock", { enumerable: true, get: function () { return __importDefault(Banner_1).default; } });
 var Companies_1 = require("./Companies/Companies");
@@ -18,8 +18,6 @@ var Map_1 = require("./Map/Map");
 Object.defineProperty(exports, "MapBlock", { enumerable: true, get: function () { return __importDefault(Map_1).default; } });
 var Preview_1 = require("./Preview/Preview");
 Object.defineProperty(exports, "PreviewBlock", { enumerable: true, get: function () { return __importDefault(Preview_1).default; } });
-var Security_1 = require("./Security/Security");
-Object.defineProperty(exports, "SecurityBlock", { enumerable: true, get: function () { return __importDefault(Security_1).default; } });
 var Slider_1 = require("./Slider/Slider");
 Object.defineProperty(exports, "SliderBlock", { enumerable: true, get: function () { return __importDefault(Slider_1).default; } });
 var ExtendedFeatures_1 = require("./ExtendedFeatures/ExtendedFeatures");

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

@@ -12,7 +12,6 @@ export * from './Media/schema';
 export * from './Preview/schema';
 export * from './PromoFeaturesBlock/schema';
 export * from './Questions/schema';
-export * from './Security/schema';
 export * from './Simple/schema';
 export * from './Slider/schema';
 export * from './Table/schema';

package/build/cjs/blocks/validators.js

@@ -15,7 +15,6 @@ tslib_1.__exportStar(require("./Media/schema"), exports);
 tslib_1.__exportStar(require("./Preview/schema"), exports);
 tslib_1.__exportStar(require("./PromoFeaturesBlock/schema"), exports);
 tslib_1.__exportStar(require("./Questions/schema"), exports);
-tslib_1.__exportStar(require("./Security/schema"), exports);
 tslib_1.__exportStar(require("./Simple/schema"), exports);
 tslib_1.__exportStar(require("./Slider/schema"), exports);
 tslib_1.__exportStar(require("./Table/schema"), exports);

package/build/cjs/components/Button/Button.js

@@ -9,7 +9,7 @@ const useMetrika_1 = require("../../hooks/useMetrika");
 const icons_1 = require("../../icons");
 const models_1 = require("../../models");
 const utils_1 = require("../../utils");
-const ImageBase_1 = tslib_1.__importDefault(require("../ImageBase/ImageBase"));
+const i18n_1 = tslib_1.__importDefault(require("./i18n"));
 const utils_2 = require("./utils");
 const b = (0, utils_1.block)('button-block');
 const Button = (props) => {
@@ -37,7 +37,7 @@ const Button = (props) => {
         return react_1.default.createElement(uikit_1.StoreBadge, { className: buttonClass, platform: platform, lang: lang, url: url });
     }
     let icon;
-    let image = img && react_1.default.createElement(ImageBase_1.default, { className: b('image'), src: buttonImg.url, alt: buttonImg.alt });
+    let image = img && (react_1.default.createElement("img", { className: b('image'), src: buttonImg.url, alt: buttonImg.alt || (0, i18n_1.default)('image-alt') }));
     if (theme === 'github') {
         icon = react_1.default.createElement(uikit_1.Icon, { className: b('icon'), data: icons_1.Github, size: 24, qa: utils_2.ICON_QA });
         image = undefined;

package/build/cjs/components/Button/i18n/en.json

@@ -0,0 +1,3 @@
+{
+  "image-alt": "Button image"
+}

package/build/cjs/components/Button/i18n/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (key: string, params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export default _default;

package/build/cjs/components/Button/i18n/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const registerKeyset_1 = require("../../../utils/registerKeyset");
+const en_json_1 = tslib_1.__importDefault(require("./en.json"));
+const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
+const COMPONENT = 'Button';
+exports.default = (0, registerKeyset_1.registerKeyset)({ en: en_json_1.default, ru: ru_json_1.default }, COMPONENT);

package/build/cjs/components/Button/i18n/ru.json

@@ -0,0 +1,3 @@
+{
+  "image-alt": "Иконка кнопки"
+}

package/build/cjs/components/Control/Control.js

@@ -4,10 +4,11 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
 const utils_1 = require("../../utils");
+const i18n_1 = tslib_1.__importDefault(require("./i18n"));
 const b = (0, utils_1.block)('control');
 const Control = (props) => {
     const { icon, theme = 'primary', size = 's', iconSize = 16, disabled = false, onClick, className, } = props;
-    return (react_1.default.createElement("button", { type: "button", className: b({ size, theme, disabled }, className), onClick: disabled ? undefined : onClick, disabled: disabled },
+    return (react_1.default.createElement("button", { type: "button", "aria-label": (0, i18n_1.default)('aria-label'), className: b({ size, theme, disabled }, className), onClick: disabled ? undefined : onClick, disabled: disabled },
         react_1.default.createElement(uikit_1.Icon, { data: icon, size: iconSize })));
 };
 exports.default = Control;

package/build/cjs/components/Control/i18n/en.json

@@ -0,0 +1,3 @@
+{
+  "aria-label": "Button label"
+}

package/build/cjs/components/Control/i18n/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (key: string, params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export default _default;

package/build/cjs/components/Control/i18n/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const registerKeyset_1 = require("../../../utils/registerKeyset");
+const en_json_1 = tslib_1.__importDefault(require("./en.json"));
+const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
+const COMPONENT = 'Control';
+exports.default = (0, registerKeyset_1.registerKeyset)({ en: en_json_1.default, ru: ru_json_1.default }, COMPONENT);

package/build/cjs/components/Control/i18n/ru.json

@@ -0,0 +1,3 @@
+{
+  "aria-label": "Лейбл кнопки"
+}

package/build/cjs/components/FullscreenImage/FullscreenImage.js

@@ -6,11 +6,12 @@ const uikit_1 = require("@gravity-ui/uikit");
 const icons_1 = require("../../icons");
 const utils_1 = require("../../utils");
 const Image_1 = tslib_1.__importDefault(require("../Image/Image"));
+const i18n_1 = tslib_1.__importDefault(require("./i18n"));
 const b = (0, utils_1.block)('FullScreenImage');
 const FULL_SCREEN_ICON_SIZE = 18;
 const CLOSE_ICON_SIZE = 30;
 const FullScreenImage = (props) => {
-    const { imageClassName, modalImageClass, imageStyle } = props;
+    const { imageClassName, modalImageClass, imageStyle, alt = (0, i18n_1.default)('img-alt') } = props;
     const [isOpened, setIsOpened] = (0, react_1.useState)(false);
     const [isMouseEnter, setIsMouseEnter] = (0, react_1.useState)(false);
     const openModal = () => setIsOpened(true);
@@ -19,7 +20,7 @@ const FullScreenImage = (props) => {
     const hideFullScreenIcon = () => setIsMouseEnter(false);
     return (react_1.default.createElement("div", { className: b() },
         react_1.default.createElement("div", { className: b('image-wrapper'), onMouseEnter: showFullScreenIcon, onMouseLeave: hideFullScreenIcon },
-            react_1.default.createElement(Image_1.default, Object.assign({}, props, { className: b('image', imageClassName), onClick: openModal, style: imageStyle })),
+            react_1.default.createElement(Image_1.default, Object.assign({}, props, { alt: alt, className: b('image', imageClassName), onClick: openModal, style: imageStyle })),
             react_1.default.createElement("div", { className: b('icon-wrapper', { visible: isMouseEnter }), onClick: openModal },
                 react_1.default.createElement(uikit_1.Icon, { data: icons_1.FullScreen, width: FULL_SCREEN_ICON_SIZE, height: FULL_SCREEN_ICON_SIZE, className: b('icon') }))),
         isOpened && (react_1.default.createElement(uikit_1.Modal, { open: isOpened, onClose: closeModal, className: b('modal') },

package/build/cjs/components/FullscreenImage/i18n/en.json

@@ -0,0 +1,3 @@
+{
+  "img-alt": "Full screen image"
+}

package/build/cjs/components/FullscreenImage/i18n/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (key: string, params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export default _default;

package/build/cjs/components/FullscreenImage/i18n/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const registerKeyset_1 = require("../../../utils/registerKeyset");
+const en_json_1 = tslib_1.__importDefault(require("./en.json"));
+const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
+const COMPONENT = 'FullScreenImage';
+exports.default = (0, registerKeyset_1.registerKeyset)({ en: en_json_1.default, ru: ru_json_1.default }, COMPONENT);

package/build/cjs/components/FullscreenImage/i18n/ru.json

@@ -0,0 +1,3 @@
+{
+  "img-alt": "Полноэкранное изображение"
+}

package/build/cjs/components/Image/Image.js

@@ -6,12 +6,13 @@ const constants_1 = require("../../constants");
 const projectSettingsContext_1 = require("../../context/projectSettingsContext");
 const imageCompress_1 = require("../../utils/imageCompress");
 const ImageBase_1 = tslib_1.__importDefault(require("../ImageBase/ImageBase"));
+const i18n_1 = tslib_1.__importDefault(require("./i18n"));
 const checkWebP = (src) => {
     return src.endsWith('.webp') ? src : src + '.webp';
 };
 const Image = (props) => {
     const projectSettings = (0, react_1.useContext)(projectSettingsContext_1.ProjectSettingsContext);
-    const { src: imageSrc, alt, disableCompress, tablet, desktop, mobile, style, className, onClick, containerClassName, } = props;
+    const { src: imageSrc, alt = (0, i18n_1.default)('img-alt'), disableCompress, tablet, desktop, mobile, style, className, onClick, containerClassName, } = props;
     const [imgLoadingError, setImgLoadingError] = (0, react_1.useState)(false);
     const src = imageSrc || desktop;
     if (!src) {

package/build/cjs/components/Image/i18n/en.json

@@ -0,0 +1,3 @@
+{
+  "img-alt": "Image alt"
+}

package/build/cjs/components/Image/i18n/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (key: string, params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export default _default;

package/build/cjs/components/Image/i18n/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const registerKeyset_1 = require("../../../utils/registerKeyset");
+const en_json_1 = tslib_1.__importDefault(require("./en.json"));
+const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
+const COMPONENT = 'Image';
+exports.default = (0, registerKeyset_1.registerKeyset)({ en: en_json_1.default, ru: ru_json_1.default }, COMPONENT);

package/build/cjs/components/Image/i18n/ru.json

@@ -0,0 +1,3 @@
+{
+  "img-alt": "Альтернатива изображению"
+}

package/build/cjs/components/Map/GoogleMap.js

@@ -39,6 +39,6 @@ const GoogleMap = (props) => {
     }
     return (react_1.default.createElement("iframe", { className: b(), ref: ref, style: {
             height,
-        }, loading: "lazy", allowFullScreen: true, referrerPolicy: "no-referrer-when-downgrade", src: src }));
+        }, title: "Google Map", loading: "lazy", allowFullScreen: true, referrerPolicy: "no-referrer-when-downgrade", src: src }));
 };
 exports.default = GoogleMap;

package/build/cjs/components/Media/DataLens/DataLens.js

@@ -3,12 +3,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const utils_1 = require("../../../utils");
+const i18n_1 = tslib_1.__importDefault(require("./i18n"));
 const utils_2 = require("./utils");
 const b = (0, utils_1.block)('media-component-data-lens');
 const DataLens = (props) => {
     const { dataLens } = props;
     const dataLensData = (0, utils_2.unifyDataLensToObject)(dataLens);
     return dataLens ? (react_1.default.createElement("div", { className: b('wrap') },
-        react_1.default.createElement("iframe", { src: `https://datalens.yandex/${dataLensData.id}?_embedded=1&_theme=${dataLensData.theme}`, className: b('iframe'), frameBorder: 0 }))) : null;
+        react_1.default.createElement("iframe", { src: `https://datalens.yandex/${dataLensData.id}?_embedded=1&_theme=${dataLensData.theme}`, className: b('iframe'), loading: "lazy", title: (0, i18n_1.default)('iframe-title'), frameBorder: 0 }))) : null;
 };
 exports.default = DataLens;

package/build/cjs/components/Media/DataLens/i18n/en.json

@@ -0,0 +1,3 @@
+{
+  "iframe-title": "Datalens frame"
+}

package/build/cjs/components/Media/DataLens/i18n/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (key: string, params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export default _default;

package/build/cjs/components/Media/DataLens/i18n/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const registerKeyset_1 = require("../../../../utils/registerKeyset");
+const en_json_1 = tslib_1.__importDefault(require("./en.json"));
+const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
+const COMPONENT = 'DataLens';
+exports.default = (0, registerKeyset_1.registerKeyset)({ en: en_json_1.default, ru: ru_json_1.default }, COMPONENT);

package/build/cjs/components/Media/DataLens/i18n/ru.json

@@ -0,0 +1,3 @@
+{
+  "iframe-title": "Фрейм данных"
+}

package/build/cjs/components/OverflowScroller/OverflowScroller.d.ts

@@ -4,8 +4,6 @@ export interface OverflowScrollerProps {
     className?: string;
     onScrollStart?: () => void;
     onScrollEnd?: () => void;
-    arrowSize?: number;
-    arrowClassName?: string;
 }
 export interface OverflowScrollerState {
     arrows: Arrow[];

package/build/cjs/components/OverflowScroller/OverflowScroller.js

@@ -8,7 +8,6 @@ const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('overflow-scroller');
 const TRANSITION_TIME = 300;
 const PADDING_SIZE = 24;
-const DEFAULT_ARROW_SIZE = 18;
 class OverflowScroller extends react_1.default.Component {
     constructor() {
         super(...arguments);
@@ -73,7 +72,7 @@ class OverflowScroller extends react_1.default.Component {
         window.removeEventListener('resize', this.checkOverflow);
     }
     render() {
-        const { className, arrowClassName, children, arrowSize = DEFAULT_ARROW_SIZE } = this.props;
+        const { className, children } = this.props;
         const { arrows, scrollValue } = this.state;
         const wrapperStyle = arrows.length ? { left: -scrollValue } : { left: 0 };
         const paddingLeft = arrows.includes('left');
@@ -84,8 +83,8 @@ class OverflowScroller extends react_1.default.Component {
             }) },
             react_1.default.createElement("div", { className: b(null, className), ref: this.containerRef },
                 react_1.default.createElement("div", { className: b('wrapper'), style: wrapperStyle, ref: this.wrapperRef }, children)),
-            arrows.map((direction) => (react_1.default.createElement("div", { key: direction, className: b('arrow', { type: direction }, arrowClassName), onClick: (e) => this.handleScrollClick(e, direction) },
-                react_1.default.createElement(__1.ToggleArrow, { size: arrowSize, type: 'horizontal', iconType: "navigation" }))))));
+            arrows.map((direction) => (react_1.default.createElement("div", { key: direction, className: b('arrow', { type: direction }), onClick: (e) => this.handleScrollClick(e, direction) },
+                react_1.default.createElement(__1.ToggleArrow, { size: 18, type: 'horizontal', iconType: "navigation" }))))));
     }
 }
 exports.default = OverflowScroller;

package/build/cjs/components/VideoBlock/VideoBlock.js

@@ -9,6 +9,7 @@ const uikit_1 = require("@gravity-ui/uikit");
 const icons_1 = require("../../icons");
 const utils_1 = require("../../utils");
 const Image_1 = tslib_1.__importDefault(require("../Image/Image"));
+const i18n_1 = tslib_1.__importDefault(require("./i18n"));
 const RECORD_URL = 'https://www.youtube.com/embed/';
 const STREAM_URL = 'https://www.youtube.com/embed/live_stream?channel=';
 const RECORD_RE = /[0-9A-Za-z_-]{11}/;
@@ -73,9 +74,11 @@ const VideoBlock = (props) => {
             iframe.src = fullSrc;
             iframe.width = '100%';
             iframe.height = '100%';
+            iframe.title = (0, i18n_1.default)('iframe-title');
             iframe.frameBorder = '0';
             iframe.setAttribute('allowfullscreen', 'true');
             iframe.setAttribute('allow', 'autoplay');
+            iframe.setAttribute('loading', 'lazy');
             ref.current.appendChild(iframe);
             iframeRef.current = iframe;
         }

package/build/cjs/components/VideoBlock/i18n/en.json

@@ -0,0 +1,3 @@
+{
+  "iframe-title": "Video frame"
+}

package/build/cjs/components/VideoBlock/i18n/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (key: string, params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export default _default;

package/build/cjs/components/VideoBlock/i18n/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const registerKeyset_1 = require("../../../utils/registerKeyset");
+const en_json_1 = tslib_1.__importDefault(require("./en.json"));
+const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
+const COMPONENT = 'VideoBlock';
+exports.default = (0, registerKeyset_1.registerKeyset)({ en: en_json_1.default, ru: ru_json_1.default }, COMPONENT);

package/build/cjs/components/VideoBlock/i18n/ru.json

@@ -0,0 +1,3 @@
+{
+  "iframe-title": "Фрейм видеоблока"
+}

package/build/cjs/components/YandexForm/YandexForm.js

@@ -48,6 +48,7 @@ const YandexForm = (props) => {
             iframeRef.current.src = src;
             iframeRef.current.id = containerId;
             iframeRef.current.name = `form${id}`;
+            iframeRef.current.setAttribute('loading', 'lazy');
             iframeRef.current.frameBorder = '0';
             iframeRef.current.scrolling = 'no';
             iframeRef.current.width = '100%';

package/build/cjs/constructor-items.d.ts

@@ -9,7 +9,6 @@ export declare const blockMap: {
     "media-block": (props: import("./models").MediaBlockProps) => JSX.Element;
     "preview-block": (props: import("./models").PreviewBlockProps) => JSX.Element;
     "info-block": (props: import("./models").InfoBlockProps) => JSX.Element;
-    "security-block": (props: import("./models").SecurityBlockProps) => JSX.Element;
     "table-block": (props: import("./models").TableBlockProps) => JSX.Element;
     "tabs-block": ({ items, title, description, animated, tabsColSizes, centered, direction, }: import("./models").TabsBlockProps) => JSX.Element;
     "link-table-block": ({ items, title, description, linkTheme }: import("./models").LinkTableBlockProps) => JSX.Element;

package/build/cjs/constructor-items.js

@@ -15,7 +15,6 @@ exports.blockMap = {
     [models_1.BlockType.MediaBlock]: blocks_1.MediaBlock,
     [models_1.BlockType.PreviewBlock]: blocks_1.PreviewBlock,
     [models_1.BlockType.InfoBlock]: blocks_1.InfoBlock,
-    [models_1.BlockType.SecurityBlock]: blocks_1.SecurityBlock,
     [models_1.BlockType.TableBlock]: blocks_1.TableBlock,
     [models_1.BlockType.TabsBlock]: blocks_1.TabsBlock,
     [models_1.BlockType.LinkTableBlock]: blocks_1.LinkTableBlock,

package/build/cjs/models/constructor-items/blocks.d.ts

@@ -16,7 +16,6 @@ export declare enum BlockType {
     MediaBlock = "media-block",
     PreviewBlock = "preview-block",
     InfoBlock = "info-block",
-    SecurityBlock = "security-block",
     TableBlock = "table-block",
     TabsBlock = "tabs-block",
     SimpleBlock = "simple-block",
@@ -204,21 +203,6 @@ export interface InfoBlockProps {
     leftContent?: Omit<ContentBlockProps, 'colSizes' | 'theme' | 'size'>;
     rightContent?: Omit<ContentBlockProps, 'colSizes' | 'theme' | 'size'>;
 }
-export interface SecurityBlockPoint {
-    img: string;
-    text: string;
-    link: {
-        text: string;
-        url: string;
-    };
-}
-export interface SecurityBlockProps extends Animatable {
-    theme?: TextTheme;
-    backgroundColor?: string;
-    title: string;
-    points?: SecurityBlockPoint[];
-    media: MediaProps;
-}
 export interface TableProps {
     content: string[][];
     legend?: string[];
@@ -353,9 +337,6 @@ export type PreviewBlockModel = {
 export type InfoBlockModel = {
     type: BlockType.InfoBlock;
 } & InfoBlockProps;
-export type SecurityBlockModel = {
-    type: BlockType.SecurityBlock;
-} & SecurityBlockProps;
 export type TableBlockModel = {
     type: BlockType.TableBlock;
 } & TableBlockProps;
@@ -386,6 +367,6 @@ export type ContentLayoutBlockModel = {
 export type ShareBLockModel = {
     type: BlockType.ShareBlock;
 } & ShareBlockProps;
-type BlockModels = SliderBlockModel | ServiceDemoBlockModel | ExtendedFeaturesBlockModel | PromoFeaturesBlockModel | QuestionsBlockModel | CalculatorBlockModel | BannerBlockModel | CompaniesBlockModel | MediaBlockModel | MapBlockModel | InfoBlockModel | SecurityBlockModel | TableBlockModel | TabsBlockModel | SimpleBlockModel | LinkTableBlockModel | HeaderBlockModel | PreviewBlockModel | IconsBlockModel | HeaderSliderBlockModel | CardLayoutBlockModel | ContentLayoutBlockModel | ShareBLockModel | FilterBlockModel;
+type BlockModels = SliderBlockModel | ServiceDemoBlockModel | ExtendedFeaturesBlockModel | PromoFeaturesBlockModel | QuestionsBlockModel | CalculatorBlockModel | BannerBlockModel | CompaniesBlockModel | MediaBlockModel | MapBlockModel | InfoBlockModel | TableBlockModel | TabsBlockModel | SimpleBlockModel | LinkTableBlockModel | HeaderBlockModel | PreviewBlockModel | IconsBlockModel | HeaderSliderBlockModel | CardLayoutBlockModel | ContentLayoutBlockModel | ShareBLockModel | FilterBlockModel;
 export type Block = BlockModels & BlockBaseProps;
 export {};

package/build/cjs/models/constructor-items/blocks.js

@@ -14,7 +14,6 @@ var BlockType;
     BlockType["MediaBlock"] = "media-block";
     BlockType["PreviewBlock"] = "preview-block";
     BlockType["InfoBlock"] = "info-block";
-    BlockType["SecurityBlock"] = "security-block";
     BlockType["TableBlock"] = "table-block";
     BlockType["TabsBlock"] = "tabs-block";
     BlockType["SimpleBlock"] = "simple-block";

package/build/cjs/schema/index.js

@@ -14,7 +14,7 @@ const getBlocksCases = (blocks) => {
 exports.getBlocksCases = getBlocksCases;
 function generateDefaultSchema(config) {
     const { cards = {}, blocks = {}, extensions = {} } = config !== null && config !== void 0 ? config : {};
-    const blockValidators = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, sub_blocks_1.Divider), blocks_1.ExtendedFeaturesBlock), blocks_1.PromoFeaturesBlock), blocks_1.SliderBlock), blocks_1.QuestionsBlock), blocks_1.HeaderBlock), blocks_1.BannerBlock), blocks_1.CompaniesBlock), blocks_1.MediaBlock), blocks_1.MapBlock), blocks_1.InfoBlock), blocks_1.SecurityBlock), blocks_1.TableBlock), blocks_1.TabsBlock), blocks_1.SimpleBlock), blocks_1.LinkTableBlock), blocks_1.PreviewBlock), blocks_1.HeaderSliderBlock), blocks_1.IconsBlock), blocks_1.CardLayoutBlock), blocks_1.ContentLayoutBlock), blocks_1.ShareBlock), blocks_1.FilterBlock);
+    const blockValidators = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, sub_blocks_1.Divider), blocks_1.ExtendedFeaturesBlock), blocks_1.PromoFeaturesBlock), blocks_1.SliderBlock), blocks_1.QuestionsBlock), blocks_1.HeaderBlock), blocks_1.BannerBlock), blocks_1.CompaniesBlock), blocks_1.MediaBlock), blocks_1.MapBlock), blocks_1.InfoBlock), blocks_1.TableBlock), blocks_1.TabsBlock), blocks_1.SimpleBlock), blocks_1.LinkTableBlock), blocks_1.PreviewBlock), blocks_1.HeaderSliderBlock), blocks_1.IconsBlock), blocks_1.CardLayoutBlock), blocks_1.ContentLayoutBlock), blocks_1.ShareBlock), blocks_1.FilterBlock);
     const cardValidators = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, sub_blocks_1.PartnerBlock), sub_blocks_1.MediaCardBlock), blocks_1.BannerCard), sub_blocks_1.PriceDetailedBlock), sub_blocks_1.TutorialCard), sub_blocks_1.BackgroundCard), sub_blocks_1.NewsCard), sub_blocks_1.CardWithImage), sub_blocks_1.Quote), sub_blocks_1.BasicCard);
     const constructorBlockSchemaNames = [
         'divider',

package/build/cjs/schema/validators/blocks.d.ts

@@ -8,7 +8,6 @@ export * from '../../blocks/Info/schema';
 export * from '../../blocks/Media/schema';
 export * from '../../blocks/Map/schema';
 export * from '../../blocks/Questions/schema';
-export * from '../../blocks/Security/schema';
 export * from '../../blocks/Slider/schema';
 export * from '../../blocks/Table/schema';
 export * from '../../blocks/LinkTable/schema';

package/build/cjs/schema/validators/blocks.js

@@ -11,7 +11,6 @@ tslib_1.__exportStar(require("../../blocks/Info/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/Media/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/Map/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/Questions/schema"), exports);
-tslib_1.__exportStar(require("../../blocks/Security/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/Slider/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/Table/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/LinkTable/schema"), exports);

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

@@ -5,7 +5,6 @@ export { default as InfoBlock } from './Info/Info';
 export { default as MediaBlock } from './Media/Media';
 export { default as MapBlock } from './Map/Map';
 export { default as PreviewBlock } from './Preview/Preview';
-export { default as SecurityBlock } from './Security/Security';
 export { default as SliderBlock } from './Slider/Slider';
 export { default as ExtendedFeaturesBlock } from './ExtendedFeatures/ExtendedFeatures';
 export { default as PromoFeaturesBlock } from './PromoFeaturesBlock/PromoFeaturesBlock';

package/build/esm/blocks/index.js

@@ -5,7 +5,6 @@ export { default as InfoBlock } from './Info/Info';
 export { default as MediaBlock } from './Media/Media';
 export { default as MapBlock } from './Map/Map';
 export { default as PreviewBlock } from './Preview/Preview';
-export { default as SecurityBlock } from './Security/Security';
 export { default as SliderBlock } from './Slider/Slider';
 export { default as ExtendedFeaturesBlock } from './ExtendedFeatures/ExtendedFeatures';
 export { default as PromoFeaturesBlock } from './PromoFeaturesBlock/PromoFeaturesBlock';

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

@@ -12,7 +12,6 @@ export * from './Media/schema';
 export * from './Preview/schema';
 export * from './PromoFeaturesBlock/schema';
 export * from './Questions/schema';
-export * from './Security/schema';
 export * from './Simple/schema';
 export * from './Slider/schema';
 export * from './Table/schema';

package/build/esm/blocks/validators.js

@@ -12,7 +12,6 @@ export * from './Media/schema';
 export * from './Preview/schema';
 export * from './PromoFeaturesBlock/schema';
 export * from './Questions/schema';
-export * from './Security/schema';
 export * from './Simple/schema';
 export * from './Slider/schema';
 export * from './Table/schema';

package/build/esm/components/Button/Button.js

@@ -7,7 +7,7 @@ import { useMetrika } from '../../hooks/useMetrika';
 import { Github } from '../../icons';
 import { DefaultEventNames } from '../../models';
 import { block, setUrlTld } from '../../utils';
-import ImageBase from '../ImageBase/ImageBase';
+import i18n from './i18n';
 import { ICON_QA, toCommonSize, toCommonView } from './utils';
 import './Button.css';
 const b = block('button-block');
@@ -36,7 +36,7 @@ const Button = (props) => {
         return React.createElement(StoreBadge, { className: buttonClass, platform: platform, lang: lang, url: url });
     }
     let icon;
-    let image = img && React.createElement(ImageBase, { className: b('image'), src: buttonImg.url, alt: buttonImg.alt });
+    let image = img && (React.createElement("img", { className: b('image'), src: buttonImg.url, alt: buttonImg.alt || i18n('image-alt') }));
     if (theme === 'github') {
         icon = React.createElement(Icon, { className: b('icon'), data: Github, size: 24, qa: ICON_QA });
         image = undefined;

package/build/esm/components/Button/i18n/en.json

@@ -0,0 +1,3 @@
+{
+  "image-alt": "Button image"
+}

package/build/esm/components/Button/i18n/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (key: string, params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export default _default;

package/build/esm/components/Button/i18n/index.js

@@ -0,0 +1,5 @@
+import { registerKeyset } from '../../../utils/registerKeyset';
+import en from './en.json';
+import ru from './ru.json';
+const COMPONENT = 'Button';
+export default registerKeyset({ en, ru }, COMPONENT);

package/build/esm/components/Button/i18n/ru.json

@@ -0,0 +1,3 @@
+{
+  "image-alt": "Иконка кнопки"
+}

package/build/esm/components/Control/Control.js

@@ -1,11 +1,12 @@
 import React from 'react';
 import { Icon } from '@gravity-ui/uikit';
 import { block } from '../../utils';
+import i18n from './i18n';
 import './Control.css';
 const b = block('control');
 const Control = (props) => {
     const { icon, theme = 'primary', size = 's', iconSize = 16, disabled = false, onClick, className, } = props;
-    return (React.createElement("button", { type: "button", className: b({ size, theme, disabled }, className), onClick: disabled ? undefined : onClick, disabled: disabled },
+    return (React.createElement("button", { type: "button", "aria-label": i18n('aria-label'), className: b({ size, theme, disabled }, className), onClick: disabled ? undefined : onClick, disabled: disabled },
         React.createElement(Icon, { data: icon, size: iconSize })));
 };
 export default Control;

package/build/esm/components/Control/i18n/en.json

@@ -0,0 +1,3 @@
+{
+  "aria-label": "Button label"
+}

package/build/esm/components/Control/i18n/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (key: string, params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export default _default;

package/build/esm/components/Control/i18n/index.js

@@ -0,0 +1,5 @@
+import { registerKeyset } from '../../../utils/registerKeyset';
+import en from './en.json';
+import ru from './ru.json';
+const COMPONENT = 'Control';
+export default registerKeyset({ en, ru }, COMPONENT);

package/build/esm/components/Control/i18n/ru.json

@@ -0,0 +1,3 @@
+{
+  "aria-label": "Лейбл кнопки"
+}