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

package/build/cjs/sub-blocks/ImageCard/ImageCard.css

@@ -27,6 +27,7 @@ unpredictable css rules order in build */
 .pc-image-card .pc-image-card__content {
   display: flex;
   padding: 32px;
+  padding-bottom: 36px;
   flex: auto;
 }
 .pc-image-card .pc-image-card__image_inner {
@@ -44,6 +45,7 @@ unpredictable css rules order in build */
 }
 .pc-image-card .pc-image-card__image_margins_m {
   padding: 32px;
+  padding-bottom: 36px;
 }
 .pc-image-card .pc-image-card__image_margins_m .pc-image-card__image_inner {
   border-radius: initial;

package/build/cjs/sub-blocks/ImageCard/ImageCard.d.ts

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

package/build/cjs/sub-blocks/ImageCard/ImageCard.js

@@ -1,30 +1,26 @@
-"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 uikit_1 = require("@gravity-ui/uikit");
-const components_1 = require("../../components/index.js");
-const utils_1 = require("../../components/Media/Image/utils.js");
-const theme_1 = require("../../context/theme/index.js");
-const models_1 = require("../../models/index.js");
-const utils_2 = require("../../utils/index.js");
-const Content_1 = tslib_1.__importDefault(require("../Content/Content.js"));
-const b = (0, utils_2.block)('image-card');
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Link, useUniqId } from '@gravity-ui/uikit';
+import { Image } from '../../components';
+import { getMediaImage } from '../../components/Media/Image/utils';
+import { useTheme } from '../../context/theme';
+import { ImageCardDirection } from '../../models';
+import { block, getThemedValue } from '../../utils';
+import Content from '../Content/Content';
+const b = block('image-card');
 const CONTENT_COL_SIZES = { all: 12, md: 12 };
 const ImageCard = (props) => {
-    const { border = 'shadow', title, text, image, enableImageBorderRadius = false, direction = models_1.ImageCardDirection.Direct, margins, backgroundColor, url, target, urlTitle, additionalInfo, links, buttons, list, theme: cardTheme = 'default', size = 's', controlPosition = 'content', } = props;
-    const globalTheme = (0, theme_1.useTheme)();
+    const { border = 'shadow', title, text, image, enableImageBorderRadius = false, direction = ImageCardDirection.Direct, margins, backgroundColor, url, target, urlTitle, additionalInfo, links, buttons, list, theme: cardTheme = 'default', size = 's', controlPosition = 'content', } = props;
+    const globalTheme = useTheme();
     const areControlsInFooter = controlPosition === 'footer';
     const hasContent = Boolean(text || title || buttons || links || list);
-    const themedImage = (0, utils_2.getThemedValue)(image, globalTheme);
-    const imageProps = (0, utils_1.getMediaImage)(themedImage);
-    const titleId = (0, uikit_1.useUniqId)();
-    const cardContent = ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: b('image', { margins }), children: (0, jsx_runtime_1.jsx)(components_1.Image, Object.assign({ className: b('image_inner', { radius: enableImageBorderRadius }) }, imageProps)) }), hasContent && ((0, jsx_runtime_1.jsx)("div", { className: b('content'), children: (0, jsx_runtime_1.jsx)(Content_1.default, { titleId: titleId, title: title, text: text, links: links, buttons: buttons, list: list, theme: cardTheme, additionalInfo: additionalInfo, size: size, colSizes: CONTENT_COL_SIZES, controlPosition: areControlsInFooter ? 'bottom' : 'default' }) }))] }));
-    return url ? ((0, jsx_runtime_1.jsx)(uikit_1.Link, { href: url, target: target, rel: target === '_blank' ? 'noopener noreferrer' : undefined, className: b({ border, 'with-content': hasContent, direction }), title: urlTitle, style: { backgroundColor }, extraProps: {
+    const themedImage = getThemedValue(image, globalTheme);
+    const imageProps = getMediaImage(themedImage);
+    const titleId = useUniqId();
+    const cardContent = (_jsxs(React.Fragment, { children: [_jsx("div", { className: b('image', { margins }), children: _jsx(Image, Object.assign({ className: b('image_inner', { radius: enableImageBorderRadius }) }, imageProps)) }), hasContent && (_jsx("div", { className: b('content'), children: _jsx(Content, { titleId: titleId, title: title, text: text, links: links, buttons: buttons, list: list, theme: cardTheme, additionalInfo: additionalInfo, size: size, colSizes: CONTENT_COL_SIZES, controlPosition: areControlsInFooter ? 'bottom' : 'default' }) }))] }));
+    return url ? (_jsx(Link, { href: url, target: target, rel: target === '_blank' ? 'noopener noreferrer' : undefined, className: b({ border, 'with-content': hasContent, direction }), title: urlTitle, style: { backgroundColor }, extraProps: {
             draggable: false,
             onDragStart: (e) => e.preventDefault(),
-        }, children: cardContent })) : ((0, jsx_runtime_1.jsx)("div", { className: b({ border, 'with-content': hasContent, direction }), style: { backgroundColor }, children: cardContent }));
+        }, children: cardContent })) : (_jsx("div", { className: b({ border, 'with-content': hasContent, direction }), style: { backgroundColor }, children: cardContent }));
 };
