@gravity-ui/page-constructor 5.33.3 → 5.33.4-beta.0

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

@@ -1,12 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+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");
-const stylesContext_1 = require("../../../context/stylesContext");
-const models_1 = require("../../../models");
-const utils_1 = require("../../../utils");
+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 = {
     [models_1.PriceLabelColor.BLUE]: 'info',
@@ -23,9 +24,9 @@ const LabelSizeMap = {
 };
 const PriceDescription = (props) => {
     const { title, detailedTitle = '', description, titleSize = 'l', descriptionSize = 'm', colorTitle = 'cornflower', label, labelsDefaultText, className, } = props;
-    const descriptionRef = react_1.default.useRef(null);
-    const { pricesDetailedDescriptionHeight, setStyles } = (0, react_1.useContext)(stylesContext_1.StylesContext);
-    const setDescriptionHeight = (0, react_1.useCallback)(() => {
+    const descriptionRef = React.useRef(null);
+    const { pricesDetailedDescriptionHeight, setStyles } = React.useContext(stylesContext_1.StylesContext);
+    const setDescriptionHeight = React.useCallback(() => {
         var _a;
         if (!descriptionRef || !descriptionRef.current) {
             return;
@@ -43,29 +44,24 @@ const PriceDescription = (props) => {
             descriptionRef.current.style.height = `${pricesDetailedDescriptionHeight}px`;
         }
     }, [pricesDetailedDescriptionHeight, setStyles]);
-    (0, react_1.useEffect)(() => {
+    React.useEffect(() => {
         setDescriptionHeight();
         window.addEventListener('resize', setDescriptionHeight, { passive: true });
         return () => window.removeEventListener('resize', setDescriptionHeight);
     }, [setDescriptionHeight]);
-    const labelElement = (0, react_1.useMemo)(() => {
+    const labelElement = React.useMemo(() => {
         if (!label) {
             return null;
         }
         const labelTitle = label.text || (labelsDefaultText && labelsDefaultText[label.color]);
         const labelColor = (LabelColorsMapping[label.color] || 'unknown');
         const labelSize = LabelSizeMap[label.size || descriptionSize];
-        return (react_1.default.createElement(uikit_1.Label, { className: b('label', { size: labelSize }), theme: labelColor, size: labelSize }, 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 = (0, react_1.useMemo)(() => {
-        return (react_1.default.createElement("div", { className: b('title', { size: titleSize }) },
-            react_1.default.createElement("div", { className: b('main-title', { color: colorTitle }) }, title),
-            react_1.default.createElement("div", { className: b('detailed-title', { size: descriptionSize }) }, detailedTitle)));
+    const titleElement = React.useMemo(() => {
+        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 (react_1.default.createElement("div", { className: b(null, className), ref: descriptionRef },
-        labelElement,
-        titleElement,
-        react_1.default.createElement("div", { className: b('description', { size: descriptionSize }) },
-            react_1.default.createElement(components_1.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 } }) })] }));
 };
 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) => JSX.Element;
+declare const PriceDetailed: (props: PriceDetailedProps) => import("react/jsx-runtime").JSX.Element;
 export default PriceDetailed;

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

@@ -1,12 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const models_1 = require("../../models");
-const CombinedPriceDetailed_1 = tslib_1.__importDefault(require("./CombinedPriceDetailed/CombinedPriceDetailed"));
-const PriceDescription_1 = tslib_1.__importDefault(require("./PriceDescription/PriceDescription"));
-const PriceDetails_1 = tslib_1.__importDefault(require("./PriceDetails/PriceDetails"));
-const SeparatePriceDetailed_1 = tslib_1.__importDefault(require("./SeparatePriceDetailed/SeparatePriceDetailed"));
+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) => {
@@ -14,11 +15,12 @@ const PriceDetailed = (props) => {
     const { titleSize: descriptionTitleSize = 'l', descriptionSize = 'm', titleColor: descriptionTitleColor = 'cornflower', } = description || {};
     const { titleSize: detailsTitleSize = 's', descriptionSize: detailsDescriptionSize = 'm' } = details || {};
     const getDescriptionComponent = (priceDescription) => {
-        return (react_1.default.createElement(PriceDescription_1.default, 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 (react_1.default.createElement(PriceDetails_1.default, { 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 (react_1.default.createElement(react_1.Fragment, null, isCombined ? (react_1.default.createElement(CombinedPriceDetailed_1.default, { items: items, numberGroupItems: numberGroupItems, border: border, useMixedView: useMixedView, getDescriptionComponent: getDescriptionComponent, getDetailsComponent: getDetailsComponent })) : (react_1.default.createElement(SeparatePriceDetailed_1.default, { 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 })) }));
 };
 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,7 +1,7 @@
-import { PriceDetailsListProps, TextSize } from '../../../../models';
+import { PriceDetailsListProps, TextSize } from "../../../../models/index.js";
 export interface ListProps {
     items: PriceDetailsListProps[];
     titleSize?: TextSize;
 }
-declare const List: (props: ListProps) => JSX.Element;
+declare const List: (props: ListProps) => import("react/jsx-runtime").JSX.Element;
 export default List;

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

@@ -1,15 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const components_1 = require("../../../../components");
-const utils_1 = require("../../../../utils");
+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 (react_1.default.createElement(react_1.Fragment, null, items.map((item, id) => (react_1.default.createElement("div", { key: id, className: b('list-item') },
-        react_1.default.createElement("img", { className: b('img'), alt: "" }),
-        react_1.default.createElement("div", { className: b('text', { size: titleSize }) },
-            react_1.default.createElement(components_1.YFMWrapper, { content: item.text, modifiers: { constructor: true } })))))));
+    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))) }));
 };
 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,8 +1,8 @@
-import { PriceDetailsSettingsProps, TextSize } from '../../../../models';
+import { PriceDetailsSettingsProps, TextSize } from "../../../../models/index.js";
 export interface SettingsComponentProps {
     items: PriceDetailsSettingsProps[];
     titleSize?: TextSize;
     descriptionSize?: TextSize;
 }
-declare const Settings: (props: SettingsComponentProps) => JSX.Element;
+declare const Settings: (props: SettingsComponentProps) => import("react/jsx-runtime").JSX.Element;
 export default Settings;

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

@@ -1,15 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const components_1 = require("../../../../components");
-const utils_1 = require("../../../../utils");
+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 (react_1.default.createElement(react_1.Fragment, null, items.map((item, id) => (react_1.default.createElement("div", { key: id },
-        react_1.default.createElement("div", { className: b('title', { size: titleSize }) }, item.title),
-        react_1.default.createElement("div", { className: b('description', { size: descriptionSize }) },
-            react_1.default.createElement(components_1.YFMWrapper, { content: item.description, modifiers: { constructor: true } })))))));
+    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))) }));
 };
 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;
@@ -7,5 +7,5 @@ interface PriceDetailsExtendProps extends PriceDetailsProps {
     useMixedView?: boolean;
     className?: string;
 }
-declare const PriceDetails: (props: PriceDetailsExtendProps) => JSX.Element;
+declare const PriceDetails: (props: PriceDetailsExtendProps) => import("react/jsx-runtime").JSX.Element;
 export default PriceDetails;

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

@@ -1,16 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const components_1 = require("../../../components");
-const models_1 = require("../../../models");
-const utils_1 = require("../../../utils");
-const List_1 = tslib_1.__importDefault(require("./Details/List"));
-const Settings_1 = tslib_1.__importDefault(require("./Details/Settings"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
+const components_1 = require("../../../components/index.js");
+const models_1 = require("../../../models/index.js");
+const utils_1 = require("../../../utils/index.js");
+const List_1 = tslib_1.__importDefault(require("./Details/List.js"));
+const Settings_1 = tslib_1.__importDefault(require("./Details/Settings.js"));
 const b = (0, utils_1.block)('price-details');
 const PriceDetails = (props) => {
-    const [isOpened, setIsOpened] = (0, react_1.useState)(false);
-    const toggleOpen = (0, react_1.useCallback)(() => {
+    const [isOpened, setIsOpened] = React.useState(false);
+    const toggleOpen = React.useCallback(() => {
         setIsOpened(!isOpened);
     }, [isOpened]);
     const { items = [], type = models_1.PriceDetailsType.SETTINGS, titleSize = 's', descriptionSize = 'm', foldable, useMixedView, className, } = props;
@@ -18,39 +19,34 @@ const PriceDetails = (props) => {
     const getPriceDetails = () => {
         switch (type) {
             case models_1.PriceDetailsType.MARKED_LIST:
-                return react_1.default.createElement(List_1.default, { items: items, titleSize: titleSize });
+                return (0, jsx_runtime_1.jsx)(List_1.default, { items: items, titleSize: titleSize });
             case models_1.PriceDetailsType.SETTINGS:
             default:
-                return (react_1.default.createElement(Settings_1.default, { items: items, titleSize: titleSize, descriptionSize: descriptionSize }));
+                return ((0, jsx_runtime_1.jsx)(Settings_1.default, { items: items, titleSize: titleSize, descriptionSize: descriptionSize }));
         }
     };
     const getFoldableBlock = () => {
-        return react_1.default.createElement("div", { className: b('foldable_block') }, getPriceDetails());
+        return (0, jsx_runtime_1.jsx)("div", { className: b('foldable_block'), children: getPriceDetails() });
     };
     const getFoldableTitle = () => {
-        return (react_1.default.createElement("button", { className: b('foldable_title', { color: foldableColor, size: foldableSize }), onClick: toggleOpen, "aria-expanded": isOpened },
-            foldableTitle,
-            react_1.default.createElement(components_1.ToggleArrow, { open: isOpened, size: 14, type: 'vertical', className: b('arrow') })));
+        return ((0, jsx_runtime_1.jsxs)("button", { className: b('foldable_title', { color: foldableColor, size: foldableSize }), onClick: toggleOpen, "aria-expanded": isOpened, children: [foldableTitle, (0, jsx_runtime_1.jsx)(components_1.ToggleArrow, { open: isOpened, size: 14, type: 'vertical', className: b('arrow') })] }));
     };
     const getFoldableComponent = (customClassName = '') => {
-        return (react_1.default.createElement("div", { className: customClassName },
-            getFoldableTitle(),
-            react_1.default.createElement(components_1.Foldable, { isOpened: isOpened }, getFoldableBlock())));
+        return ((0, jsx_runtime_1.jsxs)("div", { className: customClassName, children: [getFoldableTitle(), (0, jsx_runtime_1.jsx)(components_1.Foldable, { isOpened: isOpened, children: getFoldableBlock() })] }));
     };
     const getNonFoldableComponent = (customClassName = '') => {
-        return react_1.default.createElement("div", { className: customClassName }, getFoldableBlock());
+        return (0, jsx_runtime_1.jsx)("div", { className: customClassName, children: getFoldableBlock() });
     };
     const getComponentMixedView = () => {
         if (foldable) {
-            return (react_1.default.createElement(react_1.Fragment, null,
-                getFoldableComponent(b('foldable')),
-                getNonFoldableComponent(b('non_foldable'))));
+            return ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [getFoldableComponent(b('foldable')), getNonFoldableComponent(b('non_foldable'))] }));
         }
         return getNonFoldableComponent(b('delimiter-line'));
     };
     const getComponentSimpleView = () => {
         return foldable ? getFoldableComponent() : getNonFoldableComponent(b('delimiter-line'));
     };
-    return (react_1.default.createElement("div", { className: b(null, className) }, useMixedView ? getComponentMixedView() : getComponentSimpleView()));
+    return ((0, jsx_runtime_1.jsx)("div", { className: b(null, className), children: useMixedView ? getComponentMixedView() : getComponentSimpleView() }));
 };
 exports.default = PriceDetails;
+//# sourceMappingURL=PriceDetails.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PriceDetails.js","sourceRoot":"../../../../../src","sources":["sub-blocks/PriceDetailed/PriceDetails/PriceDetails.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {Foldable, ToggleArrow} from '../../../components';\nimport {\n    PriceDetailsListProps,\n    PriceDetailsProps,\n    PriceDetailsSettingsProps,\n    PriceDetailsType,\n    PriceFoldableDetailsProps,\n    TextSize,\n} from '../../../models';\nimport {block} from '../../../utils';\n\nimport List from './Details/List';\nimport Settings from './Details/Settings';\n\nimport './PriceDetails.scss';\n\nconst b = block('price-details');\n\ninterface PriceDetailsExtendProps extends PriceDetailsProps {\n    type: PriceDetailsType;\n    titleSize?: TextSize;\n    descriptionSize?: TextSize;\n    foldable?: PriceFoldableDetailsProps;\n    useMixedView?: boolean;\n    className?: string;\n}\n\nconst PriceDetails = (props: PriceDetailsExtendProps) => {\n    const [isOpened, setIsOpened] = React.useState<boolean>(false);\n    const toggleOpen = React.useCallback(() => {\n        setIsOpened(!isOpened);\n    }, [isOpened]);\n\n    const {\n        items = [],\n        type = PriceDetailsType.SETTINGS,\n        titleSize = 's',\n        descriptionSize = 'm',\n        foldable,\n        useMixedView,\n        className,\n    } = props;\n\n    const {\n        title: foldableTitle,\n        size: foldableSize = descriptionSize,\n        titleColor: foldableColor = 'cornflower',\n    } = foldable || {};\n\n    const getPriceDetails = () => {\n        switch (type) {\n            case PriceDetailsType.MARKED_LIST:\n                return <List items={items as PriceDetailsListProps[]} titleSize={titleSize} />;\n            case PriceDetailsType.SETTINGS:\n            default:\n                return (\n                    <Settings\n                        items={items as PriceDetailsSettingsProps[]}\n                        titleSize={titleSize}\n                        descriptionSize={descriptionSize}\n                    />\n                );\n        }\n    };\n\n    const getFoldableBlock = () => {\n        return <div className={b('foldable_block')}>{getPriceDetails()}</div>;\n    };\n\n    const getFoldableTitle = () => {\n        return (\n            <button\n                className={b('foldable_title', {color: foldableColor, size: foldableSize})}\n                onClick={toggleOpen}\n                aria-expanded={isOpened}\n            >\n                {foldableTitle}\n                <ToggleArrow open={isOpened} size={14} type={'vertical'} className={b('arrow')} />\n            </button>\n        );\n    };\n\n    const getFoldableComponent = (customClassName = '') => {\n        return (\n            <div className={customClassName}>\n                {getFoldableTitle()}\n                <Foldable isOpened={isOpened}>{getFoldableBlock()}</Foldable>\n            </div>\n        );\n    };\n\n    const getNonFoldableComponent = (customClassName = '') => {\n        return <div className={customClassName}>{getFoldableBlock()}</div>;\n    };\n\n    const getComponentMixedView = () => {\n        if (foldable) {\n            return (\n                <React.Fragment>\n                    {getFoldableComponent(b('foldable'))}\n                    {getNonFoldableComponent(b('non_foldable'))}\n                </React.Fragment>\n            );\n        }\n\n        return getNonFoldableComponent(b('delimiter-line'));\n    };\n\n    const getComponentSimpleView = () => {\n        return foldable ? getFoldableComponent() : getNonFoldableComponent(b('delimiter-line'));\n    };\n\n    return (\n        <div className={b(null, className)}>\n            {useMixedView ? getComponentMixedView() : getComponentSimpleView()}\n        </div>\n    );\n};\n\nexport default PriceDetails;\n"]}

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

@@ -1,10 +1,9 @@
-/// <reference types="react" />
-import { CardBorder, PriceDescriptionProps, PriceDetailsListProps, PriceDetailsSettingsProps, PriceItemProps } from '../../../models';
+import { CardBorder, PriceDescriptionProps, PriceDetailsListProps, PriceDetailsSettingsProps, PriceItemProps } from "../../../models/index.js";
 interface SeparatePriceDetailedProps {
     items: PriceItemProps[];
     getDescriptionComponent: (priceDescription: PriceDescriptionProps) => JSX.Element;
     getDetailsComponent: (priceDetails?: PriceDetailsSettingsProps[] | PriceDetailsListProps[]) => JSX.Element;
     border?: CardBorder;
 }
-declare const SeparatePriceDetailed: (props: SeparatePriceDetailedProps) => JSX.Element;
+declare const SeparatePriceDetailed: (props: SeparatePriceDetailedProps) => import("react/jsx-runtime").JSX.Element;
 export default SeparatePriceDetailed;

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

@@ -1,18 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const components_1 = require("../../../components");
-const utils_1 = require("../../../utils");
+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)('separate-price-detailed-block');
 const SeparatePriceDetailed = (props) => {
     const { items, border, getDescriptionComponent, getDetailsComponent } = props;
-    return (react_1.default.createElement(react_1.Fragment, null, items.map((_a, id) => {
-        var { analyticsEvents } = _a, item = tslib_1.__rest(_a, ["analyticsEvents"]);
-        return (react_1.default.createElement(components_1.CardBase, { key: id, className: b(), border: border, analyticsEvents: analyticsEvents },
-            react_1.default.createElement(components_1.CardBase.Content, null,
-                getDescriptionComponent(item),
-                getDetailsComponent(item.items))));
-    })));
+    return ((0, jsx_runtime_1.jsx)(React.Fragment, { children: items.map((_a, id) => {
+            var { analyticsEvents } = _a, item = tslib_1.__rest(_a, ["analyticsEvents"]);
+            return ((0, jsx_runtime_1.jsx)(components_1.CardBase, { className: b(), border: border, analyticsEvents: analyticsEvents, children: (0, jsx_runtime_1.jsxs)(components_1.CardBase.Content, { children: [getDescriptionComponent(item), getDetailsComponent(item.items)] }) }, id));
+        }) }));
 };
 exports.default = SeparatePriceDetailed;
+//# sourceMappingURL=SeparatePriceDetailed.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SeparatePriceDetailed.js","sourceRoot":"../../../../../src","sources":["sub-blocks/PriceDetailed/SeparatePriceDetailed/SeparatePriceDetailed.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,6DAA6C;AAQ7C,mDAAqC;AAIrC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,+BAA+B,CAAC,CAAC;AAWjD,MAAM,qBAAqB,GAAG,CAAC,KAAiC,EAAE,EAAE;IAChE,MAAM,EAAC,KAAK,EAAE,MAAM,EAAE,uBAAuB,EAAE,mBAAmB,EAAC,GAAG,KAAK,CAAC;IAE5E,OAAO,CACH,uBAAC,KAAK,CAAC,QAAQ,cACV,KAAK,CAAC,GAAG,CAAC,CAAC,EAA0C,EAAE,EAAU,EAAE,EAAE;gBAA1D,EAAC,eAAe,OAA0B,EAArB,IAAI,sBAAzB,mBAA0B,CAAD;YAAkC,OAAA,CACnE,uBAAC,qBAAQ,IAEL,SAAS,EAAE,CAAC,EAAE,EACd,MAAM,EAAE,MAAM,EACd,eAAe,EAAE,eAAe,YAEhC,wBAAC,qBAAQ,CAAC,OAAO,eACZ,uBAAuB,CAAC,IAAI,CAAC,EAC7B,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,IACjB,IARd,EAAE,CASA,CACd,CAAA;SAAA,CAAC,GACW,CACpB,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {CardBase} from '../../../components';\nimport {\n    CardBorder,\n    PriceDescriptionProps,\n    PriceDetailsListProps,\n    PriceDetailsSettingsProps,\n    PriceItemProps,\n} from '../../../models';\nimport {block} from '../../../utils';\n\nimport './SeparatePriceDetailed.scss';\n\nconst b = block('separate-price-detailed-block');\n\ninterface SeparatePriceDetailedProps {\n    items: PriceItemProps[];\n    getDescriptionComponent: (priceDescription: PriceDescriptionProps) => JSX.Element;\n    getDetailsComponent: (\n        priceDetails?: PriceDetailsSettingsProps[] | PriceDetailsListProps[],\n    ) => JSX.Element;\n    border?: CardBorder;\n}\n\nconst SeparatePriceDetailed = (props: SeparatePriceDetailedProps) => {\n    const {items, border, getDescriptionComponent, getDetailsComponent} = props;\n\n    return (\n        <React.Fragment>\n            {items.map(({analyticsEvents, ...item}: PriceItemProps, id: number) => (\n                <CardBase\n                    key={id}\n                    className={b()}\n                    border={border}\n                    analyticsEvents={analyticsEvents}\n                >\n                    <CardBase.Content>\n                        {getDescriptionComponent(item)}\n                        {getDetailsComponent(item.items)}\n                    </CardBase.Content>\n                </CardBase>\n            ))}\n        </React.Fragment>\n    );\n};\n\nexport default SeparatePriceDetailed;\n"]}

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

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PriceDetailedBlock = void 0;
-const common_1 = require("../../schema/validators/common");
-const event_1 = require("../../schema/validators/event");
-const utils_1 = require("../../schema/validators/utils");
+const common_1 = require("../../schema/validators/common.js");
+const event_1 = require("../../schema/validators/event.js");
+const utils_1 = require("../../schema/validators/utils.js");
 const PriceDetailedDetailsType = ['marked-list', 'settings'];
 const PriceDetailedDescriptionColor = ['cornflower', 'black'];
 const PriceLabelColor = ['blue', 'green', 'yellow', 'purple', 'red'];
@@ -168,3 +168,4 @@ exports.PriceDetailedBlock = {
             }, foldable: PriceDetailedFoldableDetailsProps, labelsDefaultText: PriceDetailedLabelsDefaultTextProps }),
     },
 };
