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

package/build/cjs/blocks/Form/Form.js

@@ -1,30 +1,29 @@
 "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 InnerForm_1 = tslib_1.__importDefault(require("../../components/InnerForm/InnerForm.js"));
-const mobileContext_1 = require("../../context/mobileContext/index.js");
-const theme_1 = require("../../context/theme/index.js");
-const grid_1 = require("../../grid/index.js");
-const models_1 = require("../../models/index.js");
-const sub_blocks_1 = require("../../sub-blocks/index.js");
-const utils_1 = require("../../utils/index.js");
+const react_1 = tslib_1.__importStar(require("react"));
+const components_1 = require("../../components");
+const InnerForm_1 = tslib_1.__importDefault(require("../../components/InnerForm/InnerForm"));
+const mobileContext_1 = require("../../context/mobileContext");
+const theme_1 = require("../../context/theme");
+const grid_1 = require("../../grid");
+const models_1 = require("../../models");
+const sub_blocks_1 = require("../../sub-blocks");
+const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('form-block');
 const colSizes = { [grid_1.GridColumnSize.Lg]: 6, [grid_1.GridColumnSize.All]: 12 };
 const FormBlock = (props) => {
     var _a;
     const { formData, title, textContent, direction = models_1.FormBlockDirection.Center, background } = props;
-    const [contentLoaded, setContentLoaded] = React.useState(false);
-    const isMobile = React.useContext(mobileContext_1.MobileContext);
+    const [contentLoaded, setContentLoaded] = (0, react_1.useState)(false);
+    const isMobile = (0, react_1.useContext)(mobileContext_1.MobileContext);
     const theme = (0, theme_1.useTheme)();
     const themedBackground = (0, utils_1.getThemedValue)(background, theme) || undefined;
     const withBackground = Boolean(themedBackground &&
         (themedBackground.src ||
             themedBackground.desktop ||
             ((_a = themedBackground.style) === null || _a === void 0 ? void 0 : _a.backgroundColor)));
-    const onContentLoad = React.useCallback(() => {
+    const onContentLoad = (0, react_1.useCallback)(() => {
         setContentLoaded(true);
     }, []);
     if (!formData) {
@@ -37,19 +36,28 @@ const FormBlock = (props) => {
     else if ((0, models_1.isHubspotDataForm)(formData)) {
         formType = models_1.FormBlockDataTypes.HUBSPOT;
     }
-    return ((0, jsx_runtime_1.jsxs)("div", { className: b({
+    return (react_1.default.createElement("div", { className: b({
             'with-background': withBackground,
             'form-type': formType,
-        }), children: [themedBackground && ((0, jsx_runtime_1.jsx)(components_1.BackgroundImage, Object.assign({}, themedBackground, { className: b('media'), imageClassName: b('image') }))), (0, jsx_runtime_1.jsx)(grid_1.Grid, { children: (0, jsx_runtime_1.jsxs)(grid_1.Row, { alignItems: direction === models_1.FormBlockDirection.Center
-                        ? grid_1.GridAlignItems.Center
-                        : grid_1.GridAlignItems.Start, className: b('row', {
-                        direction,
-                    }), children: [(0, jsx_runtime_1.jsx)(grid_1.Col, { sizes: colSizes, className: b('content-col'), children: textContent && ((0, jsx_runtime_1.jsx)("div", { className: b('content-wrapper'), children: (0, jsx_runtime_1.jsx)(sub_blocks_1.Content, Object.assign({ theme: "default" }, textContent, { centered: direction === models_1.FormBlockDirection.Center, colSizes: { all: 12 }, className: b('content') })) })) }), (0, jsx_runtime_1.jsx)(grid_1.Col, { sizes: colSizes, className: b('form-col'), children: (0, jsx_runtime_1.jsx)("div", { className: b('form-wrapper'), children: (0, jsx_runtime_1.jsxs)("div", { className: b('full-form', {
-                                        hidden: !contentLoaded,
-                                    }), children: [title && ((0, jsx_runtime_1.jsx)(components_1.Title, { title: {
-                                                text: title,
-                                                textSize: 's',
-                                            }, className: b('title', { mobile: isMobile }), colSizes: { all: 12 } })), (0, jsx_runtime_1.jsx)(InnerForm_1.default, { className: b('form'), formData: formData, onContentLoad: onContentLoad })] }) }) })] }) })] }));
+        }) },
+        themedBackground && (react_1.default.createElement(components_1.BackgroundImage, Object.assign({}, themedBackground, { className: b('media'), imageClassName: b('image') }))),
+        react_1.default.createElement(grid_1.Grid, null,
+            react_1.default.createElement(grid_1.Row, { alignItems: direction === models_1.FormBlockDirection.Center
+                    ? grid_1.GridAlignItems.Center
+                    : grid_1.GridAlignItems.Start, className: b('row', {
+                    direction,
+                }) },
+                react_1.default.createElement(grid_1.Col, { sizes: colSizes, className: b('content-col') }, textContent && (react_1.default.createElement("div", { className: b('content-wrapper') },
+                    react_1.default.createElement(sub_blocks_1.Content, Object.assign({ theme: "default" }, textContent, { centered: direction === models_1.FormBlockDirection.Center, colSizes: { all: 12 }, className: b('content') }))))),
+                react_1.default.createElement(grid_1.Col, { sizes: colSizes, className: b('form-col') },
+                    react_1.default.createElement("div", { className: b('form-wrapper') },
+                        react_1.default.createElement("div", { className: b('full-form', {
+                                hidden: !contentLoaded,
+                            }) },
+                            title && (react_1.default.createElement(components_1.Title, { title: {
+                                    text: title,
+                                    textSize: 's',
+                                }, className: b('title', { mobile: isMobile }), colSizes: { all: 12 } })),
+                            react_1.default.createElement(InnerForm_1.default, { className: b('form'), formData: formData, onContentLoad: onContentLoad }))))))));
 };
 exports.default = FormBlock;
-//# sourceMappingURL=Form.js.map

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

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

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

@@ -3,11 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormBlock = void 0;
 const tslib_1 = require("tslib");
 const omit_1 = tslib_1.__importDefault(require("lodash/omit"));
-const schema_1 = require("../../components/Image/schema.js");
-const schema_2 = require("../../components/YandexForm/schema.js");
-const common_1 = require("../../schema/validators/common.js");
-const schema_3 = require("../../sub-blocks/Content/schema.js");
-const schema_4 = require("../../sub-blocks/HubspotForm/schema.js");
+const schema_1 = require("../../components/Image/schema");
+const schema_2 = require("../../components/YandexForm/schema");
+const common_1 = require("../../schema/validators/common");
+const schema_3 = require("../../sub-blocks/Content/schema");
+const schema_4 = require("../../sub-blocks/HubspotForm/schema");
 const FormBlockContentProps = (0, omit_1.default)(schema_3.ContentBase, ['size', 'centered', 'colSizes']);
 exports.FormBlock = {
     'form-block': {
@@ -42,4 +42,3 @@ exports.FormBlock = {
             } }),
     },
 };
-//# sourceMappingURL=schema.js.map

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { ClassNameProps, HeaderBlockProps } from "../../models/index.js";
+import React from 'react';
+import { ClassNameProps, HeaderBlockProps } from '../../models';
 type HeaderBlockFullProps = HeaderBlockProps & ClassNameProps;
-export declare const HeaderBlock: (props: React.PropsWithChildren<HeaderBlockFullProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const HeaderBlock: (props: React.PropsWithChildren<HeaderBlockFullProps>) => JSX.Element;
 export default HeaderBlock;

package/build/cjs/blocks/Header/Header.js

@@ -2,29 +2,28 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HeaderBlock = void 0;
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importStar(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
-const React = tslib_1.__importStar(require("react"));
-const components_1 = require("../../components/index.js");
-const HeaderBreadcrumbs_1 = tslib_1.__importDefault(require("../../components/HeaderBreadcrumbs/HeaderBreadcrumbs.js"));
-const utils_1 = require("../../components/Media/Image/utils.js");
-const YFMWrapper_1 = tslib_1.__importDefault(require("../../components/YFMWrapper/YFMWrapper.js"));
-const mobileContext_1 = require("../../context/mobileContext/index.js");
-const theme_1 = require("../../context/theme/index.js");
-const grid_1 = require("../../grid/index.js");
-const utils_2 = require("../../utils/index.js");
-const utils_3 = require("./utils.js");
+const components_1 = require("../../components");
+const HeaderBreadcrumbs_1 = tslib_1.__importDefault(require("../../components/HeaderBreadcrumbs/HeaderBreadcrumbs"));
+const utils_1 = require("../../components/Media/Image/utils");
+const YFMWrapper_1 = tslib_1.__importDefault(require("../../components/YFMWrapper/YFMWrapper"));
+const mobileContext_1 = require("../../context/mobileContext");
+const theme_1 = require("../../context/theme");
+const grid_1 = require("../../grid");
+const utils_2 = require("../../utils");
+const utils_3 = require("./utils");
 const b = (0, utils_2.block)('header-block');
 const Background = ({ background, isMobile }) => {
     const { url, image, fullWidthMedia, video, color } = background;
     const imageObject = url ? (0, utils_1.getMediaImage)(url) : image;
     const renderMedia = !isMobile || (typeof image === 'object' && 'mobile' in image);
-    return ((0, jsx_runtime_1.jsx)("div", { className: b('background', { media: true, 'full-width-media': fullWidthMedia }), style: { backgroundColor: color }, children: renderMedia && ((0, jsx_runtime_1.jsx)(components_1.Media, Object.assign({}, background, { className: b('background-media'), imageClassName: b('image'), videoClassName: b('video'), isBackground: true, parallax: false, video: isMobile ? undefined : video, image: imageObject }))) }));
+    return (react_1.default.createElement("div", { className: b('background', { media: true, 'full-width-media': fullWidthMedia }), style: { backgroundColor: color } }, renderMedia && (react_1.default.createElement(components_1.Media, Object.assign({}, background, { className: b('background-media'), imageClassName: b('image'), videoClassName: b('video'), isBackground: true, parallax: false, video: isMobile ? undefined : video, image: imageObject })))));
 };
-const FullWidthBackground = ({ background }) => ((0, jsx_runtime_1.jsx)("div", { className: b('background', { ['full-width']: true }), style: { backgroundColor: background === null || background === void 0 ? void 0 : background.color } }));
+const FullWidthBackground = ({ background }) => (react_1.default.createElement("div", { className: b('background', { ['full-width']: true }), style: { backgroundColor: background === null || background === void 0 ? void 0 : background.color } }));
 const HeaderBlock = (props) => {
     const { title, overtitle, description, buttons, image, video, width = 'm', imageSize, offset = 'default', background, theme: textTheme = 'light', verticalOffset = 'm', className, breadcrumbs, status, renderTitle, children, mediaView = 'full', } = props;
-    const isMobile = React.useContext(mobileContext_1.MobileContext);
+    const isMobile = (0, react_1.useContext)(mobileContext_1.MobileContext);
     const theme = (0, theme_1.useTheme)();
     const hasRightSideImage = Boolean(image || video);
     const curImageSize = imageSize || (0, utils_3.getImageSize)(width);
@@ -38,20 +37,40 @@ const HeaderBlock = (props) => {
     const videoThemed = video && (0, utils_2.getThemedValue)(video, theme);
     const fullWidth = (backgroundThemed === null || backgroundThemed === void 0 ? void 0 : backgroundThemed.fullWidth) || (backgroundThemed === null || backgroundThemed === void 0 ? void 0 : backgroundThemed.fullWidthMedia);
     const titleId = (0, uikit_1.useUniqId)();
-    return ((0, jsx_runtime_1.jsxs)("header", { className: b({
+    return (react_1.default.createElement("header", { className: b({
             ['has-media']: hasRightSideImage,
             ['full-width']: fullWidth,
             ['media-view']: mediaView,
             ['controls-view']: textTheme,
-        }, className), children: [backgroundThemed && fullWidth && (0, jsx_runtime_1.jsx)(FullWidthBackground, { background: backgroundThemed }), backgroundThemed && (0, jsx_runtime_1.jsx)(Background, { background: backgroundThemed, isMobile: isMobile }), (0, jsx_runtime_1.jsxs)(grid_1.Grid, { containerClass: b('container-fluid'), children: [breadcrumbs && ((0, jsx_runtime_1.jsx)(grid_1.Row, { className: b('breadcrumbs'), children: (0, jsx_runtime_1.jsx)(grid_1.Col, { children: (0, jsx_runtime_1.jsx)(HeaderBreadcrumbs_1.default, Object.assign({}, breadcrumbs, { theme: textTheme })) }) })), (0, jsx_runtime_1.jsx)(grid_1.Row, { children: (0, jsx_runtime_1.jsxs)(grid_1.Col, { reset: true, className: b('content-wrapper'), children: [(0, jsx_runtime_1.jsx)(grid_1.Row, { children: (0, jsx_runtime_1.jsx)(grid_1.Col, { className: b('content', {
-                                            offset,
-                                            theme: textTheme,
-                                            'vertical-offset': curVerticalOffset,
-                                        }), children: (0, jsx_runtime_1.jsxs)(grid_1.Col, { sizes: titleSizes, className: b('content-inner'), children: [overtitle && ((0, jsx_runtime_1.jsx)("div", { className: b('overtitle'), children: (0, jsx_runtime_1.jsx)(components_1.HTML, { children: overtitle }) })), (0, jsx_runtime_1.jsxs)("h1", { className: b('title'), id: titleId, children: [status, renderTitle ? renderTitle(title) : (0, jsx_runtime_1.jsx)(components_1.HTML, { children: title })] }), description && ((0, jsx_runtime_1.jsx)("div", { className: b('description', { theme: textTheme }), children: (0, jsx_runtime_1.jsx)(YFMWrapper_1.default, { content: description, modifiers: {
-                                                            constructor: true,
-                                                            constructorTheme: textTheme,
-                                                        } }) })), buttons && ((0, jsx_runtime_1.jsx)("div", { className: b('buttons'), "data-qa": "header-buttons", children: buttons.map((button, index) => ((0, jsx_runtime_1.jsx)(components_1.RouterLink, { href: button.url, children: (0, jsx_runtime_1.jsx)(components_1.Button, Object.assign({ className: b('button'), size: "xl", extraProps: Object.assign({ 'aria-describedby': titleId }, button.extraProps) }, button), index) }, index))) })), children] }) }) }), hasRightSideImage && ((0, jsx_runtime_1.jsx)(components_1.Media, { className: b('media', { [curImageSize]: true }), videoClassName: b('video'), imageClassName: b('image'), video: videoThemed, image: imageThemed }))] }) })] })] }));
+        }, className) },
+        backgroundThemed && fullWidth && react_1.default.createElement(FullWidthBackground, { background: backgroundThemed }),
+        backgroundThemed && react_1.default.createElement(Background, { background: backgroundThemed, isMobile: isMobile }),
+        react_1.default.createElement(grid_1.Grid, { containerClass: b('container-fluid') },
+            breadcrumbs && (react_1.default.createElement(grid_1.Row, { className: b('breadcrumbs') },
+                react_1.default.createElement(grid_1.Col, null,
+                    react_1.default.createElement(HeaderBreadcrumbs_1.default, Object.assign({}, breadcrumbs, { theme: textTheme }))))),
+            react_1.default.createElement(grid_1.Row, null,
+                react_1.default.createElement(grid_1.Col, { reset: true, className: b('content-wrapper') },
+                    react_1.default.createElement(grid_1.Row, null,
+                        react_1.default.createElement(grid_1.Col, { className: b('content', {
+                                offset,
+                                theme: textTheme,
+                                'vertical-offset': curVerticalOffset,
+                            }) },
+                            react_1.default.createElement(grid_1.Col, { sizes: titleSizes, className: b('content-inner') },
+                                overtitle && (react_1.default.createElement("div", { className: b('overtitle') }, typeof overtitle === 'string' ? (react_1.default.createElement(components_1.HTML, null, overtitle)) : (overtitle))),
+                                react_1.default.createElement("h1", { className: b('title'), id: titleId },
+                                    status,
+                                    renderTitle ? renderTitle(title) : react_1.default.createElement(components_1.HTML, null, title)),
+                                description && (react_1.default.createElement("div", { className: b('description', { theme: textTheme }) },
+                                    react_1.default.createElement(YFMWrapper_1.default, { content: description, modifiers: {
+                                            constructor: true,
+                                            constructorTheme: textTheme,
+                                        } }))),
+                                buttons && (react_1.default.createElement("div", { className: b('buttons'), "data-qa": "header-buttons" }, buttons.map((button, index) => (react_1.default.createElement(components_1.RouterLink, { href: button.url, key: index },
+                                    react_1.default.createElement(components_1.Button, Object.assign({ key: index, className: b('button'), size: "xl", extraProps: Object.assign({ 'aria-describedby': titleId }, button.extraProps) }, button))))))),
+                                children))),
+                    hasRightSideImage && (react_1.default.createElement(components_1.Media, { className: b('media', { [curImageSize]: true }), videoClassName: b('video'), imageClassName: b('image'), video: videoThemed, image: imageThemed })))))));
 };
 exports.HeaderBlock = HeaderBlock;
 exports.default = exports.HeaderBlock;
-//# sourceMappingURL=Header.js.map

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

@@ -140,7 +140,7 @@ export declare const HeaderBackgroundProps: {
                 };
                 controls: {
                     type: string;
-                    enum: import("../../index.js").MediaVideoControlsType[];
+                    enum: import("../..").MediaVideoControlsType[];
                 };
                 customControlsOptions: {
                     type: string;
@@ -148,14 +148,14 @@ export declare const HeaderBackgroundProps: {
                     properties: {
                         type: {
                             type: string;
-                            enum: import("../../index.js").CustomControlsType[];
+                            enum: import("../..").CustomControlsType[];
                         };
                         muteButtonShown: {
                             type: string;
                         };
                         positioning: {
                             type: string;
-                            enum: import("../../index.js").CustomControlsButtonPositioning[];
+                            enum: import("../..").CustomControlsButtonPositioning[];
                         };
                     };
                 };
@@ -382,7 +382,7 @@ export declare const HeaderProperties: {
         }) | {
             type: string;
             additionalProperties: boolean;
-            required: import("../../index.js").Theme[];
+            required: import("../..").Theme[];
             properties: {};
             optionName: string;
         })[];
@@ -451,7 +451,7 @@ export declare const HeaderProperties: {
                 };
                 controls: {
                     type: string;
-                    enum: import("../../index.js").MediaVideoControlsType[];
+                    enum: import("../..").MediaVideoControlsType[];
                 };
                 customControlsOptions: {
                     type: string;
@@ -459,14 +459,14 @@ export declare const HeaderProperties: {
                     properties: {
                         type: {
                             type: string;
-                            enum: import("../../index.js").CustomControlsType[];
+                            enum: import("../..").CustomControlsType[];
                         };
                         muteButtonShown: {
                             type: string;
                         };
                         positioning: {
                             type: string;
-                            enum: import("../../index.js").CustomControlsButtonPositioning[];
+                            enum: import("../..").CustomControlsButtonPositioning[];
                         };
                     };
                 };
@@ -482,7 +482,7 @@ export declare const HeaderProperties: {
         }) | {
             type: string;
             additionalProperties: boolean;
-            required: import("../../index.js").Theme[];
+            required: import("../..").Theme[];
             properties: {};
             optionName: string;
         })[];
@@ -655,7 +655,7 @@ export declare const HeaderProperties: {
                         };
                         controls: {
                             type: string;
-                            enum: import("../../index.js").MediaVideoControlsType[];
+                            enum: import("../..").MediaVideoControlsType[];
                         };
                         customControlsOptions: {
                             type: string;
@@ -663,14 +663,14 @@ export declare const HeaderProperties: {
                             properties: {
                                 type: {
                                     type: string;
-                                    enum: import("../../index.js").CustomControlsType[];
+                                    enum: import("../..").CustomControlsType[];
                                 };
                                 muteButtonShown: {
                                     type: string;
                                 };
                                 positioning: {
                                     type: string;
-                                    enum: import("../../index.js").CustomControlsButtonPositioning[];
+                                    enum: import("../..").CustomControlsButtonPositioning[];
                                 };
                             };
                         };
@@ -836,7 +836,7 @@ export declare const HeaderProperties: {
         }) | {
             type: string;
             additionalProperties: boolean;
-            required: import("../../index.js").Theme[];
+            required: import("../..").Theme[];
             properties: {};
             optionName: string;
         })[];
@@ -946,7 +946,7 @@ export declare const HeaderBlock: {
                 }) | {
                     type: string;
                     additionalProperties: boolean;
-                    required: import("../../index.js").Theme[];
+                    required: import("../..").Theme[];
                     properties: {};
                     optionName: string;
                 })[];