-exports.default = ImageCard;
-//# sourceMappingURL=ImageCard.js.map
+export default ImageCard;

package/build/cjs/sub-blocks/ImageCard/schema.js

@@ -1,17 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ImageCard = void 0;
-const tslib_1 = require("tslib");
-const omit_1 = tslib_1.__importDefault(require("lodash/omit"));
-const common_1 = require("../../schema/validators/common.js");
-const components_1 = require("../../schema/validators/components.js");
-const schema_1 = require("../Content/schema.js");
-const ImageCardBlockContentProps = (0, omit_1.default)(schema_1.ContentBase, ['centered', 'colSizes', 'controlPosition']);
-exports.ImageCard = {
+import omit from 'lodash/omit';
+import { BaseProps, CardBase, CardLayoutProps } from '../../schema/validators/common';
+import { ImageProps } from '../../schema/validators/components';
+import { ContentBase } from '../Content/schema';
+const ImageCardBlockContentProps = omit(ContentBase, ['centered', 'colSizes', 'controlPosition']);
+export const ImageCard = {
     'image-card': {
         additionalProperties: false,
         required: ['image'],
-        properties: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, common_1.BaseProps), common_1.CardBase), common_1.CardLayoutProps), ImageCardBlockContentProps), { image: components_1.ImageProps, direction: {
+        properties: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, BaseProps), CardBase), CardLayoutProps), ImageCardBlockContentProps), { image: ImageProps, direction: {
                 type: 'string',
                 enum: ['direct', 'reverse'],
             }, margins: {
@@ -26,4 +22,3 @@ exports.ImageCard = {
             } }),
     },
 };
-//# sourceMappingURL=schema.js.map

package/build/cjs/sub-blocks/LayoutItem/LayoutItem.d.ts

@@ -1,3 +1,3 @@
-import { LayoutItemProps } from "../../models/index.js";
+import { LayoutItemProps } from '../../models';
 declare const LayoutItem: ({ content: { links, ...content }, contentMargin, metaInfo, media, border, fullscreen, icon, className, analyticsEvents, controlPosition, }: LayoutItemProps) => import("react/jsx-runtime").JSX.Element;
 export default LayoutItem;

package/build/cjs/sub-blocks/LayoutItem/LayoutItem.js

