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

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

@@ -1,12 +1,13 @@
-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');
+"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');
 const MediaCard = (_a) => {
     var { border, analyticsEvents } = _a, mediaProps = tslib_1.__rest(_a, ["border", "analyticsEvents"]);
-    return (_jsx(CardBase, { className: b(), bodyClassName: b('body'), border: border, analyticsEvents: analyticsEvents, children: _jsx(CardBase.Content, { children: _jsx(Media, Object.assign({}, mediaProps)) }) }));
+    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)) }) }));
 };
-export default MediaCard;
+exports.default = MediaCard;
+//# sourceMappingURL=MediaCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MediaCard.js","sourceRoot":"../../../../src","sources":["sub-blocks/MediaCard/MediaCard.tsx"],"names":[],"mappings":";;;;AAAA,0DAAiD;AAEjD,gDAAkC;AAIlC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,WAAW,CAAC,CAAC;AAE7B,MAAM,SAAS,GAAG,CAAC,EAAwD,EAAE,EAAE;QAA5D,EAAC,MAAM,EAAE,eAAe,OAAgC,EAA3B,UAAU,sBAAvC,6BAAwC,CAAD;IAAsB,OAAA,CAC5E,uBAAC,qBAAQ,IACL,SAAS,EAAE,CAAC,EAAE,EACd,aAAa,EAAE,CAAC,CAAC,MAAM,CAAC,EACxB,MAAM,EAAE,MAAM,EACd,eAAe,EAAE,eAAe,YAEhC,uBAAC,qBAAQ,CAAC,OAAO,cACb,uBAAC,kBAAK,oBAAK,UAAU,EAAI,GACV,GACZ,CACd,CAAA;CAAA,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["import {CardBase, Media} from '../../components';\nimport {MediaCardProps} from '../../models';\nimport {block} from '../../utils';\n\nimport './MediaCard.scss';\n\nconst b = block('MediaCard');\n\nconst MediaCard = ({border, analyticsEvents, ...mediaProps}: MediaCardProps) => (\n    <CardBase\n        className={b()}\n        bodyClassName={b('body')}\n        border={border}\n        analyticsEvents={analyticsEvents}\n    >\n        <CardBase.Content>\n            <Media {...mediaProps} />\n        </CardBase.Content>\n    </CardBase>\n);\n\nexport default MediaCard;\n"]}

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

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

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

@@ -1,18 +1,22 @@
-import { AnimatableProps, BaseProps, CardBase, MediaProps } from '../../schema/validators/common';
-import { AnalyticsEventSchema } from '../../schema/validators/event';
-export const MediaCardBlock = {
+"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 = {
     'media-card': {
         additionalProperties: false,
         required: [],
-        properties: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, BaseProps), CardBase), MediaProps), AnimatableProps), { analyticsEvents: {
+        properties: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, common_1.BaseProps), common_1.CardBase), common_1.MediaProps), common_1.AnimatableProps), { analyticsEvents: {
                 oneOf: [
-                    Object.assign(Object.assign({}, AnalyticsEventSchema), { optionName: 'single' }),
+                    Object.assign(Object.assign({}, event_1.AnalyticsEventSchema), { optionName: 'single' }),
                     {
                         type: 'array',
-                        items: AnalyticsEventSchema,
+                        items: event_1.AnalyticsEventSchema,
                         optionName: 'list',
                     },
                 ],
             } }),
     },
 };
+//# sourceMappingURL=schema.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["sub-blocks/MediaCard/schema.ts"],"names":[],"mappings":";;;AAAA,8DAAgG;AAChG,4DAAmE;AAEtD,QAAA,cAAc,GAAG;IAC1B,YAAY,EAAE;QACV,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,EAAE;QACZ,UAAU,4EACH,kBAAS,GACT,iBAAQ,GACR,mBAAU,GACV,wBAAe,KAClB,eAAe,EAAE;gBACb,KAAK,EAAE;oDAEI,4BAAoB,KACvB,UAAU,EAAE,QAAQ;oBAExB;wBACI,IAAI,EAAE,OAAO;wBACb,KAAK,EAAE,4BAAoB;wBAC3B,UAAU,EAAE,MAAM;qBACrB;iBACJ;aACJ,GACJ;KACJ;CACJ,CAAC","sourcesContent":["import {AnimatableProps, BaseProps, CardBase, MediaProps} from '../../schema/validators/common';\nimport {AnalyticsEventSchema} from '../../schema/validators/event';\n\nexport const MediaCardBlock = {\n    'media-card': {\n        additionalProperties: false,\n        required: [],\n        properties: {\n            ...BaseProps,\n            ...CardBase,\n            ...MediaProps,\n            ...AnimatableProps,\n            analyticsEvents: {\n                oneOf: [\n                    {\n                        ...AnalyticsEventSchema,\n                        optionName: 'single',\n                    },\n                    {\n                        type: 'array',\n                        items: AnalyticsEventSchema,\n                        optionName: 'list',\n                    },\n                ],\n            },\n        },\n    },\n};\n"]}

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

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

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

@@ -1,13 +1,16 @@
-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');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const icons_1 = require("@gravity-ui/icons");
+const components_1 = require("../../components/index.js");
+const utils_1 = require("../../utils/index.js");
+const b = (0, utils_1.block)('price-card');
 const PriceCard = (props) => {
     const { border, title, price, pricePeriod, priceDetails, theme, description, list, buttons, links, backgroundColor, } = props;
-    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,
+    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: icons_1.Check,
                                             text: item,
-                                        })), size: "s" }) })) : null] }), _jsx(Buttons, { className: b('buttons'), buttons: buttons, size: "s" }), _jsx(Links, { className: b('links'), links: links, size: "s" })] })] }, "content") }));
+                                        })), 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") }));
 };
