@gravity-ui/page-constructor 6.0.0-beta.1 → 6.0.0-beta.11

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

@@ -1,3 +1,3 @@
-import { BannerBlockProps } from "../../models/index.js";
+import { BannerBlockProps } from '../../models';
 export declare const BannerBlock: (props: BannerBlockProps) => import("react/jsx-runtime").JSX.Element;
 export default BannerBlock;

package/build/cjs/blocks/Banner/Banner.js

@@ -1,16 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BannerBlock = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const AnimateBlock_1 = tslib_1.__importDefault(require("../../components/AnimateBlock/AnimateBlock.js"));
-const sub_blocks_1 = require("../../sub-blocks/index.js");
-const utils_1 = require("../../utils/index.js");
-const b = (0, utils_1.block)('banner-block');
-const BannerBlock = (props) => {
+import { createRequire as _createRequire } from "module";
+const __require = _createRequire(import.meta.url);
+const tslib_1 = __require("tslib");
+import { jsx as _jsx } from "react/jsx-runtime";
+import AnimateBlock from '../../components/AnimateBlock/AnimateBlock';
+import { BannerCard } from '../../sub-blocks';
+import { block } from '../../utils';
+const b = block('banner-block');
+export const BannerBlock = (props) => {
     const { animated, className } = props, bannerProps = tslib_1.__rest(props, ["animated", "className"]);
-    return ((0, jsx_runtime_1.jsx)(AnimateBlock_1.default, { className: b(null, className), animate: animated, children: (0, jsx_runtime_1.jsx)(sub_blocks_1.BannerCard, Object.assign({}, bannerProps)) }));
+    return (_jsx(AnimateBlock, { className: b(null, className), animate: animated, children: _jsx(BannerCard, Object.assign({}, bannerProps)) }));
 };
-exports.BannerBlock = BannerBlock;
-exports.default = exports.BannerBlock;
-//# sourceMappingURL=Banner.js.map
+export default BannerBlock;

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

@@ -18,7 +18,7 @@ export declare const BannerCardProps: {
             }) | {
                 type: string;
                 additionalProperties: boolean;
-                required: import("../../index.js").Theme[];
+                required: import("../..").Theme[];
                 properties: {};
                 optionName: string;
             })[];
@@ -38,7 +38,7 @@ export declare const BannerCardProps: {
             }) | {
                 type: string;
                 additionalProperties: boolean;
-                required: import("../../index.js").Theme[];
+                required: import("../..").Theme[];
                 properties: {};
                 optionName: string;
             })[];
@@ -237,7 +237,7 @@ export declare const BannerBlock: {
                 }) | {
                     type: string;
                     additionalProperties: boolean;
-                    required: import("../../index.js").Theme[];
+                    required: import("../..").Theme[];
                     properties: {};
                     optionName: string;
                 })[];
@@ -257,7 +257,7 @@ export declare const BannerBlock: {
                 }) | {
                     type: string;
                     additionalProperties: boolean;
-                    required: import("../../index.js").Theme[];
+                    required: import("../..").Theme[];
                     properties: {};
                     optionName: string;
                 })[];
@@ -457,7 +457,7 @@ export declare const BannerCard: {
                 }) | {
                     type: string;
                     additionalProperties: boolean;
-                    required: import("../../index.js").Theme[];
+                    required: import("../..").Theme[];
                     properties: {};
                     optionName: string;
                 })[];
@@ -477,7 +477,7 @@ export declare const BannerCard: {
                 }) | {
                     type: string;
                     additionalProperties: boolean;
-                    required: import("../../index.js").Theme[];
+                    required: import("../..").Theme[];
                     properties: {};
                     optionName: string;
                 })[];

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