+//# sourceMappingURL=schema.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["sub-blocks/PriceDetailed/schema.ts"],"names":[],"mappings":"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","sourcesContent":["import {AnimatableProps, BaseProps, textSize} from '../../schema/validators/common';\nimport {AnalyticsEventSchema} from '../../schema/validators/event';\nimport {filteredArray} from '../../schema/validators/utils';\n\nconst PriceDetailedDetailsType = ['marked-list', 'settings'];\nconst PriceDetailedDescriptionColor = ['cornflower', 'black'];\nconst PriceLabelColor = ['blue', 'green', 'yellow', 'purple', 'red'];\n\nconst LabelsDefaultTextProp = PriceLabelColor.reduce((result, labelColor) => {\n    return {\n        ...result,\n        [labelColor]: {\n            type: 'string',\n        },\n    };\n}, {});\n\nconst PriceDetailedLabelsDefaultTextProps = {\n    additionalProperties: false,\n    required: [],\n    properties: LabelsDefaultTextProp,\n};\n\nconst PriceDetailedFoldableDetailsProps = {\n    additionalProperties: false,\n    required: ['title'],\n    properties: {\n        title: {\n            type: 'string',\n            contentType: 'text',\n        },\n        size: {\n            type: 'string',\n            enum: textSize,\n        },\n        titleColor: {\n            type: 'string',\n            enum: PriceDetailedDescriptionColor,\n        },\n    },\n};\n\nconst PriceDetailedDetailsProps = {\n    additionalProperties: false,\n    required: [],\n    properties: {\n        titleSize: {\n            type: 'string',\n            enum: textSize,\n        },\n        descriptionSize: {\n            type: 'string',\n            enum: textSize,\n        },\n    },\n};\n\nconst PriceDetailedDescriptionProps = {\n    additionalProperties: false,\n    required: [],\n    properties: {\n        titleSize: {\n            type: 'string',\n            enum: textSize,\n        },\n        descriptionSize: {\n            type: 'string',\n            enum: textSize,\n        },\n        titleColor: {\n            type: 'string',\n            enum: PriceDetailedDescriptionColor,\n        },\n    },\n};\n\nconst PriceDescriptionLabelProps = {\n    additionalProperties: false,\n    required: ['color'],\n    properties: {\n        color: {\n            type: 'string',\n            enum: PriceLabelColor,\n        },\n        text: {\n            type: 'string',\n            contentType: 'text',\n        },\n        size: {\n            type: 'string',\n            enum: textSize,\n        },\n    },\n};\n\nconst PriceDescriptionProps = {\n    title: {\n        type: 'string',\n        contentType: 'text',\n    },\n    description: {\n        type: 'string',\n        contentType: 'yfm',\n    },\n    detailedTitle: {\n        type: 'string',\n        contentType: 'text',\n    },\n    label: PriceDescriptionLabelProps,\n};\n\nconst PriceDetailsSettingsProps = {\n    type: 'object',\n    additionalProperties: false,\n    required: ['title', 'description'],\n    properties: {\n        title: {\n            type: 'string',\n            contentType: 'text',\n        },\n        description: {\n            type: 'string',\n            contentType: 'yfm',\n        },\n    },\n};\n\nconst PriceDetailsListProps = {\n    type: 'object',\n    additionalProperties: false,\n    required: ['text'],\n    properties: {\n        text: {\n            type: 'string',\n            contentType: 'yfm',\n        },\n    },\n};\n\nconst PriceDetailsProps = {\n    items: {\n        oneOf: [\n            {\n                ...filteredArray({\n                    ...PriceDetailsListProps,\n                }),\n                optionName: 'marked-list',\n            },\n            {\n                ...filteredArray({\n                    ...PriceDetailsSettingsProps,\n                }),\n                optionName: 'settings',\n            },\n        ],\n    },\n};\n\nconst PriceItem = {\n    type: 'object',\n    additionalProperties: false,\n    required: ['title', 'description'],\n    properties: {\n        ...PriceDetailsProps,\n        ...PriceDescriptionProps,\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/** @deprecated */\nexport const PriceDetailedBlock = {\n    'price-detailed': {\n        additionalProperties: false,\n        required: ['items'],\n        properties: {\n            ...BaseProps,\n            ...AnimatableProps,\n            items: filteredArray(PriceItem),\n            description: PriceDetailedDescriptionProps,\n            details: PriceDetailedDetailsProps,\n            priceType: {\n                type: 'string',\n                enum: PriceDetailedDetailsType,\n                default: 'settings',\n            },\n            numberGroupItems: {\n                type: 'number',\n                enum: [3, 4, 5],\n            },\n            isCombined: {\n                type: 'boolean',\n            },\n            useMixedView: {\n                type: 'boolean',\n            },\n            foldable: PriceDetailedFoldableDetailsProps,\n            labelsDefaultText: PriceDetailedLabelsDefaultTextProps,\n        },\n    },\n};\n"]}

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

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

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