-export default PriceCard;
+exports.default = PriceCard;
+//# sourceMappingURL=PriceCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PriceCard.js","sourceRoot":"../../../../src","sources":["sub-blocks/PriceCard/PriceCard.tsx"],"names":[],"mappings":";;;AAAA,6CAAwC;AAExC,0DAA8F;AAE9F,gDAAkC;AAIlC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,YAAY,CAAC,CAAC;AAE9B,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IACxC,MAAM,EACF,MAAM,EACN,KAAK,EACL,KAAK,EACL,WAAW,EACX,YAAY,EACZ,KAAK,EACL,WAAW,EACX,IAAI,EACJ,OAAO,EACP,KAAK,EACL,eAAe,GAClB,GAAG,KAAK,CAAC;IACV,OAAO,CACH,uBAAC,qBAAQ,IAAC,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAC,CAAC,EAAE,MAAM,EAAE,MAAM,YAC3C,wBAAC,qBAAQ,CAAC,OAAO,eACb,uBAAC,4BAAe,IAAC,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,EAAE,KAAK,EAAE,EAAC,eAAe,EAAC,GAAI,EACzE,iCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,KAAK,EAAC,CAAC,aACjC,iCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,aACrB,uBAAC,iBAAI,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAAG,KAAK,GAAQ,EAC3C,iCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,aACtB,4CACI,iCAAM,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,YAAG,KAAK,GAAQ,EAChD,WAAW,IAAI,CACZ,kCAAM,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,mBAAK,WAAW,IAAQ,CAC7D,IACC,EACL,YAAY,IAAI,CACb,gCAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,YAAG,YAAY,GAAO,CAC3D,IACC,EACL,WAAW,IAAI,gCAAK,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,YAAG,WAAW,GAAO,EACpE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,EAAC,CAAC,CAAC,CACZ,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,uBAAC,wBAAW,IACR,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;4CACtB,IAAI,EAAE,aAAK;4CACX,IAAI,EAAE,IAAI;yCACb,CAAC,CAAC,EACH,IAAI,EAAC,GAAG,GACV,GACA,CACT,CAAC,CAAC,CAAC,IAAI,IACN,EACN,uBAAC,oBAAO,IAAC,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,GAAG,GAAG,EAC/D,uBAAC,kBAAK,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAC,GAAG,GAAG,IACrD,KA/BY,SAAS,CAgCZ,GACZ,CACd,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["import {Check} from '@gravity-ui/icons';\n\nimport {BackgroundImage, Buttons, CardBase, ContentList, HTML, Links} from '../../components';\nimport {PriceCardProps} from '../../models';\nimport {block} from '../../utils';\n\nimport './PriceCard.scss';\n\nconst b = block('price-card');\n\nconst PriceCard = (props: PriceCardProps) => {\n    const {\n        border,\n        title,\n        price,\n        pricePeriod,\n        priceDetails,\n        theme,\n        description,\n        list,\n        buttons,\n        links,\n        backgroundColor,\n    } = props;\n    return (\n        <CardBase className={b({theme})} border={border}>\n            <CardBase.Content key=\"content\">\n                <BackgroundImage className={b('background')} style={{backgroundColor}} />\n                <div className={b('content', {theme})}>\n                    <div className={b('info')}>\n                        <HTML className={b('title')}>{title}</HTML>\n                        <div className={b('price')}>\n                            <div>\n                                <span className={b('price-value')}>{price}</span>\n                                {pricePeriod && (\n                                    <span className={b('price-period')}>/ {pricePeriod}</span>\n                                )}\n                            </div>\n                            {priceDetails && (\n                                <div className={b('price-details')}>{priceDetails}</div>\n                            )}\n                        </div>\n                        {description && <div className={b('description')}>{description}</div>}\n                        {list?.length ? (\n                            <div className={b('list')}>\n                                <ContentList\n                                    list={list.map((item) => ({\n                                        icon: Check,\n                                        text: item,\n                                    }))}\n                                    size=\"s\"\n                                />\n                            </div>\n                        ) : null}\n                    </div>\n                    <Buttons className={b('buttons')} buttons={buttons} size=\"s\" />\n                    <Links className={b('links')} links={links} size=\"s\" />\n                </div>\n            </CardBase.Content>\n        </CardBase>\n    );\n};\n\nexport default PriceCard;\n"]}

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