@@ -1015,7 +1015,7 @@ export declare const HeaderBlock: {
                         };
                         controls: {
                             type: string;
-                            enum: import("../../index.js").MediaVideoControlsType[];
+                            enum: import("../..").MediaVideoControlsType[];
                         };
                         customControlsOptions: {
                             type: string;
@@ -1023,14 +1023,14 @@ export declare const HeaderBlock: {
                             properties: {
                                 type: {
                                     type: string;
-                                    enum: import("../../index.js").CustomControlsType[];
+                                    enum: import("../..").CustomControlsType[];
                                 };
                                 muteButtonShown: {
                                     type: string;
                                 };
                                 positioning: {
                                     type: string;
-                                    enum: import("../../index.js").CustomControlsButtonPositioning[];
+                                    enum: import("../..").CustomControlsButtonPositioning[];
                                 };
                             };
                         };
@@ -1046,7 +1046,7 @@ export declare const HeaderBlock: {
                 }) | {
                     type: string;
                     additionalProperties: boolean;
-                    required: import("../../index.js").Theme[];
+                    required: import("../..").Theme[];
                     properties: {};
                     optionName: string;
                 })[];
@@ -1219,7 +1219,7 @@ export declare const HeaderBlock: {
                                 };
                                 controls: {
                                     type: string;
-                                    enum: import("../../index.js").MediaVideoControlsType[];
+                                    enum: import("../..").MediaVideoControlsType[];
                                 };
                                 customControlsOptions: {
                                     type: string;
@@ -1227,14 +1227,14 @@ export declare const HeaderBlock: {
                                     properties: {
                                         type: {
                                             type: string;
-                                            enum: import("../../index.js").CustomControlsType[];
+                                            enum: import("../..").CustomControlsType[];
                                         };
                                         muteButtonShown: {
                                             type: string;
                                         };
                                         positioning: {
                                             type: string;
-                                            enum: import("../../index.js").CustomControlsButtonPositioning[];
+                                            enum: import("../..").CustomControlsButtonPositioning[];
                                         };
                                     };
                                 };
@@ -1400,7 +1400,7 @@ export declare const HeaderBlock: {
                 }) | {
                     type: string;
                     additionalProperties: boolean;
-                    required: import("../../index.js").Theme[];
+                    required: import("../..").Theme[];
                     properties: {};
                     optionName: string;
                 })[];

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

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HeaderBlock = exports.HeaderProperties = exports.HeaderBackgroundProps = void 0;
-const schema_1 = require("../../components/Image/schema.js");
-const common_1 = require("../../schema/validators/common.js");
-const utils_1 = require("../../schema/validators/utils.js");
+const schema_1 = require("../../components/Image/schema");
+const common_1 = require("../../schema/validators/common");
+const utils_1 = require("../../schema/validators/utils");
 exports.HeaderBackgroundProps = {
     type: 'object',
     additionalProperties: false,
@@ -101,4 +101,3 @@ exports.HeaderBlock = {
         properties: Object.assign(Object.assign({}, common_1.BlockBaseProps), exports.HeaderProperties),
     },
 };