@@ -1,13 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const components_1 = require("../../components");
-const utils_1 = require("../../components/Media/Image/utils");
-const theme_1 = require("../../context/theme");
-const hooks_1 = require("../../hooks");
-const models_1 = require("../../models");
-const utils_2 = require("../../utils");
+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("../../components/Media/Image/utils.js");
+const theme_1 = require("../../context/theme/index.js");
+const hooks_1 = require("../../hooks/index.js");
+const models_1 = require("../../models/index.js");
+const utils_2 = require("../../utils/index.js");
 const b = (0, utils_2.block)('quote');
 const Quote = (props) => {
     const { theme: textTheme = 'light', color, image, border = 'shadow', text, yfmText, logo, author, url, urlTitle, buttonText, quoteType = models_1.QuoteType.Chevron, button, } = props;
@@ -15,26 +16,14 @@ const Quote = (props) => {
     const imageThemed = (0, utils_2.getThemedValue)(image, theme);
     const imageData = (0, utils_1.getMediaImage)(imageThemed);
     const handleAnalytics = (0, hooks_1.useAnalytics)(models_1.DefaultEventNames.QuoteButton, url);
-    const handleButtonClick = (0, react_1.useCallback)(() => handleAnalytics(), [handleAnalytics]);
+    const handleButtonClick = React.useCallback(() => handleAnalytics(), [handleAnalytics]);
     const themedAuthor = author
         ? Object.assign(Object.assign({}, author), { avatar: (0, utils_2.getThemedValue)(author.avatar, theme) })
         : author;
-    const renderFooter = Boolean(author || url) && (react_1.default.createElement("div", { className: b('author-wrapper') },
-        themedAuthor && (react_1.default.createElement(components_1.Author, { className: b('author', { theme: textTheme }), author: themedAuthor, type: models_1.AuthorType.Line, theme: textTheme })),
-        url && buttonText && !button && (react_1.default.createElement(components_1.Button, { theme: "outlined", size: "xl", url: url, className: b('link-button', { theme: textTheme }), onClick: handleButtonClick, urlTitle: urlTitle, text: buttonText })),
-        button && react_1.default.createElement(components_1.Button, Object.assign({ size: "xl" }, button))));
+    const renderFooter = Boolean(author || url) && ((0, jsx_runtime_1.jsxs)("div", { className: b('author-wrapper'), children: [themedAuthor && ((0, jsx_runtime_1.jsx)(components_1.Author, { className: b('author', { theme: textTheme }), author: themedAuthor, type: models_1.AuthorType.Line, theme: textTheme })), url && buttonText && !button && ((0, jsx_runtime_1.jsx)(components_1.Button, { theme: "outlined", size: "xl", url: url, className: b('link-button', { theme: textTheme }), onClick: handleButtonClick, urlTitle: urlTitle, text: buttonText })), button && (0, jsx_runtime_1.jsx)(components_1.Button, Object.assign({ size: "xl" }, button))] }));
     const themedLogoProps = (0, utils_2.getThemedValue)(logo, theme);
     const logoProps = (0, utils_1.getMediaImage)(themedLogoProps);
-    return (react_1.default.createElement("div", { className: b({ theme: textTheme, border }), style: color ? { backgroundColor: color } : {} },
-        react_1.default.createElement("div", { key: text, className: b('content-wrapper') },
-            react_1.default.createElement("div", null,
-                react_1.default.createElement(components_1.Image, Object.assign({ className: b('logo') }, logoProps)),
-                react_1.default.createElement("div", { className: b('content', { 'quote-type': quoteType }) },
-                    text && (react_1.default.createElement("span", { className: b('text') },
-                        react_1.default.createElement(components_1.HTML, null, text))),
-                    yfmText && (react_1.default.createElement(components_1.YFMWrapper, { className: b('text'), content: yfmText, modifiers: { constructor: true } })))),
-            renderFooter),
-        react_1.default.createElement("div", { className: b('image-wrapper') },
-            react_1.default.createElement(components_1.Image, Object.assign({}, imageData, { className: b('image') })))));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: b({ theme: textTheme, border }), style: color ? { backgroundColor: color } : {}, children: [(0, jsx_runtime_1.jsxs)("div", { className: b('content-wrapper'), children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(components_1.Image, Object.assign({ className: b('logo') }, logoProps)), (0, jsx_runtime_1.jsxs)("div", { className: b('content', { 'quote-type': quoteType }), children: [text && ((0, jsx_runtime_1.jsx)("span", { className: b('text'), children: (0, jsx_runtime_1.jsx)(components_1.HTML, { children: text }) })), yfmText && ((0, jsx_runtime_1.jsx)(components_1.YFMWrapper, { className: b('text'), content: yfmText, modifiers: { constructor: true } }))] })] }), renderFooter] }, text), (0, jsx_runtime_1.jsx)("div", { className: b('image-wrapper'), children: (0, jsx_runtime_1.jsx)(components_1.Image, Object.assign({}, imageData, { className: b('image') })) })] }));
 };
 exports.default = Quote;