@@ -1,10 +1,13 @@
-import { BaseProps, ButtonBlock, CardBase, LinkProps } from '../../schema/validators/common';
-import { ContentBase } from '../Content/schema';
-export const PriceCardBlock = {
+"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 = {
     'price-card': {
         additionalProperties: false,
         required: ['title', 'price'],
-        properties: Object.assign(Object.assign(Object.assign({}, BaseProps), CardBase), { theme: ContentBase.theme, title: {
+        properties: Object.assign(Object.assign(Object.assign({}, common_1.BaseProps), common_1.CardBase), { theme: schema_1.ContentBase.theme, title: {
                 type: 'string',
             }, price: {
                 type: 'string',
@@ -16,10 +19,10 @@ export const PriceCardBlock = {
                 type: 'string',
             }, buttons: {
                 type: 'array',
-                items: ButtonBlock,
+                items: common_1.ButtonBlock,
             }, links: {
                 type: 'array',
-                items: LinkProps,
+                items: common_1.LinkProps,
             }, backgroundColor: {
                 type: 'string',
             }, list: {
@@ -33,3 +36,4 @@ export const PriceCardBlock = {
             } }),
     },
 };
+//# sourceMappingURL=schema.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["sub-blocks/PriceCard/schema.ts"],"names":[],"mappings":";;;AAAA,8DAA2F;AAC3F,iDAA8C;AAEjC,QAAA,cAAc,GAAG;IAC1B,YAAY,EAAE;QACV,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;QAC5B,UAAU,gDACH,kBAAS,GACT,iBAAQ,KACX,KAAK,EAAE,oBAAW,CAAC,KAAK,EACxB,KAAK,EAAE;gBACH,IAAI,EAAE,QAAQ;aACjB,EACD,KAAK,EAAE;gBACH,IAAI,EAAE,QAAQ;aACjB,EACD,WAAW,EAAE;gBACT,IAAI,EAAE,QAAQ;aACjB,EACD,YAAY,EAAE;gBACV,IAAI,EAAE,QAAQ;aACjB,EACD,WAAW,EAAE;gBACT,IAAI,EAAE,QAAQ;aACjB,EACD,OAAO,EAAE;gBACL,IAAI,EAAE,OAAO;gBACb,KAAK,EAAE,oBAAW;aACrB,EACD,KAAK,EAAE;gBACH,IAAI,EAAE,OAAO;gBACb,KAAK,EAAE,kBAAS;aACnB,EACD,eAAe,EAAE;gBACb,IAAI,EAAE,QAAQ;aACjB,EACD,IAAI,EAAE;gBACF,IAAI,EAAE,OAAO;gBACb,KAAK,EAAE;oBACH,IAAI,EAAE,QAAQ;iBACjB;aACJ,EACD,eAAe,EAAE;gBACb,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC;aAC9B,GACJ;KACJ;CACJ,CAAC","sourcesContent":["import {BaseProps, ButtonBlock, CardBase, LinkProps} from '../../schema/validators/common';\nimport {ContentBase} from '../Content/schema';\n\nexport const PriceCardBlock = {\n    'price-card': {\n        additionalProperties: false,\n        required: ['title', 'price'],\n        properties: {\n            ...BaseProps,\n            ...CardBase,\n            theme: ContentBase.theme,\n            title: {\n                type: 'string',\n            },\n            price: {\n                type: 'string',\n            },\n            pricePeriod: {\n                type: 'string',\n            },\n            priceDetails: {\n                type: 'string',\n            },\n            description: {\n                type: 'string',\n            },\n            buttons: {\n                type: 'array',\n                items: ButtonBlock,\n            },\n            links: {\n                type: 'array',\n                items: LinkProps,\n            },\n            backgroundColor: {\n                type: 'string',\n            },\n            list: {\n                type: 'array',\n                items: {\n                    type: 'string',\n                },\n            },\n            controlPosition: {\n                type: 'string',\n                enum: ['content', 'footer'],\n            },\n        },\n    },\n};\n"]}

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

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

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

@@ -1,31 +1,34 @@
-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');
+"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.js"));
+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');
 const CombinedPricesGroupSize = {
-    [GridColumnSize.Sm]: 1,
-    [GridColumnSize.Md]: 2,
-    [GridColumnSize.Lg]: 3,
+    [grid_1.GridColumnSize.Sm]: 1,
+    [grid_1.GridColumnSize.Md]: 2,
+    [grid_1.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 >= BREAKPOINTS.lg) {
+        if (windowWidth >= constants_1.BREAKPOINTS.lg) {
             setGroupItemsSize(numberGroupItems);
         }
-        else if (BREAKPOINTS.lg > windowWidth && windowWidth >= BREAKPOINTS.md) {
-            setGroupItemsSize(CombinedPricesGroupSize[GridColumnSize.Lg]);
+        else if (constants_1.BREAKPOINTS.lg > windowWidth && windowWidth >= constants_1.BREAKPOINTS.md) {
+            setGroupItemsSize(CombinedPricesGroupSize[grid_1.GridColumnSize.Lg]);
         }
-        else if (BREAKPOINTS.md > windowWidth && windowWidth >= BREAKPOINTS.sm) {
-            setGroupItemsSize(CombinedPricesGroupSize[GridColumnSize.Md]);
+        else if (constants_1.BREAKPOINTS.md > windowWidth && windowWidth >= constants_1.BREAKPOINTS.sm) {
+            setGroupItemsSize(CombinedPricesGroupSize[grid_1.GridColumnSize.Md]);
         }
         else {
-            setGroupItemsSize(CombinedPricesGroupSize[GridColumnSize.Sm]);
+            setGroupItemsSize(CombinedPricesGroupSize[grid_1.GridColumnSize.Sm]);
         }
     }, [numberGroupItems]);
     React.useEffect(() => {
@@ -41,14 +44,15 @@ const CombinedPriceDetailed = (props) => {
         const detailsComponents = Array(groupItemsSize);
         for (let id = 0; id < groupItemsSize; id++) {
             const price = groupPrices[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}`));
+            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}`));
         }
-        return (_jsxs(React.Fragment, { children: [_jsx("div", { children: descriptionComponents }), _jsx("div", { className: b('description', { delimiter: useMixedView }), children: detailsComponents })] }));
+        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 })] }));
     };
-    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));
+    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));
                 }) }) }) }));
 };