-//# sourceMappingURL=schema.js.map

package/build/cjs/blocks/Header/utils.d.ts

@@ -1,4 +1,4 @@
-import { HeaderImageSize, HeaderWidth } from "../../models/index.js";
+import { HeaderImageSize, HeaderWidth } from '../../models';
 export declare function titleWithImageSizes(imageSize: HeaderImageSize): {
     md: number;
     all: number;

package/build/cjs/blocks/Header/utils.js

@@ -1,8 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.titleWithImageSizes = titleWithImageSizes;
-exports.getTitleSizes = getTitleSizes;
-exports.getImageSize = getImageSize;
+exports.getImageSize = exports.getTitleSizes = exports.titleWithImageSizes = void 0;
 function titleWithImageSizes(imageSize) {
     switch (imageSize) {
         case 's':
@@ -19,6 +17,7 @@ function titleWithImageSizes(imageSize) {
             return { all: 12 };
     }
 }
+exports.titleWithImageSizes = titleWithImageSizes;
 function getTitleSizes(width) {
     switch (width) {
         case 's':
@@ -39,6 +38,7 @@ function getTitleSizes(width) {
             return { all: 12 };
     }
 }
+exports.getTitleSizes = getTitleSizes;
 function getImageSize(width) {
     switch (width) {
         case 'm':
@@ -48,4 +48,4 @@ function getImageSize(width) {
             return 'm';
     }
 }
-//# sourceMappingURL=utils.js.map
+exports.getImageSize = getImageSize;

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

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

package/build/cjs/blocks/HeaderSlider/HeaderSlider.js

@@ -2,20 +2,20 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HeaderSliderBlock = void 0;
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const mobileContext_1 = require("../../context/mobileContext/index.js");
-const models_1 = require("../../models/index.js");
-const utils_1 = require("../../utils/index.js");
-const Header_1 = tslib_1.__importDefault(require("../Header/Header.js"));
-const index_1 = require("../index.js");
+const react_1 = tslib_1.__importStar(require("react"));
+const mobileContext_1 = require("../../context/mobileContext");
+const models_1 = require("../../models");
+const utils_1 = require("../../utils");
+const Header_1 = tslib_1.__importDefault(require("../Header/Header"));
+const index_1 = require("../index");
 const b = (0, utils_1.block)('header-slider-block');
 const HeaderSliderBlock = (_a) => {
     var { items, arrows } = _a, props = tslib_1.__rest(_a, ["items", "arrows"]);
-    const isMobile = React.useContext(mobileContext_1.MobileContext);
+    const isMobile = (0, react_1.useContext)(mobileContext_1.MobileContext);
     const showArrows = isMobile ? false : arrows;
-    return ((0, jsx_runtime_1.jsx)("div", { className: b('wrapper'), "data-qa": "header-slider", children: (0, jsx_runtime_1.jsx)(index_1.SliderBlock, Object.assign({}, props, { arrows: showArrows, slidesToShow: 1, type: models_1.SliderType.HeaderCard, animated: false, blockClassName: b(), arrowSize: 20, children: items.map((item, index) => ((0, jsx_runtime_1.jsx)("div", { className: b('item'), "data-qa": `header-slider-item-${index + 1}`, children: (0, jsx_runtime_1.jsx)(Header_1.default, Object.assign({}, item, { className: b('item-content') })) }, index))) })) }));
+    return (react_1.default.createElement("div", { className: b('wrapper'), "data-qa": "header-slider" },
+        react_1.default.createElement(index_1.SliderBlock, Object.assign({}, props, { arrows: showArrows, slidesToShow: 1, type: models_1.SliderType.HeaderCard, animated: false, blockClassName: b(), arrowSize: 20 }), items.map((item, index) => (react_1.default.createElement("div", { key: index, className: b('item'), "data-qa": `header-slider-item-${index + 1}` },
+            react_1.default.createElement(Header_1.default, Object.assign({}, item, { className: b('item-content') }))))))));
 };
 exports.HeaderSliderBlock = HeaderSliderBlock;
 exports.default = exports.HeaderSliderBlock;
-//# sourceMappingURL=HeaderSlider.js.map

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

@@ -74,7 +74,7 @@ export declare const HeaderSliderBlock: {
                             }) | {
                                 type: string;
                                 additionalProperties: boolean;
-                                required: import("../../index.js").Theme[];
+                                required: import("../..").Theme[];
                                 properties: {};
                                 optionName: string;
                             })[];
@@ -143,7 +143,7 @@ export declare const HeaderSliderBlock: {
                                     };
                                     controls: {
                                         type: string;
-                                        enum: import("../../index.js").MediaVideoControlsType[];
+                                        enum: import("../..").MediaVideoControlsType[];
                                     };
                                     customControlsOptions: {
                                         type: string;
@@ -151,14 +151,14 @@ export declare const HeaderSliderBlock: {
                                         properties: {
                                             type: {
                                                 type: string;
-                                                enum: import("../../index.js").CustomControlsType[];
+                                                enum: import("../..").CustomControlsType[];
                                             };
                                             muteButtonShown: {
                                                 type: string;
                                             };
                                             positioning: {
                                                 type: string;
-                                                enum: import("../../index.js").CustomControlsButtonPositioning[];
+                                                enum: import("../..").CustomControlsButtonPositioning[];
                                             };
                                         };
                                     };
@@ -174,7 +174,7 @@ export declare const HeaderSliderBlock: {
                             }) | {
                                 type: string;
                                 additionalProperties: boolean;
-                                required: import("../../index.js").Theme[];
+                                required: import("../..").Theme[];
                                 properties: {};
                                 optionName: string;
                             })[];
@@ -347,7 +347,7 @@ export declare const HeaderSliderBlock: {
                                             };
                                             controls: {
                                                 type: string;
-                                                enum: import("../../index.js").MediaVideoControlsType[];
+                                                enum: import("../..").MediaVideoControlsType[];
                                             };
                                             customControlsOptions: {
                                                 type: string;
@@ -355,14 +355,14 @@ export declare const HeaderSliderBlock: {
                                                 properties: {
                                                     type: {
                                                         type: string;
-                                                        enum: import("../../index.js").CustomControlsType[];
+                                                        enum: import("../..").CustomControlsType[];
                                                     };
                                                     muteButtonShown: {
                                                         type: string;
                                                     };
                                                     positioning: {
                                                         type: string;
-                                                        enum: import("../../index.js").CustomControlsButtonPositioning[];
+                                                        enum: import("../..").CustomControlsButtonPositioning[];
                                                     };
                                                 };
                                             };
@@ -528,7 +528,7 @@ export declare const HeaderSliderBlock: {
                             }) | {
                                 type: string;
                                 additionalProperties: boolean;
-                                required: import("../../index.js").Theme[];
+                                required: import("../..").Theme[];
                                 properties: {};
                                 optionName: string;
                             })[];

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

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.HeaderSliderBlock = void 0;
 const tslib_1 = require("tslib");
 const omit_1 = tslib_1.__importDefault(require("lodash/omit"));
-const blocks_1 = require("../../schema/validators/blocks.js");
-const common_1 = require("../../schema/validators/common.js");
+const blocks_1 = require("../../schema/validators/blocks");
+const common_1 = require("../../schema/validators/common");
 exports.HeaderSliderBlock = {
     'header-slider-block': {
         additionalProperties: false,
@@ -20,4 +20,3 @@ exports.HeaderSliderBlock = {
             } }),
     },
 };
-//# sourceMappingURL=schema.js.map

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

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