@@ -1,40 +1,39 @@
-"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 uikit_1 = require("@gravity-ui/uikit");
-const components_1 = require("../../components/index.js");
-const theme_1 = require("../../context/theme/index.js");
-const utils_1 = require("../../utils/index.js");
-const microdata_1 = require("../../utils/microdata.js");
-const Content_1 = tslib_1.__importDefault(require("../Content/Content.js"));
-const utils_2 = require("./utils.js");
-const b = (0, utils_1.block)('layout-item');
+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 { useUniqId } from '@gravity-ui/uikit';
+import { FullscreenMedia, IconWrapper, Media, MetaInfo } from '../../components';
+import { useTheme } from '../../context/theme';
+import { block, getThemedValue } from '../../utils';
+import { mergeVideoMicrodata } from '../../utils/microdata';
+import Content from '../Content/Content';
+import { getLayoutItemLinks, hasFullscreen, showFullscreenIcon } from './utils';
+const b = block('layout-item');
 const LayoutItem = (_a) => {
     var _b = _a.content, { links } = _b, content = tslib_1.__rest(_b, ["links"]), { contentMargin = 'm', metaInfo, media, border, fullscreen, icon, className, analyticsEvents, controlPosition = 'content' } = _a;
-    const normalizedLinks = React.useMemo(() => (0, utils_2.getLayoutItemLinks)(links), [links]);
+    const normalizedLinks = React.useMemo(() => getLayoutItemLinks(links), [links]);
     const areControlsInFooter = controlPosition === 'footer';
-    const theme = (0, theme_1.useTheme)();
-    const themedIcon = (0, utils_1.getThemedValue)(icon, theme);
+    const theme = useTheme();
+    const themedIcon = getThemedValue(icon, theme);
     const contentProps = Object.assign(Object.assign({ controlPosition: areControlsInFooter ? 'bottom' : 'default' }, content), { links: normalizedLinks, size: 's', colSizes: { all: 12, md: 12 } });
-    const titleId = (0, uikit_1.useUniqId)();
+    const titleId = useUniqId();
     const renderMedia = () => {
         if (!media) {
             return null;
         }
-        const themedMedia = (0, utils_1.getThemedValue)(media, theme);
+        const themedMedia = getThemedValue(media, theme);
         const { title } = content;
-        const mediaWithMicrodata = (0, microdata_1.mergeVideoMicrodata)(themedMedia, {
+        const mediaWithMicrodata = mergeVideoMicrodata(themedMedia, {
             name: typeof title === 'string' ? title : title === null || title === void 0 ? void 0 : title.text,
             description: content.text,
         });
-        return fullscreen && (0, utils_2.hasFullscreen)(themedMedia) ? ((0, jsx_runtime_1.jsx)(components_1.FullscreenMedia, { showFullscreenIcon: (0, utils_2.showFullscreenIcon)(themedMedia), children: (_a = {}) => {
+        return fullscreen && hasFullscreen(themedMedia) ? (_jsx(FullscreenMedia, { showFullscreenIcon: showFullscreenIcon(themedMedia), children: (_a = {}) => {
                 var { className: mediaClassName, fullscreen: _fullscreen } = _a, fullscreenMediaProps = tslib_1.__rest(_a, ["className", "fullscreen"]);
-                return ((0, jsx_runtime_1.jsx)(components_1.Media, Object.assign({}, mediaWithMicrodata, fullscreenMediaProps, { className: b('media', { border }, mediaClassName), analyticsEvents: analyticsEvents })));
-            } })) : ((0, jsx_runtime_1.jsx)(components_1.Media, Object.assign({}, themedMedia, { className: b('media', { border }), analyticsEvents: analyticsEvents })));
+                return (_jsx(Media, Object.assign({}, mediaWithMicrodata, fullscreenMediaProps, { className: b('media', { border }, mediaClassName), analyticsEvents: analyticsEvents })));
+            } })) : (_jsx(Media, Object.assign({}, themedMedia, { className: b('media', { border }), analyticsEvents: analyticsEvents })));
     };
-    return ((0, jsx_runtime_1.jsxs)("div", { className: b(null, className), children: [renderMedia(), metaInfo && (0, jsx_runtime_1.jsx)(components_1.MetaInfo, { items: metaInfo, className: b('meta-info') }), (0, jsx_runtime_1.jsx)("div", { className: b('content', { 'no-media': !media, margin: contentMargin }), children: (0, jsx_runtime_1.jsx)(components_1.IconWrapper, { icon: themedIcon, className: b('wrapper'), children: (0, jsx_runtime_1.jsx)(Content_1.default, Object.assign({}, contentProps, { titleId: titleId })) }) })] }));
+    return (_jsxs("div", { className: b(null, className), children: [renderMedia(), metaInfo && _jsx(MetaInfo, { items: metaInfo, className: b('meta-info') }), _jsx("div", { className: b('content', { 'no-media': !media, margin: contentMargin }), children: _jsx(IconWrapper, { icon: themedIcon, className: b('wrapper'), children: _jsx(Content, Object.assign({}, contentProps, { titleId: titleId })) }) })] }));
 };
-exports.default = LayoutItem;
-//# sourceMappingURL=LayoutItem.js.map
+export default LayoutItem;

package/build/cjs/sub-blocks/LayoutItem/schema.d.ts

@@ -135,7 +135,7 @@ export declare const LayoutItem: {
                     };
                     controls: {
                         type: string;
-                        enum: import("../../index.js").MediaVideoControlsType[];
+                        enum: import("../..").MediaVideoControlsType[];
                     };
                     customControlsOptions: {
                         type: string;
@@ -143,14 +143,14 @@ export declare const LayoutItem: {
                         properties: {
                             type: {
                                 type: string;
-                                enum: import("../../index.js").CustomControlsType[];
+                                enum: import("../..").CustomControlsType[];
                             };
                             muteButtonShown: {
                                 type: string;
                             };
                             positioning: {
                                 type: string;
-                                enum: import("../../index.js").CustomControlsButtonPositioning[];
+                                enum: import("../..").CustomControlsButtonPositioning[];
                             };
                         };
                     };

package/build/cjs/sub-blocks/LayoutItem/schema.js

@@ -1,33 +1,28 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LayoutItem = void 0;
-const tslib_1 = require("tslib");
-const omit_1 = tslib_1.__importDefault(require("lodash/omit"));
-const schema_1 = tslib_1.__importDefault(require("../../components/MetaInfo/schema.js"));
-const common_1 = require("../../schema/validators/common.js");
-const event_1 = require("../../schema/validators/event.js");
-const schema_2 = require("../Content/schema.js");
-exports.LayoutItem = {
+import omit from 'lodash/omit';
+import metaInfo from '../../components/MetaInfo/schema';
+import { BaseProps, CardLayoutProps, MediaProps } from '../../schema/validators/common';
+import { AnalyticsEventSchema } from '../../schema/validators/event';
+import { ContentBase } from '../../sub-blocks/Content/schema';
+export const LayoutItem = {
     type: 'object',
     additionalProperties: false,
     required: ['content', 'media'],
-    properties: Object.assign(Object.assign(Object.assign({}, common_1.BaseProps), common_1.CardLayoutProps), { media: common_1.MediaProps, content: (0, omit_1.default)(schema_2.ContentBase, ['colSize', 'size', 'centered']), contentMargin: {
+    properties: Object.assign(Object.assign(Object.assign({}, BaseProps), CardLayoutProps), { media: MediaProps, content: omit(ContentBase, ['colSize', 'size', 'centered']), contentMargin: {
             type: 'string',
             enum: ['m', 'l'],
             default: 'm',
-        }, metaInfo: schema_1.default, border: {
+        }, metaInfo: metaInfo, border: {
             type: 'boolean',
         }, fullscreen: {
             type: 'boolean',
         }, analyticsEvents: {
             oneOf: [
-                Object.assign(Object.assign({}, event_1.AnalyticsEventSchema), { optionName: 'single' }),
+                Object.assign(Object.assign({}, AnalyticsEventSchema), { optionName: 'single' }),
                 {
                     type: 'array',
-                    items: event_1.AnalyticsEventSchema,
+                    items: AnalyticsEventSchema,
                     optionName: 'list',
                 },
             ],
         } }),
 };
-//# sourceMappingURL=schema.js.map

package/build/cjs/sub-blocks/LayoutItem/utils.d.ts

@@ -1,15 +1,15 @@
-import { LayoutItemProps, LinkTheme, MediaProps } from "../../models/index.js";
+import { LayoutItemProps, LinkTheme, MediaProps } from '../../models';
 export declare const getLayoutItemLinks: (links: LayoutItemProps["content"]["links"]) => {
     url: string;
     urlTitle?: string;
     text?: string;
-    textSize?: import("../../models/index.js").TextSize;
+    textSize?: import("../../models").TextSize;
     theme: LinkTheme;
-    colorTheme?: import("../../models/index.js").TextTheme;
+    colorTheme?: import("../../models").TextTheme;
     arrow?: boolean;
     target?: string;
     extraProps?: React.HTMLProps<HTMLAnchorElement>;
-    analyticsEvents?: import("../../models/index.js").AnalyticsEventsProp;
+    analyticsEvents?: import("../../models").AnalyticsEventsProp;
     className?: string;
     tabIndex?: number;
 }[] | undefined;

package/build/cjs/sub-blocks/LayoutItem/utils.js

@@ -1,13 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.showFullscreenIcon = exports.hasFullscreen = exports.getLayoutItemLinks = void 0;
-const getLayoutItemLinks = (links) => links === null || links === void 0 ? void 0 : links.map((link) => (Object.assign({ theme: 'normal' }, link)));
-exports.getLayoutItemLinks = getLayoutItemLinks;
-const hasFullscreen = ({ dataLens, image }) => {
+export const getLayoutItemLinks = (links) => links === null || links === void 0 ? void 0 : links.map((link) => (Object.assign({ theme: 'normal' }, link)));
+export const hasFullscreen = ({ dataLens, image }) => {
     // datalens and slider media card don't support fullscreen mode
     return !(dataLens || Array.isArray(image));
 };
-exports.hasFullscreen = hasFullscreen;
-const showFullscreenIcon = ({ youtube, videoIframe }) => !(youtube || videoIframe);
-exports.showFullscreenIcon = showFullscreenIcon;
-//# sourceMappingURL=utils.js.map
+export const showFullscreenIcon = ({ youtube, videoIframe }) => !(youtube || videoIframe);

package/build/cjs/sub-blocks/MediaCard/MediaCard.d.ts

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

package/build/cjs/sub-blocks/MediaCard/MediaCard.js

@@ -1,13 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const components_1 = require("../../components/index.js");
-const utils_1 = require("../../utils/index.js");
-const b = (0, utils_1.block)('MediaCard');
+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 { CardBase, Media } from '../../components';
+import { block } from '../../utils';
+const b = block('MediaCard');
 const MediaCard = (_a) => {
     var { border, analyticsEvents } = _a, mediaProps = tslib_1.__rest(_a, ["border", "analyticsEvents"]);
-    return ((0, jsx_runtime_1.jsx)(components_1.CardBase, { className: b(), bodyClassName: b('body'), border: border, analyticsEvents: analyticsEvents, children: (0, jsx_runtime_1.jsx)(components_1.CardBase.Content, { children: (0, jsx_runtime_1.jsx)(components_1.Media, Object.assign({}, mediaProps)) }) }));
+    return (_jsx(CardBase, { className: b(), bodyClassName: b('body'), border: border, analyticsEvents: analyticsEvents, children: _jsx(CardBase.Content, { children: _jsx(Media, Object.assign({}, mediaProps)) }) }));
 };
-exports.default = MediaCard;
-//# sourceMappingURL=MediaCard.js.map
+export default MediaCard;

package/build/cjs/sub-blocks/MediaCard/schema.d.ts

@@ -218,7 +218,7 @@ export declare const MediaCardBlock: {
                     };
                     controls: {
                         type: string;
-                        enum: import("../../index.js").MediaVideoControlsType[];
+                        enum: import("../..").MediaVideoControlsType[];
                     };
                     customControlsOptions: {
                         type: string;
@@ -226,14 +226,14 @@ export declare const MediaCardBlock: {
                         properties: {
                             type: {
                                 type: string;
-                                enum: import("../../index.js").CustomControlsType[];
+                                enum: import("../..").CustomControlsType[];
                             };
                             muteButtonShown: {
                                 type: string;
                             };
                             positioning: {
                                 type: string;
-                                enum: import("../../index.js").CustomControlsButtonPositioning[];
+                                enum: import("../..").CustomControlsButtonPositioning[];
                             };
                         };
                     };

package/build/cjs/sub-blocks/MediaCard/schema.js

@@ -1,22 +1,18 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MediaCardBlock = void 0;
-const common_1 = require("../../schema/validators/common.js");
-const event_1 = require("../../schema/validators/event.js");
-exports.MediaCardBlock = {
+import { AnimatableProps, BaseProps, CardBase, MediaProps } from '../../schema/validators/common';
+import { AnalyticsEventSchema } from '../../schema/validators/event';
+export const MediaCardBlock = {
     'media-card': {
         additionalProperties: false,
         required: [],
-        properties: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, common_1.BaseProps), common_1.CardBase), common_1.MediaProps), common_1.AnimatableProps), { analyticsEvents: {
+        properties: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, BaseProps), CardBase), MediaProps), AnimatableProps), { analyticsEvents: {
                 oneOf: [
-                    Object.assign(Object.assign({}, event_1.AnalyticsEventSchema), { optionName: 'single' }),
+                    Object.assign(Object.assign({}, AnalyticsEventSchema), { optionName: 'single' }),
                     {
                         type: 'array',
-                        items: event_1.AnalyticsEventSchema,
+                        items: AnalyticsEventSchema,
                         optionName: 'list',
                     },
                 ],
             } }),
     },
 };
-//# sourceMappingURL=schema.js.map

package/build/cjs/sub-blocks/PriceCard/PriceCard.d.ts

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

package/build/cjs/sub-blocks/PriceCard/PriceCard.js

@@ -1,17 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Check_1 = tslib_1.__importDefault(require("@gravity-ui/icons/Check"));
-const components_1 = require("../../components/index.js");
-const utils_1 = require("../../utils/index.js");
-const b = (0, utils_1.block)('price-card');
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Check } from '@gravity-ui/icons';
+import { BackgroundImage, Buttons, CardBase, ContentList, HTML, Links } from '../../components';
+import { block } from '../../utils';
+const b = block('price-card');
 const PriceCard = (props) => {
     const { border, title, price, pricePeriod, priceDetails, theme, description, list, buttons, links, backgroundColor, } = props;
-    return ((0, jsx_runtime_1.jsx)(components_1.CardBase, { className: b({ theme }), border: border, children: (0, jsx_runtime_1.jsxs)(components_1.CardBase.Content, { children: [(0, jsx_runtime_1.jsx)(components_1.BackgroundImage, { className: b('background'), style: { backgroundColor } }), (0, jsx_runtime_1.jsxs)("div", { className: b('content', { theme }), children: [(0, jsx_runtime_1.jsxs)("div", { className: b('info'), children: [(0, jsx_runtime_1.jsx)(components_1.HTML, { className: b('title'), children: title }), (0, jsx_runtime_1.jsxs)("div", { className: b('price'), children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("span", { className: b('price-value'), children: price }), pricePeriod && ((0, jsx_runtime_1.jsxs)("span", { className: b('price-period'), children: ["/ ", pricePeriod] }))] }), priceDetails && ((0, jsx_runtime_1.jsx)("div", { className: b('price-details'), children: priceDetails }))] }), description && (0, jsx_runtime_1.jsx)("div", { className: b('description'), children: description }), (list === null || list === void 0 ? void 0 : list.length) ? ((0, jsx_runtime_1.jsx)("div", { className: b('list'), children: (0, jsx_runtime_1.jsx)(components_1.ContentList, { list: list.map((item) => ({
-                                            icon: Check_1.default,
+    return (_jsx(CardBase, { className: b({ theme }), border: border, children: _jsxs(CardBase.Content, { children: [_jsx(BackgroundImage, { className: b('background'), style: { backgroundColor } }), _jsxs("div", { className: b('content', { theme }), children: [_jsxs("div", { className: b('info'), children: [_jsx(HTML, { className: b('title'), children: title }), _jsxs("div", { className: b('price'), children: [_jsxs("div", { children: [_jsx("span", { className: b('price-value'), children: price }), pricePeriod && (_jsxs("span", { className: b('price-period'), children: ["/ ", pricePeriod] }))] }), priceDetails && (_jsx("div", { className: b('price-details'), children: priceDetails }))] }), description && _jsx("div", { className: b('description'), children: description }), (list === null || list === void 0 ? void 0 : list.length) ? (_jsx("div", { className: b('list'), children: _jsx(ContentList, { list: list.map((item) => ({
+                                            icon: Check,
                                             text: item,
-                                        })), size: "s" }) })) : null] }), (0, jsx_runtime_1.jsx)(components_1.Buttons, { className: b('buttons'), buttons: buttons, size: "s" }), (0, jsx_runtime_1.jsx)(components_1.Links, { className: b('links'), links: links, size: "s" })] })] }, "content") }));
+                                        })), size: "s" }) })) : null] }), _jsx(Buttons, { className: b('buttons'), buttons: buttons, size: "s" }), _jsx(Links, { className: b('links'), links: links, size: "s" })] })] }, "content") }));
 };