-export default CombinedPriceDetailed;
+exports.default = CombinedPriceDetailed;
+//# sourceMappingURL=CombinedPriceDetailed.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CombinedPriceDetailed.js","sourceRoot":"../../../../../src","sources":["sub-blocks/PriceDetailed/CombinedPriceDetailed/CombinedPriceDetailed.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport chunk from 'lodash/chunk';\n\nimport {CardBase} from '../../../components';\nimport {BREAKPOINTS} from '../../../constants';\nimport {Col, Grid, GridColumnSize, Row} from '../../../grid';\nimport {\n    AnalyticsEventsBase,\n    CardBorder,\n    PriceDescriptionProps,\n    PriceDetailsListProps,\n    PriceDetailsSettingsProps,\n    PriceItemProps,\n} from '../../../models';\nimport {block} from '../../../utils';\n\nimport './CombinedPriceDetailed.scss';\n\nconst b = block('combined-price-detailed-block');\n\nconst CombinedPricesGroupSize = {\n    [GridColumnSize.Sm]: 1,\n    [GridColumnSize.Md]: 2,\n    [GridColumnSize.Lg]: 3,\n};\n\ninterface CombinedPriceDetailedProps extends AnalyticsEventsBase {\n    items: PriceItemProps[];\n    numberGroupItems: number;\n    useMixedView?: boolean;\n    getDescriptionComponent: (priceDescription: PriceDescriptionProps) => JSX.Element;\n    getDetailsComponent: (\n        priceDetails?: PriceDetailsSettingsProps[] | PriceDetailsListProps[],\n    ) => JSX.Element;\n    border?: CardBorder;\n}\n\nconst CombinedPriceDetailed = (props: CombinedPriceDetailedProps) => {\n    const {\n        items,\n        numberGroupItems,\n        border,\n        useMixedView,\n        getDescriptionComponent,\n        getDetailsComponent,\n        analyticsEvents,\n    } = props;\n\n    const [groupItemsSize, setGroupItemsSize] = React.useState<number>(numberGroupItems);\n\n    const updateGroupItemsSize = React.useCallback(\n        (windowWidth: number) => {\n            if (windowWidth >= BREAKPOINTS.lg) {\n                setGroupItemsSize(numberGroupItems);\n            } else if (BREAKPOINTS.lg > windowWidth && windowWidth >= BREAKPOINTS.md) {\n                setGroupItemsSize(CombinedPricesGroupSize[GridColumnSize.Lg]);\n            } else if (BREAKPOINTS.md > windowWidth && windowWidth >= BREAKPOINTS.sm) {\n                setGroupItemsSize(CombinedPricesGroupSize[GridColumnSize.Md]);\n            } else {\n                setGroupItemsSize(CombinedPricesGroupSize[GridColumnSize.Sm]);\n            }\n        },\n        [numberGroupItems],\n    );\n\n    React.useEffect(() => {\n        function handleResize() {\n            updateGroupItemsSize(window.innerWidth);\n        }\n\n        handleResize();\n\n        window.addEventListener('resize', handleResize, {passive: true});\n        return () => window.removeEventListener('resize', handleResize);\n    }, [updateGroupItemsSize]);\n\n    const getPrice = (groupPrices: PriceItemProps[]) => {\n        const descriptionComponents: JSX.Element[] = Array(groupItemsSize);\n        const detailsComponents: JSX.Element[] = Array(groupItemsSize);\n\n        for (let id = 0; id < groupItemsSize; id++) {\n            const price = groupPrices[id];\n\n            descriptionComponents[id] = (\n                <Col key={`card_${id}`}>{price && getDescriptionComponent(price)}</Col>\n            );\n            detailsComponents[id] = (\n                <Col key={`details_${id}`} className={price ? '' : b('empty-column')}>\n                    {price && getDetailsComponent(price.items)}\n                </Col>\n            );\n        }\n\n        return (\n            <React.Fragment>\n                <div>{descriptionComponents}</div>\n                <div className={b('description', {delimiter: useMixedView})}>\n                    {detailsComponents}\n                </div>\n            </React.Fragment>\n        );\n    };\n\n    const chunkedItems = chunk(items, groupItemsSize);\n\n    return (\n        <CardBase className={b()} border={border} analyticsEvents={analyticsEvents}>\n            <CardBase.Content>\n                <Grid>\n                    {chunkedItems.map((item: PriceItemProps[], id) => {\n                        return (\n                            <Row key={id} className={b('row')}>\n                                {getPrice(item)}\n                            </Row>\n                        );\n                    })}\n                </Grid>\n            </CardBase.Content>\n        </CardBase>\n    );\n};\n\nexport default CombinedPriceDetailed;\n"]}

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

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

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