+//# sourceMappingURL=Quote.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Quote.js","sourceRoot":"../../../../src","sources":["sub-blocks/Quote/Quote.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {Author, Button, HTML, Image, YFMWrapper} from '../../components';\nimport {getMediaImage} from '../../components/Media/Image/utils';\nimport {useTheme} from '../../context/theme';\nimport {useAnalytics} from '../../hooks';\nimport {AuthorItem, AuthorType, DefaultEventNames, QuoteProps, QuoteType} from '../../models';\nimport {block, getThemedValue} from '../../utils';\n\nimport './Quote.scss';\n\nconst b = block('quote');\n\nconst Quote = (props: QuoteProps) => {\n    const {\n        theme: textTheme = 'light',\n        color,\n        image,\n        border = 'shadow',\n        text,\n        yfmText,\n        logo,\n        author,\n        url,\n        urlTitle,\n        buttonText,\n        quoteType = QuoteType.Chevron,\n        button,\n    } = props;\n    const theme = useTheme();\n    const imageThemed = getThemedValue(image, theme);\n    const imageData = getMediaImage(imageThemed);\n    const handleAnalytics = useAnalytics(DefaultEventNames.QuoteButton, url);\n\n    const handleButtonClick = React.useCallback(() => handleAnalytics(), [handleAnalytics]);\n    const themedAuthor = author\n        ? ({\n              ...author,\n              avatar: getThemedValue(author.avatar, theme),\n          } as AuthorItem)\n        : author;\n\n    const renderFooter = Boolean(author || url) && (\n        <div className={b('author-wrapper')}>\n            {themedAuthor && (\n                <Author\n                    className={b('author', {theme: textTheme})}\n                    author={themedAuthor}\n                    type={AuthorType.Line}\n                    theme={textTheme}\n                />\n            )}\n            {url && buttonText && !button && (\n                <Button\n                    theme=\"outlined\"\n                    size=\"xl\"\n                    url={url}\n                    className={b('link-button', {theme: textTheme})}\n                    onClick={handleButtonClick}\n                    urlTitle={urlTitle}\n                    text={buttonText}\n                />\n            )}\n            {button && <Button size=\"xl\" {...button} />}\n        </div>\n    );\n\n    const themedLogoProps = getThemedValue(logo, theme);\n    const logoProps = getMediaImage(themedLogoProps);\n\n    return (\n        <div\n            className={b({theme: textTheme, border})}\n            style={color ? {backgroundColor: color} : {}}\n        >\n            <div key={text} className={b('content-wrapper')}>\n                <div>\n                    <Image className={b('logo')} {...logoProps} />\n                    <div className={b('content', {'quote-type': quoteType})}>\n                        {text && (\n                            <span className={b('text')}>\n                                <HTML>{text}</HTML>\n                            </span>\n                        )}\n                        {yfmText && (\n                            <YFMWrapper\n                                className={b('text')}\n                                content={yfmText}\n                                modifiers={{constructor: true}}\n                            />\n                        )}\n                    </div>\n                </div>\n                {renderFooter}\n            </div>\n            <div className={b('image-wrapper')}>\n                <Image {...imageData} className={b('image')} />\n            </div>\n        </div>\n    );\n};\n\nexport default Quote;\n"]}

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