-exports.default = PriceCard;
-//# sourceMappingURL=PriceCard.js.map
+export default PriceCard;

package/build/cjs/sub-blocks/PriceCard/schema.js

@@ -1,13 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PriceCardBlock = void 0;
-const common_1 = require("../../schema/validators/common.js");
-const schema_1 = require("../Content/schema.js");
-exports.PriceCardBlock = {
+import { BaseProps, ButtonBlock, CardBase, LinkProps } from '../../schema/validators/common';
+import { ContentBase } from '../Content/schema';
+export const PriceCardBlock = {
     'price-card': {
         additionalProperties: false,
         required: ['title', 'price'],
-        properties: Object.assign(Object.assign(Object.assign({}, common_1.BaseProps), common_1.CardBase), { theme: schema_1.ContentBase.theme, title: {
+        properties: Object.assign(Object.assign(Object.assign({}, BaseProps), CardBase), { theme: ContentBase.theme, title: {
                 type: 'string',
             }, price: {
                 type: 'string',
@@ -19,10 +16,10 @@ exports.PriceCardBlock = {
                 type: 'string',
             }, buttons: {
                 type: 'array',
-                items: common_1.ButtonBlock,
+                items: ButtonBlock,
             }, links: {
                 type: 'array',
-                items: common_1.LinkProps,
+                items: LinkProps,
             }, backgroundColor: {
                 type: 'string',
             }, list: {
@@ -36,4 +33,3 @@ exports.PriceCardBlock = {
             } }),
     },
 };
-//# sourceMappingURL=schema.js.map

package/build/cjs/sub-blocks/PriceDetailed/CombinedPriceDetailed/CombinedPriceDetailed.d.ts

@@ -1,4 +1,4 @@
-import { AnalyticsEventsBase, CardBorder, PriceDescriptionProps, PriceDetailsListProps, PriceDetailsSettingsProps, PriceItemProps } from "../../../models/index.js";
+import { AnalyticsEventsBase, CardBorder, PriceDescriptionProps, PriceDetailsListProps, PriceDetailsSettingsProps, PriceItemProps } from '../../../models';
 interface CombinedPriceDetailedProps extends AnalyticsEventsBase {
     items: PriceItemProps[];
     numberGroupItems: number;

package/build/cjs/sub-blocks/PriceDetailed/CombinedPriceDetailed/CombinedPriceDetailed.js

@@ -1,34 +1,31 @@
-"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 chunk_1 = tslib_1.__importDefault(require("lodash/chunk"));
-const components_1 = require("../../../components/index.js");
-const constants_1 = require("../../../constants.js");
-const grid_1 = require("../../../grid/index.js");
-const utils_1 = require("../../../utils/index.js");
-const b = (0, utils_1.block)('combined-price-detailed-block');
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import chunk from 'lodash/chunk';
+import { CardBase } from '../../../components';
+import { BREAKPOINTS } from '../../../constants';
+import { Col, Grid, GridColumnSize, Row } from '../../../grid';
+import { block } from '../../../utils';
+const b = block('combined-price-detailed-block');
 const CombinedPricesGroupSize = {
-    [grid_1.GridColumnSize.Sm]: 1,
-    [grid_1.GridColumnSize.Md]: 2,
-    [grid_1.GridColumnSize.Lg]: 3,
+    [GridColumnSize.Sm]: 1,
+    [GridColumnSize.Md]: 2,
+    [GridColumnSize.Lg]: 3,
 };
 const CombinedPriceDetailed = (props) => {
     const { items, numberGroupItems, border, useMixedView, getDescriptionComponent, getDetailsComponent, analyticsEvents, } = props;
     const [groupItemsSize, setGroupItemsSize] = React.useState(numberGroupItems);
     const updateGroupItemsSize = React.useCallback((windowWidth) => {
-        if (windowWidth >= constants_1.BREAKPOINTS.lg) {
+        if (windowWidth >= BREAKPOINTS.lg) {
             setGroupItemsSize(numberGroupItems);
         }
-        else if (constants_1.BREAKPOINTS.lg > windowWidth && windowWidth >= constants_1.BREAKPOINTS.md) {
-            setGroupItemsSize(CombinedPricesGroupSize[grid_1.GridColumnSize.Lg]);
+        else if (BREAKPOINTS.lg > windowWidth && windowWidth >= BREAKPOINTS.md) {
+            setGroupItemsSize(CombinedPricesGroupSize[GridColumnSize.Lg]);
         }
-        else if (constants_1.BREAKPOINTS.md > windowWidth && windowWidth >= constants_1.BREAKPOINTS.sm) {
-            setGroupItemsSize(CombinedPricesGroupSize[grid_1.GridColumnSize.Md]);
+        else if (BREAKPOINTS.md > windowWidth && windowWidth >= BREAKPOINTS.sm) {
+            setGroupItemsSize(CombinedPricesGroupSize[GridColumnSize.Md]);
         }
         else {
-            setGroupItemsSize(CombinedPricesGroupSize[grid_1.GridColumnSize.Sm]);
+            setGroupItemsSize(CombinedPricesGroupSize[GridColumnSize.Sm]);
         }
     }, [numberGroupItems]);
     React.useEffect(() => {
@@ -44,15 +41,14 @@ const CombinedPriceDetailed = (props) => {
         const detailsComponents = Array(groupItemsSize);
         for (let id = 0; id < groupItemsSize; id++) {
             const price = groupPrices[id];
-            descriptionComponents[id] = ((0, jsx_runtime_1.jsx)(grid_1.Col, { children: price && getDescriptionComponent(price) }, `card_${id}`));
-            detailsComponents[id] = ((0, jsx_runtime_1.jsx)(grid_1.Col, { className: price ? '' : b('empty-column'), children: price && getDetailsComponent(price.items) }, `details_${id}`));
+            descriptionComponents[id] = (_jsx(Col, { children: price && getDescriptionComponent(price) }, `card_${id}`));
+            detailsComponents[id] = (_jsx(Col, { className: price ? '' : b('empty-column'), children: price && getDetailsComponent(price.items) }, `details_${id}`));
         }
-        return ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { children: descriptionComponents }), (0, jsx_runtime_1.jsx)("div", { className: b('description', { delimiter: useMixedView }), children: detailsComponents })] }));
+        return (_jsxs(React.Fragment, { children: [_jsx("div", { children: descriptionComponents }), _jsx("div", { className: b('description', { delimiter: useMixedView }), children: detailsComponents })] }));
     };
-    const chunkedItems = (0, chunk_1.default)(items, groupItemsSize);
-    return ((0, jsx_runtime_1.jsx)(components_1.CardBase, { className: b(), border: border, analyticsEvents: analyticsEvents, children: (0, jsx_runtime_1.jsx)(components_1.CardBase.Content, { children: (0, jsx_runtime_1.jsx)(grid_1.Grid, { children: chunkedItems.map((item, id) => {
-                    return ((0, jsx_runtime_1.jsx)(grid_1.Row, { className: b('row'), children: getPrice(item) }, id));
+    const chunkedItems = chunk(items, groupItemsSize);
+    return (_jsx(CardBase, { className: b(), border: border, analyticsEvents: analyticsEvents, children: _jsx(CardBase.Content, { children: _jsx(Grid, { children: chunkedItems.map((item, id) => {
+                    return (_jsx(Row, { className: b('row'), children: getPrice(item) }, id));
                 }) }) }) }));
 };
-exports.default = CombinedPriceDetailed;
-//# sourceMappingURL=CombinedPriceDetailed.js.map
+export default CombinedPriceDetailed;

package/build/cjs/sub-blocks/PriceDetailed/PriceDescription/PriceDescription.d.ts

@@ -1,4 +1,4 @@
-import { PriceDescriptionColor, PriceDescriptionProps, PriceLabelColor, TextSize } from "../../../models/index.js";
+import { PriceDescriptionColor, PriceDescriptionProps, PriceLabelColor, TextSize } from '../../../models';
 interface PriceDescriptionExtendProps extends PriceDescriptionProps {
     titleSize?: TextSize;
     descriptionSize?: TextSize;