@@ -1,17 +1,20 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { Label } from '@gravity-ui/uikit';
-import { YFMWrapper } from '../../../components';
-import { StylesContext } from '../../../context/stylesContext';
-import { PriceLabelColor, } from '../../../models';
-import { block } from '../../../utils';
-const b = block('price-description');
+"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 stylesContext_1 = require("../../../context/stylesContext/index.js");
+const models_1 = require("../../../models/index.js");
+const utils_1 = require("../../../utils/index.js");
+const b = (0, utils_1.block)('price-description');
 const LabelColorsMapping = {
-    [PriceLabelColor.BLUE]: 'info',
-    [PriceLabelColor.GREEN]: 'success',
-    [PriceLabelColor.YELLOW]: 'warning',
-    [PriceLabelColor.PURPLE]: 'normal',
-    [PriceLabelColor.RED]: 'dnager',
+    [models_1.PriceLabelColor.BLUE]: 'info',
+    [models_1.PriceLabelColor.GREEN]: 'success',
+    [models_1.PriceLabelColor.YELLOW]: 'warning',
+    [models_1.PriceLabelColor.PURPLE]: 'normal',
+    [models_1.PriceLabelColor.RED]: 'dnager',
 };
 const LabelSizeMap = {
     l: 's',
@@ -22,7 +25,7 @@ const LabelSizeMap = {
 const PriceDescription = (props) => {
     const { title, detailedTitle = '', description, titleSize = 'l', descriptionSize = 'm', colorTitle = 'cornflower', label, labelsDefaultText, className, } = props;
     const descriptionRef = React.useRef(null);
-    const { pricesDetailedDescriptionHeight, setStyles } = React.useContext(StylesContext);
+    const { pricesDetailedDescriptionHeight, setStyles } = React.useContext(stylesContext_1.StylesContext);
     const setDescriptionHeight = React.useCallback(() => {
         var _a;
         if (!descriptionRef || !descriptionRef.current) {
@@ -53,11 +56,12 @@ const PriceDescription = (props) => {
         const labelTitle = label.text || (labelsDefaultText && labelsDefaultText[label.color]);
         const labelColor = (LabelColorsMapping[label.color] || 'unknown');
         const labelSize = LabelSizeMap[label.size || descriptionSize];
-        return (_jsx(Label, { className: b('label', { size: labelSize }), theme: labelColor, size: labelSize, children: labelTitle }));
+        return ((0, jsx_runtime_1.jsx)(uikit_1.Label, { className: b('label', { size: labelSize }), theme: labelColor, size: labelSize, children: labelTitle }));
     }, [descriptionSize, label, labelsDefaultText]);
     const titleElement = React.useMemo(() => {
-        return (_jsxs("div", { className: b('title', { size: titleSize }), children: [_jsx("div", { className: b('main-title', { color: colorTitle }), children: title }), _jsx("div", { className: b('detailed-title', { size: descriptionSize }), children: detailedTitle })] }));
+        return ((0, jsx_runtime_1.jsxs)("div", { className: b('title', { size: titleSize }), children: [(0, jsx_runtime_1.jsx)("div", { className: b('main-title', { color: colorTitle }), children: title }), (0, jsx_runtime_1.jsx)("div", { className: b('detailed-title', { size: descriptionSize }), children: detailedTitle })] }));
     }, [colorTitle, descriptionSize, detailedTitle, title, titleSize]);
-    return (_jsxs("div", { className: b(null, className), ref: descriptionRef, children: [labelElement, titleElement, _jsx("div", { className: b('description', { size: descriptionSize }), children: _jsx(YFMWrapper, { content: description, modifiers: { constructor: true } }) })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: b(null, className), ref: descriptionRef, children: [labelElement, titleElement, (0, jsx_runtime_1.jsx)("div", { className: b('description', { size: descriptionSize }), children: (0, jsx_runtime_1.jsx)(components_1.YFMWrapper, { content: description, modifiers: { constructor: true } }) })] }));
 };
-export default PriceDescription;
+exports.default = PriceDescription;
+//# sourceMappingURL=PriceDescription.js.map

package/build/cjs/sub-blocks/PriceDetailed/PriceDescription/PriceDescription.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PriceDescription.js","sourceRoot":"../../../../../src","sources":["sub-blocks/PriceDetailed/PriceDescription/PriceDescription.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {Label, LabelProps} from '@gravity-ui/uikit';\n\nimport {YFMWrapper} from '../../../components';\nimport {StylesContext} from '../../../context/stylesContext';\nimport {\n    PriceDescriptionColor,\n    PriceDescriptionProps,\n    PriceLabelColor,\n    TextSize,\n} from '../../../models';\nimport {block} from '../../../utils';\n\nimport './PriceDescription.scss';\n\nconst b = block('price-description');\n\ninterface PriceDescriptionExtendProps extends PriceDescriptionProps {\n    titleSize?: TextSize;\n    descriptionSize?: TextSize;\n    colorTitle?: PriceDescriptionColor;\n    labelsDefaultText?: Record<PriceLabelColor, string>;\n    className?: string;\n}\n\nconst LabelColorsMapping = {\n    [PriceLabelColor.BLUE]: 'info',\n    [PriceLabelColor.GREEN]: 'success',\n    [PriceLabelColor.YELLOW]: 'warning',\n    [PriceLabelColor.PURPLE]: 'normal',\n    [PriceLabelColor.RED]: 'dnager',\n};\n\nconst LabelSizeMap: Record<TextSize, LabelProps['size']> = {\n    l: 's',\n    m: 's',\n    s: 'xs',\n    xs: 'xs',\n};\n\nconst PriceDescription = (props: PriceDescriptionExtendProps) => {\n    const {\n        title,\n        detailedTitle = '',\n        description,\n        titleSize = 'l',\n        descriptionSize = 'm',\n        colorTitle = 'cornflower',\n        label,\n        labelsDefaultText,\n        className,\n    } = props;\n\n    const descriptionRef = React.useRef<HTMLDivElement>(null);\n    const {pricesDetailedDescriptionHeight, setStyles} = React.useContext(StylesContext);\n\n    const setDescriptionHeight = React.useCallback(() => {\n        if (!descriptionRef || !descriptionRef.current) {\n            return;\n        }\n\n        const descriptionChildren = descriptionRef.current?.children;\n\n        if (!descriptionChildren) {\n            return;\n        }\n\n        const childrenHeight = [...descriptionChildren].reduce(\n            (result: number, element: Element) => result + element.clientHeight,\n            0,\n        );\n\n        if (\n            pricesDetailedDescriptionHeight === undefined ||\n            Number(pricesDetailedDescriptionHeight) < childrenHeight\n        ) {\n            setStyles({pricesDetailedDescriptionHeight: childrenHeight.toString()});\n        } else if (childrenHeight < Number(pricesDetailedDescriptionHeight)) {\n            descriptionRef.current.style.height = `${pricesDetailedDescriptionHeight}px`;\n        }\n    }, [pricesDetailedDescriptionHeight, setStyles]);\n\n    React.useEffect(() => {\n        setDescriptionHeight();\n\n        window.addEventListener('resize', setDescriptionHeight, {passive: true});\n        return () => window.removeEventListener('resize', setDescriptionHeight);\n    }, [setDescriptionHeight]);\n\n    const labelElement = React.useMemo(() => {\n        if (!label) {\n            return null;\n        }\n\n        const labelTitle = label.text || (labelsDefaultText && labelsDefaultText[label.color]);\n        const labelColor = (LabelColorsMapping[label.color] || 'unknown') as LabelProps['theme'];\n        const labelSize = LabelSizeMap[label.size || descriptionSize];\n\n        return (\n            <Label className={b('label', {size: labelSize})} theme={labelColor} size={labelSize}>\n                {labelTitle}\n            </Label>\n        );\n    }, [descriptionSize, label, labelsDefaultText]);\n\n    const titleElement = React.useMemo(() => {\n        return (\n            <div className={b('title', {size: titleSize})}>\n                <div className={b('main-title', {color: colorTitle})}>{title}</div>\n                <div className={b('detailed-title', {size: descriptionSize})}>{detailedTitle}</div>\n            </div>\n        );\n    }, [colorTitle, descriptionSize, detailedTitle, title, titleSize]);\n\n    return (\n        <div className={b(null, className)} ref={descriptionRef}>\n            {labelElement}\n            {titleElement}\n            <div className={b('description', {size: descriptionSize})}>\n                <YFMWrapper content={description} modifiers={{constructor: true}} />\n            </div>\n        </div>\n    );\n};\n\nexport default PriceDescription;\n"]}

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

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

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

@@ -1,22 +1,26 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { PriceDetailsType, } from '../../models';
-import CombinedPriceDetailed from './CombinedPriceDetailed/CombinedPriceDetailed';
-import PriceDescription from './PriceDescription/PriceDescription';
-import PriceDetails from './PriceDetails/PriceDetails';
-import SeparatePriceDetailed from './SeparatePriceDetailed/SeparatePriceDetailed';
+"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 models_1 = require("../../models/index.js");
+const CombinedPriceDetailed_1 = tslib_1.__importDefault(require("./CombinedPriceDetailed/CombinedPriceDetailed.js"));
+const PriceDescription_1 = tslib_1.__importDefault(require("./PriceDescription/PriceDescription.js"));
+const PriceDetails_1 = tslib_1.__importDefault(require("./PriceDetails/PriceDetails.js"));
+const SeparatePriceDetailed_1 = tslib_1.__importDefault(require("./SeparatePriceDetailed/SeparatePriceDetailed.js"));
 // eslint-disable-next-line valid-jsdoc
 /** @deprecated */
 const PriceDetailed = (props) => {
-    const { priceType = PriceDetailsType.SETTINGS, items, numberGroupItems = 1, description, details, foldable, labelsDefaultText, isCombined = false, useMixedView = false, border, } = props;
+    const { priceType = models_1.PriceDetailsType.SETTINGS, items, numberGroupItems = 1, description, details, foldable, labelsDefaultText, isCombined = false, useMixedView = false, border, } = props;
     const { titleSize: descriptionTitleSize = 'l', descriptionSize = 'm', titleColor: descriptionTitleColor = 'cornflower', } = description || {};
     const { titleSize: detailsTitleSize = 's', descriptionSize: detailsDescriptionSize = 'm' } = details || {};
     const getDescriptionComponent = (priceDescription) => {
-        return (_jsx(PriceDescription, Object.assign({}, priceDescription, { titleSize: descriptionTitleSize, descriptionSize: descriptionSize, colorTitle: descriptionTitleColor, labelsDefaultText: labelsDefaultText })));
+        return ((0, jsx_runtime_1.jsx)(PriceDescription_1.default, Object.assign({}, priceDescription, { titleSize: descriptionTitleSize, descriptionSize: descriptionSize, colorTitle: descriptionTitleColor, labelsDefaultText: labelsDefaultText })));
     };
     const getDetailsComponent = (priceDetails) => {
-        return (_jsx(PriceDetails, { items: priceDetails, type: priceType, foldable: foldable, titleSize: detailsTitleSize, descriptionSize: detailsDescriptionSize, useMixedView: useMixedView }));
+        return ((0, jsx_runtime_1.jsx)(PriceDetails_1.default, { items: priceDetails, type: priceType, foldable: foldable, titleSize: detailsTitleSize, descriptionSize: detailsDescriptionSize, useMixedView: useMixedView }));
     };
-    return (_jsx(React.Fragment, { children: isCombined ? (_jsx(CombinedPriceDetailed, { items: items, numberGroupItems: numberGroupItems, border: border, useMixedView: useMixedView, getDescriptionComponent: getDescriptionComponent, getDetailsComponent: getDetailsComponent })) : (_jsx(SeparatePriceDetailed, { items: items, border: border, getDescriptionComponent: getDescriptionComponent, getDetailsComponent: getDetailsComponent })) }));
+    return ((0, jsx_runtime_1.jsx)(React.Fragment, { children: isCombined ? ((0, jsx_runtime_1.jsx)(CombinedPriceDetailed_1.default, { items: items, numberGroupItems: numberGroupItems, border: border, useMixedView: useMixedView, getDescriptionComponent: getDescriptionComponent, getDetailsComponent: getDetailsComponent })) : ((0, jsx_runtime_1.jsx)(SeparatePriceDetailed_1.default, { items: items, border: border, getDescriptionComponent: getDescriptionComponent, getDetailsComponent: getDetailsComponent })) }));
 };
-export default PriceDetailed;
+exports.default = PriceDetailed;
+//# sourceMappingURL=PriceDetailed.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PriceDetailed.js","sourceRoot":"../../../../src","sources":["sub-blocks/PriceDetailed/PriceDetailed.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,kDAMsB;AAEtB,qHAAkF;AAClF,sGAAmE;AACnE,0FAAuD;AACvD,qHAAkF;AAElF,uCAAuC;AACvC,kBAAkB;AAClB,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAE,EAAE;IAChD,MAAM,EACF,SAAS,GAAG,yBAAgB,CAAC,QAAQ,EACrC,KAAK,EACL,gBAAgB,GAAG,CAAC,EACpB,WAAW,EACX,OAAO,EACP,QAAQ,EACR,iBAAiB,EACjB,UAAU,GAAG,KAAK,EAClB,YAAY,GAAG,KAAK,EACpB,MAAM,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,EACF,SAAS,EAAE,oBAAoB,GAAG,GAAG,EACrC,eAAe,GAAG,GAAG,EACrB,UAAU,EAAE,qBAAqB,GAAG,YAAY,GACnD,GAAG,WAAW,IAAI,EAAE,CAAC;IAEtB,MAAM,EAAC,SAAS,EAAE,gBAAgB,GAAG,GAAG,EAAE,eAAe,EAAE,sBAAsB,GAAG,GAAG,EAAC,GACpF,OAAO,IAAI,EAAE,CAAC;IAElB,MAAM,uBAAuB,GAAG,CAAC,gBAAuC,EAAE,EAAE;QACxE,OAAO,CACH,uBAAC,0BAAgB,oBACT,gBAAgB,IACpB,SAAS,EAAE,oBAAoB,EAC/B,eAAe,EAAE,eAAe,EAChC,UAAU,EAAE,qBAAqB,EACjC,iBAAiB,EAAE,iBAAiB,IACtC,CACL,CAAC;IACN,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,CACxB,YAAoE,EACtE,EAAE;QACA,OAAO,CACH,uBAAC,sBAAY,IACT,KAAK,EAAE,YAAY,EACnB,IAAI,EAAE,SAAS,EACf,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,gBAAgB,EAC3B,eAAe,EAAE,sBAAsB,EACvC,YAAY,EAAE,YAAY,GAC5B,CACL,CAAC;IACN,CAAC,CAAC;IAEF,OAAO,CACH,uBAAC,KAAK,CAAC,QAAQ,cACV,UAAU,CAAC,CAAC,CAAC,CACV,uBAAC,+BAAqB,IAClB,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,gBAAgB,EAClC,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,EAC1B,uBAAuB,EAAE,uBAAuB,EAChD,mBAAmB,EAAE,mBAAmB,GAC1C,CACL,CAAC,CAAC,CAAC,CACA,uBAAC,+BAAqB,IAClB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,uBAAuB,EAAE,uBAAuB,EAChD,mBAAmB,EAAE,mBAAmB,GAC1C,CACL,GACY,CACpB,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {\n    PriceDescriptionProps,\n    PriceDetailedProps,\n    PriceDetailsListProps,\n    PriceDetailsSettingsProps,\n    PriceDetailsType,\n} from '../../models';\n\nimport CombinedPriceDetailed from './CombinedPriceDetailed/CombinedPriceDetailed';\nimport PriceDescription from './PriceDescription/PriceDescription';\nimport PriceDetails from './PriceDetails/PriceDetails';\nimport SeparatePriceDetailed from './SeparatePriceDetailed/SeparatePriceDetailed';\n\n// eslint-disable-next-line valid-jsdoc\n/** @deprecated */\nconst PriceDetailed = (props: PriceDetailedProps) => {\n    const {\n        priceType = PriceDetailsType.SETTINGS,\n        items,\n        numberGroupItems = 1,\n        description,\n        details,\n        foldable,\n        labelsDefaultText,\n        isCombined = false,\n        useMixedView = false,\n        border,\n    } = props;\n\n    const {\n        titleSize: descriptionTitleSize = 'l',\n        descriptionSize = 'm',\n        titleColor: descriptionTitleColor = 'cornflower',\n    } = description || {};\n\n    const {titleSize: detailsTitleSize = 's', descriptionSize: detailsDescriptionSize = 'm'} =\n        details || {};\n\n    const getDescriptionComponent = (priceDescription: PriceDescriptionProps) => {\n        return (\n            <PriceDescription\n                {...priceDescription}\n                titleSize={descriptionTitleSize}\n                descriptionSize={descriptionSize}\n                colorTitle={descriptionTitleColor}\n                labelsDefaultText={labelsDefaultText}\n            />\n        );\n    };\n\n    const getDetailsComponent = (\n        priceDetails?: PriceDetailsSettingsProps[] | PriceDetailsListProps[],\n    ) => {\n        return (\n            <PriceDetails\n                items={priceDetails}\n                type={priceType}\n                foldable={foldable}\n                titleSize={detailsTitleSize}\n                descriptionSize={detailsDescriptionSize}\n                useMixedView={useMixedView}\n            />\n        );\n    };\n\n    return (\n        <React.Fragment>\n            {isCombined ? (\n                <CombinedPriceDetailed\n                    items={items}\n                    numberGroupItems={numberGroupItems}\n                    border={border}\n                    useMixedView={useMixedView}\n                    getDescriptionComponent={getDescriptionComponent}\n                    getDetailsComponent={getDetailsComponent}\n                />\n            ) : (\n                <SeparatePriceDetailed\n                    items={items}\n                    border={border}\n                    getDescriptionComponent={getDescriptionComponent}\n                    getDetailsComponent={getDetailsComponent}\n                />\n            )}\n        </React.Fragment>\n    );\n};\n\nexport default PriceDetailed;\n"]}

package/build/cjs/sub-blocks/PriceDetailed/PriceDetails/Details/List.d.ts

@@ -1,4 +1,4 @@
-import { PriceDetailsListProps, TextSize } from '../../../../models';
+import { PriceDetailsListProps, TextSize } from "../../../../models/index.js";
 export interface ListProps {
     items: PriceDetailsListProps[];
     titleSize?: TextSize;

package/build/cjs/sub-blocks/PriceDetailed/PriceDetails/Details/List.js

@@ -1,10 +1,14 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { YFMWrapper } from '../../../../components';
-import { block } from '../../../../utils';
-const b = block('marked-list');
+"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 components_1 = require("../../../../components/index.js");
+const utils_1 = require("../../../../utils/index.js");
+const b = (0, utils_1.block)('marked-list');
 const List = (props) => {
     const { items = [], titleSize = 's' } = props;
-    return (_jsx(React.Fragment, { children: items.map((item, id) => (_jsxs("div", { className: b('list-item'), children: [_jsx("img", { className: b('img'), alt: "" }), _jsx("div", { className: b('text', { size: titleSize }), children: _jsx(YFMWrapper, { content: item.text, modifiers: { constructor: true } }) })] }, id))) }));
+    return ((0, jsx_runtime_1.jsx)(React.Fragment, { children: items.map((item, id) => ((0, jsx_runtime_1.jsxs)("div", { className: b('list-item'), children: [(0, jsx_runtime_1.jsx)("img", { className: b('img'), alt: "" }), (0, jsx_runtime_1.jsx)("div", { className: b('text', { size: titleSize }), children: (0, jsx_runtime_1.jsx)(components_1.YFMWrapper, { content: item.text, modifiers: { constructor: true } }) })] }, id))) }));
 };
-export default List;
+exports.default = List;
+//# sourceMappingURL=List.js.map

package/build/cjs/sub-blocks/PriceDetailed/PriceDetails/Details/List.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.js","sourceRoot":"../../../../../../src","sources":["sub-blocks/PriceDetailed/PriceDetails/Details/List.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,gEAAkD;AAElD,sDAAwC;AAIxC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,aAAa,CAAC,CAAC;AAO/B,MAAM,IAAI,GAAG,CAAC,KAAgB,EAAE,EAAE;IAC9B,MAAM,EAAC,KAAK,GAAG,EAAE,EAAE,SAAS,GAAG,GAAG,EAAC,GAAG,KAAK,CAAC;IAE5C,OAAO,CACH,uBAAC,KAAK,CAAC,QAAQ,cACV,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,CACrB,iCAAc,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,aACnC,gCAAK,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,EAAE,GAAG,EAAC,EAAE,GAAG,EACnC,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,IAAI,EAAE,SAAS,EAAC,CAAC,YACxC,uBAAC,uBAAU,IAAC,OAAO,EAAE,IAAI,CAAC,IAAI,EAAE,SAAS,EAAE,EAAC,WAAW,EAAE,IAAI,EAAC,GAAI,GAChE,KAJA,EAAE,CAKN,CACT,CAAC,GACW,CACpB,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,IAAI,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {YFMWrapper} from '../../../../components';\nimport {PriceDetailsListProps, TextSize} from '../../../../models';\nimport {block} from '../../../../utils';\n\nimport './List.scss';\n\nconst b = block('marked-list');\n\nexport interface ListProps {\n    items: PriceDetailsListProps[];\n    titleSize?: TextSize;\n}\n\nconst List = (props: ListProps) => {\n    const {items = [], titleSize = 's'} = props;\n\n    return (\n        <React.Fragment>\n            {items.map((item, id) => (\n                <div key={id} className={b('list-item')}>\n                    <img className={b('img')} alt=\"\" />\n                    <div className={b('text', {size: titleSize})}>\n                        <YFMWrapper content={item.text} modifiers={{constructor: true}} />\n                    </div>\n                </div>\n            ))}\n        </React.Fragment>\n    );\n};\n\nexport default List;\n"]}

package/build/cjs/sub-blocks/PriceDetailed/PriceDetails/Details/Settings.d.ts

@@ -1,4 +1,4 @@
-import { PriceDetailsSettingsProps, TextSize } from '../../../../models';
+import { PriceDetailsSettingsProps, TextSize } from "../../../../models/index.js";
 export interface SettingsComponentProps {
     items: PriceDetailsSettingsProps[];
     titleSize?: TextSize;

package/build/cjs/sub-blocks/PriceDetailed/PriceDetails/Details/Settings.js

@@ -1,10 +1,14 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { YFMWrapper } from '../../../../components';
-import { block } from '../../../../utils';
-const b = block('settings-list');
+"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 components_1 = require("../../../../components/index.js");
+const utils_1 = require("../../../../utils/index.js");
+const b = (0, utils_1.block)('settings-list');
 const Settings = (props) => {
     const { items = [], titleSize = 's', descriptionSize = 'm' } = props;
-    return (_jsx(React.Fragment, { children: items.map((item, id) => (_jsxs("div", { children: [_jsx("div", { className: b('title', { size: titleSize }), children: item.title }), _jsx("div", { className: b('description', { size: descriptionSize }), children: _jsx(YFMWrapper, { content: item.description, modifiers: { constructor: true } }) })] }, id))) }));
+    return ((0, jsx_runtime_1.jsx)(React.Fragment, { children: items.map((item, id) => ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: b('title', { size: titleSize }), children: item.title }), (0, jsx_runtime_1.jsx)("div", { className: b('description', { size: descriptionSize }), children: (0, jsx_runtime_1.jsx)(components_1.YFMWrapper, { content: item.description, modifiers: { constructor: true } }) })] }, id))) }));
 };
-export default Settings;
+exports.default = Settings;
+//# sourceMappingURL=Settings.js.map

package/build/cjs/sub-blocks/PriceDetailed/PriceDetails/Details/Settings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Settings.js","sourceRoot":"../../../../../../src","sources":["sub-blocks/PriceDetailed/PriceDetails/Details/Settings.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,gEAAkD;AAElD,sDAAwC;AAIxC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,eAAe,CAAC,CAAC;AAQjC,MAAM,QAAQ,GAAG,CAAC,KAA6B,EAAE,EAAE;IAC/C,MAAM,EAAC,KAAK,GAAG,EAAE,EAAE,SAAS,GAAG,GAAG,EAAE,eAAe,GAAG,GAAG,EAAC,GAAG,KAAK,CAAC;IAEnE,OAAO,CACH,uBAAC,KAAK,CAAC,QAAQ,cACV,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,CACrB,4CACI,gCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,IAAI,EAAE,SAAS,EAAC,CAAC,YAAG,IAAI,CAAC,KAAK,GAAO,EACjE,gCAAK,SAAS,EAAE,CAAC,CAAC,aAAa,EAAE,EAAC,IAAI,EAAE,eAAe,EAAC,CAAC,YACrD,uBAAC,uBAAU,IAAC,OAAO,EAAE,IAAI,CAAC,WAAW,EAAE,SAAS,EAAE,EAAC,WAAW,EAAE,IAAI,EAAC,GAAI,GACvE,KAJA,EAAE,CAKN,CACT,CAAC,GACW,CACpB,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {YFMWrapper} from '../../../../components';\nimport {PriceDetailsSettingsProps, TextSize} from '../../../../models';\nimport {block} from '../../../../utils';\n\nimport './Settings.scss';\n\nconst b = block('settings-list');\n\nexport interface SettingsComponentProps {\n    items: PriceDetailsSettingsProps[];\n    titleSize?: TextSize;\n    descriptionSize?: TextSize;\n}\n\nconst Settings = (props: SettingsComponentProps) => {\n    const {items = [], titleSize = 's', descriptionSize = 'm'} = props;\n\n    return (\n        <React.Fragment>\n            {items.map((item, id) => (\n                <div key={id}>\n                    <div className={b('title', {size: titleSize})}>{item.title}</div>\n                    <div className={b('description', {size: descriptionSize})}>\n                        <YFMWrapper content={item.description} modifiers={{constructor: true}} />\n                    </div>\n                </div>\n            ))}\n        </React.Fragment>\n    );\n};\n\nexport default Settings;\n"]}

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

@@ -1,4 +1,4 @@
-import { PriceDetailsProps, PriceDetailsType, PriceFoldableDetailsProps, TextSize } from '../../../models';
+import { PriceDetailsProps, PriceDetailsType, PriceFoldableDetailsProps, TextSize } from "../../../models/index.js";
 interface PriceDetailsExtendProps extends PriceDetailsProps {
     type: PriceDetailsType;
     titleSize?: TextSize;