@@ -43,7 +43,7 @@ export declare const Quote: {
                 }) | {
                     type: string;
                     additionalProperties: boolean;
-                    required: import("../..").Theme[];
+                    required: import("../../index.js").Theme[];
                     properties: {};
                     optionName: string;
                 })[];
@@ -138,7 +138,7 @@ export declare const Quote: {
             };
             quoteType: {
                 type: string;
-                enum: import("../..").QuoteType[];
+                enum: import("../../index.js").QuoteType[];
             };
             type: {};
             when: {

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

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Quote = void 0;
-const schema_1 = require("../../components/Image/schema");
-const common_1 = require("../../schema/validators/common");
+const schema_1 = require("../../components/Image/schema.js");
+const common_1 = require("../../schema/validators/common.js");
 exports.Quote = {
     quote: {
         additionalProperties: false,
@@ -27,3 +27,4 @@ exports.Quote = {
             } }),
     },
 };
+//# sourceMappingURL=schema.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["sub-blocks/Quote/schema.ts"],"names":[],"mappings":";;;AAAA,6DAAyD;AACzD,8DAMwC;AAE3B,QAAA,KAAK,GAAG;IACjB,KAAK,EAAE;QACH,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;QAC3B,UAAU,kCACH,kBAAS,KACZ,IAAI,EAAE;gBACF,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,MAAM;aACtB,EACD,OAAO,EAAE;gBACL,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,MAAM;aACtB,EACD,KAAK,EAAE,IAAA,kBAAS,EAAC,mBAAU,CAAC,EAC5B,IAAI,EAAE,mBAAU,EAChB,KAAK,EAAE;gBACH,IAAI,EAAE,QAAQ;aACjB,EACD,GAAG,EAAE;gBACD,IAAI,EAAE,QAAQ;aACjB,EACD,QAAQ,EAAE;gBACN,IAAI,EAAE,QAAQ;aACjB,EACD,UAAU,EAAE;gBACR,IAAI,EAAE,QAAQ;aACjB,EACD,KAAK,EAAE,mBAAU,EACjB,MAAM,EAAE,mBAAU,EAClB,SAAS,EAAE;gBACP,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,mBAAU;aACnB,GACJ;KACJ;CACJ,CAAC","sourcesContent":["import {ImageProps} from '../../components/Image/schema';\nimport {\n    BaseProps,\n    ThemeProps,\n    authorItem,\n    quoteTypes,\n    withTheme,\n} from '../../schema/validators/common';\n\nexport const Quote = {\n    quote: {\n        additionalProperties: false,\n        required: ['image', 'logo'],\n        properties: {\n            ...BaseProps,\n            text: {\n                type: 'string',\n                contentType: 'text',\n            },\n            yfmText: {\n                type: 'string',\n                contentType: 'text',\n            },\n            image: withTheme(ImageProps),\n            logo: ImageProps,\n            color: {\n                type: 'string',\n            },\n            url: {\n                type: 'string',\n            },\n            urlTitle: {\n                type: 'string',\n            },\n            buttonText: {\n                type: 'string',\n            },\n            theme: ThemeProps,\n            author: authorItem,\n            quoteType: {\n                type: 'string',\n                enum: quoteTypes,\n            },\n        },\n    },\n};\n"]}