@@ -1,34 +1,30 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BannerCard = exports.BannerBlock = exports.BannerCardProps = void 0;
-const common_1 = require("../../schema/validators/common.js");
-exports.BannerCardProps = {
+import { AnimatableProps, BaseProps, ButtonBlock, ThemeProps, mediaView, withTheme, } from '../../schema/validators/common';
+export const BannerCardProps = {
     additionalProperties: false,
     required: ['title', 'button'],
-    properties: Object.assign(Object.assign(Object.assign({}, common_1.BaseProps), common_1.AnimatableProps), { title: {
+    properties: Object.assign(Object.assign(Object.assign({}, BaseProps), AnimatableProps), { title: {
             type: 'string',
             contentType: 'text',
         }, subtitle: {
             type: 'string',
             contentType: 'yfm',
-        }, image: (0, common_1.withTheme)({
+        }, image: withTheme({
             type: 'string',
         }), mediaView: {
             type: 'string',
-            enum: common_1.mediaView,
+            enum: mediaView,
         }, disableCompress: {
             type: 'boolean',
-        }, color: (0, common_1.withTheme)({
+        }, color: withTheme({
             type: 'string',
-        }), theme: common_1.ThemeProps, width: {
+        }), theme: ThemeProps, width: {
             type: 'string',
             enum: ['s', 'm', 'l'],
-        }, button: common_1.ButtonBlock }),
+        }, button: ButtonBlock }),
 };
-exports.BannerBlock = {
-    'banner-block': exports.BannerCardProps,
+export const BannerBlock = {
+    'banner-block': BannerCardProps,
 };
-exports.BannerCard = {
-    'banner-card': exports.BannerCardProps,
+export const BannerCard = {
+    'banner-card': BannerCardProps,
 };
-//# sourceMappingURL=schema.js.map

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { CardLayoutBlockProps as CardLayoutBlockParams, ClassNameProps } from "../../models/index.js";
+import { CardLayoutBlockProps as CardLayoutBlockParams, ClassNameProps } from '../../models';
 export type CardLayoutBlockProps = React.PropsWithChildren<Omit<CardLayoutBlockParams, 'children'>> & ClassNameProps;
 declare const CardLayout: React.FC<CardLayoutBlockProps>;
 export default CardLayout;

package/build/cjs/blocks/CardLayout/CardLayout.js

@@ -1,25 +1,24 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const isEmpty_1 = tslib_1.__importDefault(require("lodash/isEmpty"));
-const components_1 = require("../../components/index.js");
-const theme_1 = require("../../context/theme/index.js");
-const grid_1 = require("../../grid/index.js");
-const utils_1 = require("../../utils/index.js");
+import { createRequire as _createRequire } from "module";
+const __require = _createRequire(import.meta.url);
+const tslib_1 = __require("tslib");
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import isEmpty from 'lodash/isEmpty';
+import { AnimateBlock, BackgroundImage, Title } from '../../components';
+import { useTheme } from '../../context/theme';
+import { Col, Row } from '../../grid';
+import { block, getThemedValue } from '../../utils';
 const DEFAULT_SIZES = {
     all: 12,
     sm: 6,
     md: 4,
 };
-const b = (0, utils_1.block)('card-layout-block');
+const b = block('card-layout-block');
 const CardLayout = ({ title, description, animated, colSizes = DEFAULT_SIZES, children, className, titleClassName, background, }) => {
-    const theme = (0, theme_1.useTheme)();
-    const _a = (0, utils_1.getThemedValue)(background || {}, theme), { border } = _a, backgroundImageProps = tslib_1.__rest(_a, ["border"]);
-    return ((0, jsx_runtime_1.jsxs)(components_1.AnimateBlock, { className: b(null, className), animate: animated, children: [(title || description) && ((0, jsx_runtime_1.jsx)(components_1.Title, { title: title, subtitle: description, className: titleClassName })), (0, jsx_runtime_1.jsxs)("div", { className: b('content', {
-                    'with-background': !(0, isEmpty_1.default)(background),
-                }), children: [(0, jsx_runtime_1.jsx)(components_1.BackgroundImage, Object.assign({ className: b('image', { border }) }, backgroundImageProps)), (0, jsx_runtime_1.jsx)(grid_1.Row, { children: React.Children.map(children, (child, index) => ((0, jsx_runtime_1.jsx)(grid_1.Col, { sizes: colSizes, className: b('item'), children: child }, index))) })] })] }));
+    const theme = useTheme();
+    const _a = getThemedValue(background || {}, theme), { border } = _a, backgroundImageProps = tslib_1.__rest(_a, ["border"]);
+    return (_jsxs(AnimateBlock, { className: b(null, className), animate: animated, children: [(title || description) && (_jsx(Title, { title: title, subtitle: description, className: titleClassName })), _jsxs("div", { className: b('content', {
+                    'with-background': !isEmpty(background),
+                }), children: [_jsx(BackgroundImage, Object.assign({ className: b('image', { border }) }, backgroundImageProps)), _jsx(Row, { children: React.Children.map(children, (child, index) => (_jsx(Col, { sizes: colSizes, className: b('item'), children: child }, index))) })] })] }));
 };
-exports.default = CardLayout;
-//# sourceMappingURL=CardLayout.js.map
+export default CardLayout;

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

@@ -1,19 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CardLayoutBlock = exports.CardLayoutProps = void 0;
-const schema_1 = require("../../components/Image/schema.js");
-const common_1 = require("../../schema/validators/common.js");
-exports.CardLayoutProps = {
+import { ImageBaseObjectProps, ImageDeviceProps } from '../../components/Image/schema';
+import { AnimatableProps, BlockBaseProps, BlockHeaderProps, BorderProps, ChildrenCardsProps, containerSizesObject, } from '../../schema/validators/common';
+export const CardLayoutProps = {
     additionalProperties: false,
     required: [],
-    properties: Object.assign(Object.assign(Object.assign(Object.assign({}, common_1.BlockBaseProps), common_1.AnimatableProps), common_1.BlockHeaderProps), { colSizes: common_1.containerSizesObject, background: {
+    properties: Object.assign(Object.assign(Object.assign(Object.assign({}, BlockBaseProps), AnimatableProps), BlockHeaderProps), { colSizes: containerSizesObject, background: {
             anyOf: [
-                Object.assign(Object.assign({}, schema_1.ImageBaseObjectProps), { properties: Object.assign(Object.assign({}, schema_1.ImageBaseObjectProps.properties), { border: common_1.BorderProps }), optionName: 'options' }),
-                Object.assign(Object.assign({}, schema_1.ImageDeviceProps), { properties: Object.assign(Object.assign({}, schema_1.ImageDeviceProps.properties), { border: common_1.BorderProps }), optionName: 'device options' }),
+                Object.assign(Object.assign({}, ImageBaseObjectProps), { properties: Object.assign(Object.assign({}, ImageBaseObjectProps.properties), { border: BorderProps }), optionName: 'options' }),
+                Object.assign(Object.assign({}, ImageDeviceProps), { properties: Object.assign(Object.assign({}, ImageDeviceProps.properties), { border: BorderProps }), optionName: 'device options' }),
             ],
-        }, children: common_1.ChildrenCardsProps }),
+        }, children: ChildrenCardsProps }),
 };
-exports.CardLayoutBlock = {
-    'card-layout-block': exports.CardLayoutProps,
+export const CardLayoutBlock = {
+    'card-layout-block': CardLayoutProps,
 };
-//# sourceMappingURL=schema.js.map

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

@@ -1,3 +1,3 @@
-import { CompaniesBlockProps } from "../../models/index.js";
+import { CompaniesBlockProps } from '../../models';
 export declare const CompaniesBlock: ({ title, description, images, animated }: CompaniesBlockProps) => import("react/jsx-runtime").JSX.Element;
 export default CompaniesBlock;

package/build/cjs/blocks/Companies/Companies.js

@@ -1,18 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CompaniesBlock = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const components_1 = require("../../components/index.js");
-const AnimateBlock_1 = tslib_1.__importDefault(require("../../components/AnimateBlock/AnimateBlock.js"));
-const theme_1 = require("../../context/theme/index.js");
-const utils_1 = require("../../utils/index.js");
-const b = (0, utils_1.block)('companies-block');
-const CompaniesBlock = ({ title, description, images, animated }) => {
-    const theme = (0, theme_1.useTheme)();
-    const themedImages = (0, utils_1.getThemedValue)(images, theme) || {};
-    return ((0, jsx_runtime_1.jsx)(AnimateBlock_1.default, { className: b(), offset: 150, animate: animated, children: (0, jsx_runtime_1.jsxs)("div", { className: b('content'), children: [(0, jsx_runtime_1.jsx)(components_1.Title, { title: title, subtitle: description, colSizes: { all: 12, sm: 12 } }), (0, jsx_runtime_1.jsx)("div", { className: b('images'), children: (0, jsx_runtime_1.jsx)(components_1.Image, Object.assign({}, themedImages, { className: b('image') })) })] }) }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Image, Title } from '../../components';
+import AnimateBlock from '../../components/AnimateBlock/AnimateBlock';
+import { useTheme } from '../../context/theme';
+import { block, getThemedValue } from '../../utils';
+const b = block('companies-block');
+export const CompaniesBlock = ({ title, description, images, animated }) => {
+    const theme = useTheme();
+    const themedImages = getThemedValue(images, theme) || {};
+    return (_jsx(AnimateBlock, { className: b(), offset: 150, animate: animated, children: _jsxs("div", { className: b('content'), children: [_jsx(Title, { title: title, subtitle: description, colSizes: { all: 12, sm: 12 } }), _jsx("div", { className: b('images'), children: _jsx(Image, Object.assign({}, themedImages, { className: b('image') })) })] }) }));
 };
-exports.CompaniesBlock = CompaniesBlock;
-exports.default = exports.CompaniesBlock;
-//# sourceMappingURL=Companies.js.map
+export default CompaniesBlock;

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

@@ -35,7 +35,7 @@ export declare const CompaniesBlock: {
                 }) | {
                     type: string;
                     additionalProperties: boolean;
-                    required: import("../../index.js").Theme[];
+                    required: import("../..").Theme[];
                     properties: {};
                     optionName: string;
                 })[];

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

@@ -1,18 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CompaniesBlock = void 0;
-const common_1 = require("../../schema/validators/common.js");
-exports.CompaniesBlock = {
+import { AnimatableProps, BaseProps, withTheme } from '../../schema/validators/common';
+export const CompaniesBlock = {
     'companies-block': {
         additionalProperties: false,
         required: ['title', 'images'],
-        properties: Object.assign(Object.assign(Object.assign({}, common_1.BaseProps), common_1.AnimatableProps), { title: {
+        properties: Object.assign(Object.assign(Object.assign({}, BaseProps), AnimatableProps), { title: {
                 type: 'string',
                 contentType: 'text',
             }, description: {
                 type: 'string',
                 contentType: 'text',
-            }, images: (0, common_1.withTheme)({
+            }, images: withTheme({
                 type: 'object',
                 required: ['desktop', 'tablet', 'mobile'],
                 properties: {
@@ -33,4 +30,3 @@ exports.CompaniesBlock = {
             }) }),
     },
 };
-//# sourceMappingURL=schema.js.map

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

@@ -1,3 +1,3 @@
-import { ContentLayoutBlockProps } from "../../models/index.js";
+import { ContentLayoutBlockProps } from '../../models';
 export declare const ContentLayoutBlock: (props: ContentLayoutBlockProps) => import("react/jsx-runtime").JSX.Element;
 export default ContentLayoutBlock;

package/build/cjs/blocks/ContentLayout/ContentLayout.js

@@ -1,17 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContentLayoutBlock = void 0;
-const tslib_1 = require("tslib");
-const react_1 = require("react");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const components_1 = require("../../components/index.js");
-const mobileContext_1 = require("../../context/mobileContext/index.js");
-const theme_1 = require("../../context/theme/index.js");
-const grid_1 = require("../../grid/index.js");
-const sub_blocks_1 = require("../../sub-blocks/index.js");
-const utils_1 = require("../../utils/index.js");
-const b = (0, utils_1.block)('content-layout-block');
+import { createElement as _createElement } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { BackgroundImage, FileLink } from '../../components';
+import { MobileContext } from '../../context/mobileContext';
+import { useTheme } from '../../context/theme';
+import { Col } from '../../grid';
+import { Content } from '../../sub-blocks';
+import { block, getThemedValue } from '../../utils';
+const b = block('content-layout-block');
 function getFileTextSize(size) {
     switch (size) {
         case 's':
@@ -32,14 +28,12 @@ function getTextWidth(size) {
             return { all: 12, md: 8 };
     }
 }
-const ContentLayoutBlock = (props) => {
-    const isMobile = React.useContext(mobileContext_1.MobileContext);
+export const ContentLayoutBlock = (props) => {
+    const isMobile = React.useContext(MobileContext);
     const { textContent, fileContent, size = 'l', background, centered, theme = 'default', textWidth = 'm', } = props;
     const colSizes = React.useMemo(() => getTextWidth(textWidth), [textWidth]);
-    const globalTheme = (0, theme_1.useTheme)();
-    const themedBackground = (0, utils_1.getThemedValue)(background, globalTheme);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: b({ size, theme, background: Boolean(background) }), children: [(0, jsx_runtime_1.jsx)(sub_blocks_1.Content, Object.assign({ className: b('content') }, textContent, { size: size, centered: centered, colSizes: colSizes, theme: theme })), fileContent && ((0, jsx_runtime_1.jsx)(grid_1.Col, { className: b('files', { size, centered }), reset: true, sizes: colSizes, children: fileContent.map((file) => ((0, react_1.createElement)(components_1.FileLink, Object.assign({ className: b('file') }, file, { key: file.href, type: "horizontal", textSize: getFileTextSize(size), theme: theme })))) })), background && ((0, jsx_runtime_1.jsx)("div", { className: b('background'), children: (0, jsx_runtime_1.jsx)(components_1.BackgroundImage, Object.assign({ className: b('background-item') }, themedBackground, { hide: isMobile })) }))] }));
+    const globalTheme = useTheme();
+    const themedBackground = getThemedValue(background, globalTheme);
+    return (_jsxs("div", { className: b({ size, theme, background: Boolean(background) }), children: [_jsx(Content, Object.assign({ className: b('content') }, textContent, { size: size, centered: centered, colSizes: colSizes, theme: theme })), fileContent && (_jsx(Col, { className: b('files', { size, centered }), reset: true, sizes: colSizes, children: fileContent.map((file) => (_createElement(FileLink, Object.assign({ className: b('file') }, file, { key: file.href, type: "horizontal", textSize: getFileTextSize(size), theme: theme })))) })), background && (_jsx("div", { className: b('background'), children: _jsx(BackgroundImage, Object.assign({ className: b('background-item') }, themedBackground, { hide: isMobile })) }))] }));
 };
-exports.ContentLayoutBlock = ContentLayoutBlock;
-exports.default = exports.ContentLayoutBlock;
-//# sourceMappingURL=ContentLayout.js.map
+export default ContentLayoutBlock;

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

@@ -1,36 +1,32 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContentLayoutBlock = void 0;
-const schema_1 = require("../../components/Image/schema.js");
-const common_1 = require("../../schema/validators/common.js");
-const utils_1 = require("../../schema/validators/utils.js");
-const schema_2 = require("../../sub-blocks/Content/schema.js");
+import { BackgroundImageProps } from '../../components/Image/schema';
+import { BlockBaseProps, FileLinkProps, contentSizes, contentTextWidth, contentThemes, } from '../../schema/validators/common';
+import { filteredArray } from '../../schema/validators/utils';
+import { ContentBlock } from '../../sub-blocks/Content/schema';
 const ContentLayoutBlockProperties = {
     size: {
         type: 'string',
-        enum: common_1.contentSizes,
+        enum: contentSizes,
     },
-    background: schema_1.BackgroundImageProps,
+    background: BackgroundImageProps,
     centered: {
         type: 'boolean',
     },
     theme: {
         type: 'string',
-        enum: common_1.contentThemes,
+        enum: contentThemes,
     },
     textWidth: {
         type: 'string',
-        enum: common_1.contentTextWidth,
+        enum: contentTextWidth,
     },
 };
-exports.ContentLayoutBlock = {
+export const ContentLayoutBlock = {
     'content-layout-block': {
         additionalProperties: false,
-        properties: Object.assign(Object.assign(Object.assign({}, common_1.BlockBaseProps), { textContent: schema_2.ContentBlock === null || schema_2.ContentBlock === void 0 ? void 0 : schema_2.ContentBlock.content, fileContent: (0, utils_1.filteredArray)(common_1.FileLinkProps), 
+        properties: Object.assign(Object.assign(Object.assign({}, BlockBaseProps), { textContent: ContentBlock === null || ContentBlock === void 0 ? void 0 : ContentBlock.content, fileContent: filteredArray(FileLinkProps), 
             /**
              * @deprecated Use params on top level instead
              */
             properties: ContentLayoutBlockProperties }), ContentLayoutBlockProperties),
     },
 };
-//# sourceMappingURL=schema.js.map

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

@@ -1,3 +1,3 @@
-import { ExtendedFeaturesProps } from "../../models/index.js";
+import { ExtendedFeaturesProps } from '../../models';
 export declare const ExtendedFeaturesBlock: ({ title, description, items, colSizes, animated, }: ExtendedFeaturesProps) => import("react/jsx-runtime").JSX.Element;
 export default ExtendedFeaturesBlock;

package/build/cjs/blocks/ExtendedFeatures/ExtendedFeatures.js

@@ -1,38 +1,32 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExtendedFeaturesBlock = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const components_1 = require("../../components/index.js");
-const Image_1 = tslib_1.__importDefault(require("../../components/Image/Image.js"));
-const utils_1 = require("../../components/Media/Image/utils.js");
-const theme_1 = require("../../context/theme/index.js");
-const grid_1 = require("../../grid/index.js");
-const sub_blocks_1 = require("../../sub-blocks/index.js");
-const utils_2 = require("../../utils/index.js");
-const b = (0, utils_2.block)('ExtendedFeaturesBlock');
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { AnimateBlock, HTML, Title } from '../../components/';
+import Image from '../../components/Image/Image';
+import { getMediaImage } from '../../components/Media/Image/utils';
+import { useTheme } from '../../context/theme';
+import { Col, Row } from '../../grid';
+import { Content } from '../../sub-blocks';
+import { block, getThemedValue } from '../../utils';
+const b = block('ExtendedFeaturesBlock');
 const DEFAULT_SIZES = {
     all: 12,
     sm: 6,
     md: 4,
 };
-const ExtendedFeaturesBlock = ({ title, description, items, colSizes = DEFAULT_SIZES, animated, }) => {
-    const theme = (0, theme_1.useTheme)();
+export const ExtendedFeaturesBlock = ({ title, description, items, colSizes = DEFAULT_SIZES, animated, }) => {
+    const theme = useTheme();
     const itemTitleHeadingTag = title ? 'h3' : 'h2';
-    return ((0, jsx_runtime_1.jsxs)(components_1.AnimateBlock, { className: b(), animate: animated, children: [(0, jsx_runtime_1.jsx)(components_1.Title, { title: title, subtitle: description, className: b('header') }), (0, jsx_runtime_1.jsx)("div", { className: b('items'), children: (0, jsx_runtime_1.jsx)(grid_1.Row, { children: items.map(({ title: itemTitle, text, list, link, links, label, icon, buttons, additionalInfo, }) => {
+    return (_jsxs(AnimateBlock, { className: b(), animate: animated, children: [_jsx(Title, { title: title, subtitle: description, className: b('header') }), _jsx("div", { className: b('items'), children: _jsx(Row, { children: items.map(({ title: itemTitle, text, list, link, links, label, icon, buttons, additionalInfo, }) => {
                         const itemLinks = links || [];
-                        const iconThemed = icon && (0, utils_2.getThemedValue)(icon, theme);
-                        const iconData = iconThemed && (0, utils_1.getMediaImage)(iconThemed);
+                        const iconThemed = icon && getThemedValue(icon, theme);
+                        const iconData = iconThemed && getMediaImage(iconThemed);
                         if (link) {
                             itemLinks.push(link);
                         }
-                        return ((0, jsx_runtime_1.jsxs)(grid_1.Col, { className: b('item'), sizes: colSizes, children: [iconData && ((0, jsx_runtime_1.jsx)("div", { className: b('icon-wrap'), "aria-hidden": true, children: (0, jsx_runtime_1.jsx)(Image_1.default, Object.assign({}, iconData, { className: b('icon') })) })), (0, jsx_runtime_1.jsxs)("div", { className: b('container'), children: [itemTitle &&
+                        return (_jsxs(Col, { className: b('item'), sizes: colSizes, children: [iconData && (_jsx("div", { className: b('icon-wrap'), "aria-hidden": true, children: _jsx(Image, Object.assign({}, iconData, { className: b('icon') })) })), _jsxs("div", { className: b('container'), children: [itemTitle &&
                                             React.createElement(itemTitleHeadingTag, {
                                                 className: b('item-title'),
-                                            }, (0, jsx_runtime_1.jsxs)(React.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.HTML, { children: itemTitle }), label && ((0, jsx_runtime_1.jsx)("span", { className: b('item-label'), children: label }))] })), (0, jsx_runtime_1.jsx)(sub_blocks_1.Content, { text: text, links: itemLinks, size: "s", list: list, colSizes: { all: 12, md: 12 }, buttons: buttons, additionalInfo: additionalInfo })] })] }, text || itemTitle));
+                                            }, _jsxs(React.Fragment, { children: [_jsx(HTML, { children: itemTitle }), label && (_jsx("span", { className: b('item-label'), children: label }))] })), _jsx(Content, { text: text, links: itemLinks, size: "s", list: list, colSizes: { all: 12, md: 12 }, buttons: buttons, additionalInfo: additionalInfo })] })] }, text || itemTitle));
                     }) }) })] }));
 };
-exports.ExtendedFeaturesBlock = ExtendedFeaturesBlock;
-exports.default = exports.ExtendedFeaturesBlock;
-//# sourceMappingURL=ExtendedFeatures.js.map
+export default ExtendedFeaturesBlock;

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

@@ -163,7 +163,7 @@ export declare const ExtendedFeaturesItem: {
             }) | {
                 type: string;
                 additionalProperties: boolean;
-                required: import("../../index.js").Theme[];
+                required: import("../..").Theme[];
                 properties: {};
                 optionName: string;
             })[];

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

@@ -1,10 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExtendedFeaturesBlock = exports.ExtendedFeaturesItem = void 0;
-const common_1 = require("../../schema/validators/common.js");
-const components_1 = require("../../schema/validators/components.js");
-const utils_1 = require("../../schema/validators/utils.js");
-exports.ExtendedFeaturesItem = {
+import { AnimatableProps, BlockBaseProps, BlockHeaderProps, LinkProps, containerSizesObject, withTheme, } from '../../schema/validators/common';
+import { ImageProps } from '../../schema/validators/components';
+import { filteredArray } from '../../schema/validators/utils';
+export const ExtendedFeaturesItem = {
     additionalProperties: false,
     required: [],
     properties: {
@@ -20,15 +17,14 @@ exports.ExtendedFeaturesItem = {
             type: 'string',
             enum: ['New', 'Preview'],
         },
-        link: common_1.LinkProps,
-        icon: (0, common_1.withTheme)(components_1.ImageProps),
+        link: LinkProps,
+        icon: withTheme(ImageProps),
     },
 };
-exports.ExtendedFeaturesBlock = {
+export const ExtendedFeaturesBlock = {
     'extended-features-block': {
         additionalProperties: false,
         required: [],
-        properties: Object.assign(Object.assign(Object.assign(Object.assign({}, common_1.BlockBaseProps), common_1.AnimatableProps), common_1.BlockHeaderProps), { items: (0, utils_1.filteredArray)(exports.ExtendedFeaturesItem), colSizes: common_1.containerSizesObject }),
+        properties: Object.assign(Object.assign(Object.assign(Object.assign({}, BlockBaseProps), AnimatableProps), BlockHeaderProps), { items: filteredArray(ExtendedFeaturesItem), colSizes: containerSizesObject }),
     },
 };
-//# sourceMappingURL=schema.js.map

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

@@ -1,4 +1,4 @@
 import * as React from 'react';
-import { FilterBlockProps } from "../../models/index.js";
+import { FilterBlockProps } from '../../models';
 declare const FilterBlock: React.FC<FilterBlockProps>;
 export default FilterBlock;

package/build/cjs/blocks/FilterBlock/FilterBlock.js

@@ -1,20 +1,17 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const __1 = require("../index.js");
-const components_1 = require("../../components/index.js");
-const ButtonTabs_1 = tslib_1.__importDefault(require("../../components/ButtonTabs/ButtonTabs.js"));
-const ConstructorItem_1 = require("../../containers/PageConstructor/components/ConstructorItem/index.js");
-const grid_1 = require("../../grid/index.js");
-const utils_1 = require("../../utils/index.js");
-const i18n_1 = require("./i18n/index.js");
-const b = (0, utils_1.block)('filter-block');
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { CardLayoutBlock } from '..';
+import { AnimateBlock, Title } from '../../components';
+import ButtonTabs from '../../components/ButtonTabs/ButtonTabs';
+import { ConstructorItem } from '../../containers/PageConstructor/components/ConstructorItem';
+import { Col, Row } from '../../grid';
+import { block, getBlockKey } from '../../utils';
+import { i18n } from './i18n';
+const b = block('filter-block');
 const FilterBlock = ({ title, description, tags, tagButtonSize, allTag, items, colSizes, centered, animated, }) => {
     const tabButtons = React.useMemo(() => {
         const allButton = allTag
-            ? { id: null, title: typeof allTag === 'boolean' ? (0, i18n_1.i18n)('label-all-tag') : allTag }
+            ? { id: null, title: typeof allTag === 'boolean' ? i18n('label-all-tag') : allTag }
             : undefined;
         const otherButtons = tags && tags.map((tag) => ({ id: tag.id, title: tag.label }));
         return [...(allButton ? [allButton] : []), ...(otherButtons ? otherButtons : [])];
@@ -31,10 +28,9 @@ const FilterBlock = ({ title, description, tags, tagButtonSize, allTag, items, c
             : items;
         return itemsToShow.map((item) => item.card);
     }, [actualTag, items]);
-    return ((0, jsx_runtime_1.jsxs)(components_1.AnimateBlock, { className: b(), animate: animated, children: [title && ((0, jsx_runtime_1.jsx)(components_1.Title, { className: b('title', { centered: centered }), title: title, subtitle: description })), tabButtons.length && ((0, jsx_runtime_1.jsx)(grid_1.Row, { children: (0, jsx_runtime_1.jsx)(grid_1.Col, { children: (0, jsx_runtime_1.jsx)(ButtonTabs_1.default, { className: b('tabs', { centered: centered }), items: tabButtons, activeTab: selectedTag, onSelectTab: setSelectedTag, tabSize: tagButtonSize }) }) })), (0, jsx_runtime_1.jsx)(grid_1.Row, { className: b('block-container'), children: (0, jsx_runtime_1.jsx)(__1.CardLayoutBlock, { title: "", colSizes: colSizes, className: b('cards-container'), children: cards.map((card, index) => {
-                        const key = (0, utils_1.getBlockKey)(card, index);
-                        return (0, jsx_runtime_1.jsx)(ConstructorItem_1.ConstructorItem, { data: card, blockKey: key }, key);
+    return (_jsxs(AnimateBlock, { className: b(), animate: animated, children: [title && (_jsx(Title, { className: b('title', { centered: centered }), title: title, subtitle: description })), tabButtons.length && (_jsx(Row, { children: _jsx(Col, { children: _jsx(ButtonTabs, { className: b('tabs', { centered: centered }), items: tabButtons, activeTab: selectedTag, onSelectTab: setSelectedTag, tabSize: tagButtonSize }) }) })), _jsx(Row, { className: b('block-container'), children: _jsx(CardLayoutBlock, { title: "", colSizes: colSizes, className: b('cards-container'), children: cards.map((card, index) => {
+                        const key = getBlockKey(card, index);
+                        return _jsx(ConstructorItem, { data: card, blockKey: key }, key);
                     }) }) })] }));
 };
-exports.default = FilterBlock;
-//# sourceMappingURL=FilterBlock.js.map
+export default FilterBlock;

package/build/cjs/blocks/FilterBlock/i18n/index.js

@@ -1,10 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.i18n = void 0;
-const tslib_1 = require("tslib");
-const i18n_1 = require("@gravity-ui/uikit/i18n");
-const cn_1 = require("../../../utils/cn.js");
-const en_json_1 = tslib_1.__importDefault(require("./en.json"));
-const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
-exports.i18n = (0, i18n_1.addComponentKeysets)({ en: en_json_1.default, ru: ru_json_1.default }, `${cn_1.NAMESPACE}FilterBlock`);
-//# sourceMappingURL=index.js.map
+import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
+import { NAMESPACE } from '../../../utils/cn';
+import en from './en.json';
+import ru from './ru.json';
+export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}FilterBlock`);