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

package/build/cjs/blocks/SliderNew/Slider.js

@@ -2,18 +2,17 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SliderNewBlock = void 0;
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
+const react_1 = tslib_1.__importStar(require("react"));
 const swiper_1 = tslib_1.__importStar(require("swiper"));
-const react_1 = require("swiper/react");
-const Anchor_1 = tslib_1.__importDefault(require("../../components/Anchor/Anchor.js"));
-const AnimateBlock_1 = tslib_1.__importDefault(require("../../components/AnimateBlock/AnimateBlock.js"));
-const Title_1 = tslib_1.__importDefault(require("../../components/Title/Title.js"));
-const utils_1 = require("../../utils/index.js");
-const Arrow_1 = tslib_1.__importDefault(require("./Arrow/Arrow.js"));
-const i18n_1 = require("./i18n/index.js");
-const useSlider_1 = require("./useSlider.js");
-const useSliderPagination_1 = require("./useSliderPagination.js");
+const react_2 = require("swiper/react");
+const Anchor_1 = tslib_1.__importDefault(require("../../components/Anchor/Anchor"));
+const AnimateBlock_1 = tslib_1.__importDefault(require("../../components/AnimateBlock/AnimateBlock"));
+const Title_1 = tslib_1.__importDefault(require("../../components/Title/Title"));
+const utils_1 = require("../../utils");
+const Arrow_1 = tslib_1.__importDefault(require("./Arrow/Arrow"));
+const i18n_1 = require("./i18n");
+const useSlider_1 = require("./useSlider");
+const useSliderPagination_1 = require("./useSliderPagination");
 require("swiper/swiper-bundle.css");
 const b = (0, utils_1.block)('SliderNewBlock');
 swiper_1.default.use([swiper_1.Autoplay, swiper_1.A11y, swiper_1.Pagination]);
@@ -34,16 +33,24 @@ const SliderNewBlock = ({ animated, title, description, type, anchorId, arrows =
         bulletActiveClass: b('dot_active'),
         paginationLabel: (0, i18n_1.i18n)('pagination-label'),
     });
-    return ((0, jsx_runtime_1.jsxs)("div", { className: b({
+    return (react_1.default.createElement("div", { className: b({
             'one-slide': childrenCount === 1,
             'only-arrows': !(title === null || title === void 0 ? void 0 : title.text) && !description && arrows,
             'without-dots': !dots || isLocked,
             type,
-        }, blockClassName), children: [anchorId && (0, jsx_runtime_1.jsx)(Anchor_1.default, { id: anchorId }), (0, jsx_runtime_1.jsx)(Title_1.default, { title: title, subtitle: description, className: b('header', { 'no-description': !description }) }), (0, jsx_runtime_1.jsxs)(AnimateBlock_1.default, { className: b('animate-slides'), animate: animated, children: [(0, jsx_runtime_1.jsx)(react_1.Swiper, Object.assign({ className: b('slider', className), onSwiper: onSwiper, speed: 1000, autoplay: autoplay, autoHeight: adaptive, initialSlide: 0, noSwiping: false, breakpoints: breakpoints, onSlideChange: onSlideChange, onSlideChangeTransitionStart: onSlideChangeTransitionStart, onSlideChangeTransitionEnd: onSlideChangeTransitionEnd, onActiveIndexChange: onActiveIndexChange, onBreakpoint: onBreakpoint, onLock: () => setIsLocked(true), onUnlock: () => setIsLocked(false), watchSlidesVisibility: true, watchOverflow: true, a11y: {
-                            slideLabelMessage: '',
-                            paginationBulletMessage: (0, i18n_1.i18n)('dot-label', { index: '{{index}}' }),
-                        } }, paginationProps, { children: React.Children.map(children, (elem, index) => ((0, jsx_runtime_1.jsx)(react_1.SwiperSlide, { className: b('slide'), children: ({ isVisible }) => ((0, jsx_runtime_1.jsx)("div", { className: b('slide-item'), "aria-hidden": !isA11yControlHidden && !isVisible, children: elem })) }, index))) })), arrows && !isLocked && ((0, jsx_runtime_1.jsx)(React.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", { "aria-hidden": isA11yControlHidden, children: [(0, jsx_runtime_1.jsx)(Arrow_1.default, { className: b('arrow', { prev: true }), type: "left", onClick: onPrev, size: arrowSize, extraProps: { tabIndex: controlTabIndex } }), (0, jsx_runtime_1.jsx)(Arrow_1.default, { className: b('arrow', { next: true }), type: "right", onClick: onNext, size: arrowSize, extraProps: { tabIndex: controlTabIndex } })] }) })), (0, jsx_runtime_1.jsx)("div", { className: b('footer'), children: disclaimer ? ((0, jsx_runtime_1.jsx)("div", { className: b('disclaimer', { size: (disclaimer === null || disclaimer === void 0 ? void 0 : disclaimer.size) || 'm' }), children: disclaimer === null || disclaimer === void 0 ? void 0 : disclaimer.text })) : null })] })] }));
+        }, blockClassName) },
+        anchorId && react_1.default.createElement(Anchor_1.default, { id: anchorId }),
+        react_1.default.createElement(Title_1.default, { title: title, subtitle: description, className: b('header', { 'no-description': !description }) }),
+        react_1.default.createElement(AnimateBlock_1.default, { className: b('animate-slides'), animate: animated },
+            react_1.default.createElement(react_2.Swiper, Object.assign({ className: b('slider', className), onSwiper: onSwiper, speed: 1000, autoplay: autoplay, autoHeight: adaptive, initialSlide: 0, noSwiping: false, breakpoints: breakpoints, onSlideChange: onSlideChange, onSlideChangeTransitionStart: onSlideChangeTransitionStart, onSlideChangeTransitionEnd: onSlideChangeTransitionEnd, onActiveIndexChange: onActiveIndexChange, onBreakpoint: onBreakpoint, onLock: () => setIsLocked(true), onUnlock: () => setIsLocked(false), watchSlidesVisibility: true, watchOverflow: true, a11y: {
+                    slideLabelMessage: '',
+                    paginationBulletMessage: (0, i18n_1.i18n)('dot-label', { index: '{{index}}' }),
+                } }, paginationProps), react_1.default.Children.map(children, (elem, index) => (react_1.default.createElement(react_2.SwiperSlide, { className: b('slide'), key: index }, ({ isVisible }) => (react_1.default.createElement("div", { className: b('slide-item'), "aria-hidden": !isA11yControlHidden && !isVisible }, elem)))))),
+            arrows && !isLocked && (react_1.default.createElement(react_1.Fragment, null,
+                react_1.default.createElement("div", { "aria-hidden": isA11yControlHidden },
+                    react_1.default.createElement(Arrow_1.default, { className: b('arrow', { prev: true }), type: "left", onClick: onPrev, size: arrowSize, extraProps: { tabIndex: controlTabIndex } }),
+                    react_1.default.createElement(Arrow_1.default, { className: b('arrow', { next: true }), type: "right", onClick: onNext, size: arrowSize, extraProps: { tabIndex: controlTabIndex } })))),
+            react_1.default.createElement("div", { className: b('footer') }, disclaimer ? (react_1.default.createElement("div", { className: b('disclaimer', { size: (disclaimer === null || disclaimer === void 0 ? void 0 : disclaimer.size) || 'm' }) }, disclaimer === null || disclaimer === void 0 ? void 0 : disclaimer.text)) : null))));
 };
 exports.SliderNewBlock = SliderNewBlock;
 exports.default = exports.SliderNewBlock;
-//# sourceMappingURL=Slider.js.map

package/build/cjs/blocks/SliderNew/i18n/index.d.ts

@@ -1,5 +1 @@
-export declare const i18n: ((key: "arrow-right" | "arrow-left" | "dot-label" | "pagination-label", params?: import("@gravity-ui/i18n").Params) => string) & {
-    keysetData: {
-        "pc-SliderNewBlock": Record<"arrow-right" | "arrow-left" | "dot-label" | "pagination-label", import("@gravity-ui/i18n").KeyData>;
-    };
-};
+export declare const i18n: (key: "arrow-right" | "arrow-left" | "dot-label" | "pagination-label", params?: import("@gravity-ui/i18n").Params | undefined) => string;

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

@@ -3,8 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.i18n = void 0;
 const tslib_1 = require("tslib");
 const i18n_1 = require("@gravity-ui/uikit/i18n");
-const cn_1 = require("../../../utils/cn.js");
+const cn_1 = require("../../../utils/cn");
 const en_json_1 = tslib_1.__importDefault(require("./en.json"));
 const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
 exports.i18n = (0, i18n_1.addComponentKeysets)({ en: en_json_1.default, ru: ru_json_1.default }, `${cn_1.NAMESPACE}SliderNewBlock`);
-//# sourceMappingURL=index.js.map

package/build/cjs/blocks/SliderNew/models.js

@@ -7,5 +7,4 @@ var SliderBreakpointNames;
     SliderBreakpointNames["Sm"] = "sm";
     SliderBreakpointNames["Md"] = "md";
     SliderBreakpointNames["Lg"] = "lg";
-})(SliderBreakpointNames || (exports.SliderBreakpointNames = SliderBreakpointNames = {}));
-//# sourceMappingURL=models.js.map
+})(SliderBreakpointNames = exports.SliderBreakpointNames || (exports.SliderBreakpointNames = {}));

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SliderNewBlock = exports.SliderNewProps = void 0;
-const common_1 = require("../../schema/validators/common.js");
+const common_1 = require("../../schema/validators/common");
 const LoadableProps = {
     additionalProperties: false,
     required: ['source'],
@@ -89,4 +89,3 @@ exports.SliderNewBlock = {
         properties: Object.assign(Object.assign(Object.assign(Object.assign({}, common_1.BlockBaseProps), common_1.AnimatableProps), exports.SliderNewProps), common_1.BlockHeaderProps),
     },
 };
-//# sourceMappingURL=schema.js.map

package/build/cjs/blocks/SliderNew/useSlider.d.ts

@@ -1,7 +1,7 @@
-import * as React from 'react';
+import React, { PropsWithChildren } from 'react';
 import type { Swiper } from 'swiper';
-import { SlidesToShow } from "../../models/index.js";
-type UseSliderProps = React.PropsWithChildren<{
+import { SlidesToShow } from '../../models';
+type UseSliderProps = PropsWithChildren<{
     autoplayMs?: number;
     type?: string;
     slidesToShow?: SlidesToShow;

package/build/cjs/blocks/SliderNew/useSlider.js

@@ -2,17 +2,17 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSlider = void 0;
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const models_1 = require("../../models/index.js");
-const utils_1 = require("./utils.js");
+const react_1 = tslib_1.__importStar(require("react"));
+const models_1 = require("../../models");
+const utils_1 = require("./utils");
 const useSlider = (_a) => {
     var { children, autoplayMs, type } = _a, props = tslib_1.__rest(_a, ["children", "autoplayMs", "type"]);
-    const [slider, setSlider] = React.useState();
-    const [isLocked, setIsLocked] = React.useState(false);
+    const [slider, setSlider] = (0, react_1.useState)();
+    const [isLocked, setIsLocked] = (0, react_1.useState)(false);
     const slidesToShow = (0, utils_1.useMemoized)(props.slidesToShow);
-    const childrenCount = React.Children.count(children);
+    const childrenCount = react_1.default.Children.count(children);
     const autoplayEnabled = autoplayMs !== undefined && autoplayMs > 0;
-    const breakpoints = React.useMemo(() => {
+    const breakpoints = (0, react_1.useMemo)(() => {
         return (0, utils_1.getSliderResponsiveParams)({
             contentLength: childrenCount,
             slidesToShow,
@@ -39,7 +39,7 @@ const useSlider = (_a) => {
         }
         slider.slidePrev();
     };
-    React.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (!slider) {
             return;
         }
@@ -66,4 +66,3 @@ const useSlider = (_a) => {
     };
 };
 exports.useSlider = useSlider;
-//# sourceMappingURL=useSlider.js.map

package/build/cjs/blocks/SliderNew/useSliderPagination.d.ts

@@ -6,4 +6,4 @@ export declare const useSliderPagination: (props: {
     bulletClass: string;
     bulletActiveClass: string;
     paginationLabel: string;
-}) => Pick<SwiperProps, "pagination" | "onPaginationUpdate"> | undefined;
+}) => Pick<SwiperProps, 'pagination' | 'onPaginationUpdate'> | undefined;

package/build/cjs/blocks/SliderNew/useSliderPagination.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSliderPagination = void 0;
-const utils_1 = require("./utils.js");
+const utils_1 = require("./utils");
 const useSliderPagination = (props) => {
     if (!props.enabled) {
         return undefined;
@@ -34,4 +34,3 @@ const useSliderPagination = (props) => {
     };
 };
 exports.useSliderPagination = useSliderPagination;
-//# sourceMappingURL=useSliderPagination.js.map

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

@@ -1,5 +1,5 @@
 import type { SwiperOptions } from 'swiper/types/swiper-options';
-import { SlidesToShow } from "./models.js";
+import { SlidesToShow } from './models';
 export declare const DEFAULT_SLIDE_BREAKPOINTS: {
     lg: number;
     md: number;

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

@@ -1,13 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.setElementAtrributes = exports.useMemoized = exports.DEFAULT_SLIDE_BREAKPOINTS = void 0;
-exports.getSliderResponsiveParams = getSliderResponsiveParams;
+exports.setElementAtrributes = exports.useMemoized = exports.getSliderResponsiveParams = exports.DEFAULT_SLIDE_BREAKPOINTS = void 0;
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const react_1 = require("react");
 const isEqual_1 = tslib_1.__importDefault(require("lodash/isEqual"));
 const pickBy_1 = tslib_1.__importDefault(require("lodash/pickBy"));
-const constants_1 = require("../../constants.js");
-const models_1 = require("./models.js");
+const constants_1 = require("../../constants");
+const models_1 = require("./models");
 exports.DEFAULT_SLIDE_BREAKPOINTS = {
     [models_1.SliderBreakpointNames.Lg]: 3,
     [models_1.SliderBreakpointNames.Md]: 2,
@@ -31,9 +30,10 @@ function getSliderResponsiveParams({ contentLength, slidesToShow, mobileFullscre
         return res;
     }, {});
 }
+exports.getSliderResponsiveParams = getSliderResponsiveParams;
 const useMemoized = (value) => {
-    const [memoizedValue, setMemoizedValue] = React.useState(value);
-    React.useEffect(() => {
+    const [memoizedValue, setMemoizedValue] = (0, react_1.useState)(value);
+    (0, react_1.useEffect)(() => {
         setMemoizedValue((memoized) => value && typeof value === 'object' && (0, isEqual_1.default)(memoized, value) ? memoized : value);
     }, [value]);
     return memoizedValue;
@@ -41,4 +41,3 @@ const useMemoized = (value) => {
 exports.useMemoized = useMemoized;
 const setElementAtrributes = (element, attributes) => Object.entries(attributes).forEach(([attribute, value]) => element.setAttribute(attribute, String(value)));
 exports.setElementAtrributes = setElementAtrributes;
-//# sourceMappingURL=utils.js.map

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

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

package/build/cjs/blocks/Table/Table.js

@@ -1,15 +1,21 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TableBlock = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const components_1 = require("../../components/index.js");
-const grid_1 = require("../../grid/index.js");
-const utils_1 = require("../../utils/index.js");
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const components_1 = require("../../components");
+const grid_1 = require("../../grid");
+const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('table-block');
 const TableBlock = (props) => {
     const { title, table } = props;
-    return ((0, jsx_runtime_1.jsx)("div", { className: b(), children: (0, jsx_runtime_1.jsx)(grid_1.Grid, { className: b('content'), children: (0, jsx_runtime_1.jsxs)(grid_1.Row, { className: b('row'), children: [(0, jsx_runtime_1.jsx)(grid_1.Col, { sizes: { [grid_1.GridColumnSize.Md]: 4, [grid_1.GridColumnSize.All]: 12 }, children: (0, jsx_runtime_1.jsx)("h2", { className: b('title'), children: title }) }), (0, jsx_runtime_1.jsx)(grid_1.Col, { sizes: { [grid_1.GridColumnSize.Md]: 8, [grid_1.GridColumnSize.All]: 12 }, children: (0, jsx_runtime_1.jsx)(components_1.Table, Object.assign({ className: b('table') }, table)) })] }) }) }));
+    return (react_1.default.createElement("div", { className: b() },
+        react_1.default.createElement(grid_1.Grid, { className: b('content') },
+            react_1.default.createElement(grid_1.Row, { className: b('row') },
+                react_1.default.createElement(grid_1.Col, { sizes: { [grid_1.GridColumnSize.Md]: 4, [grid_1.GridColumnSize.All]: 12 } },
+                    react_1.default.createElement("h2", { className: b('title') }, title)),
+                react_1.default.createElement(grid_1.Col, { sizes: { [grid_1.GridColumnSize.Md]: 8, [grid_1.GridColumnSize.All]: 12 } },
+                    react_1.default.createElement(components_1.Table, Object.assign({ className: b('table') }, table)))))));
 };
 exports.TableBlock = TableBlock;
 exports.default = exports.TableBlock;
-//# sourceMappingURL=Table.js.map

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TableBlock = void 0;
-const common_1 = require("../../schema/validators/common.js");
+const common_1 = require("../../schema/validators/common");
 exports.TableBlock = {
     'table-block': {
         additionalProperties: false,
@@ -51,4 +51,3 @@ exports.TableBlock = {
             } }),
     },
 };
-//# sourceMappingURL=schema.js.map

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

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

package/build/cjs/blocks/Tabs/Tabs.js

@@ -2,49 +2,47 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TabsBlock = void 0;
 const tslib_1 = require("tslib");
-const react_1 = require("react");
-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 AnimateBlock_1 = tslib_1.__importDefault(require("../../components/AnimateBlock/AnimateBlock.js"));
-const ButtonTabs_1 = tslib_1.__importDefault(require("../../components/ButtonTabs/ButtonTabs.js"));
-const FullscreenImage_1 = tslib_1.__importDefault(require("../../components/FullscreenImage/FullscreenImage.js"));
-const utils_1 = require("../../components/Media/Image/utils.js");
-const Media_1 = tslib_1.__importDefault(require("../../components/Media/Media.js"));
-const Title_1 = tslib_1.__importDefault(require("../../components/Title/Title.js"));
-const VideoBlock_1 = require("../../components/VideoBlock/VideoBlock.js");
-const YFMWrapper_1 = tslib_1.__importDefault(require("../../components/YFMWrapper/YFMWrapper.js"));
-const theme_1 = require("../../context/theme/index.js");
-const grid_1 = require("../../grid/index.js");
-const utils_2 = require("../../utils/index.js");
-const microdata_1 = require("../../utils/microdata.js");
-const TabsTextContent_1 = tslib_1.__importDefault(require("./TabsTextContent/TabsTextContent.js"));
+const AnimateBlock_1 = tslib_1.__importDefault(require("../../components/AnimateBlock/AnimateBlock"));
+const ButtonTabs_1 = tslib_1.__importDefault(require("../../components/ButtonTabs/ButtonTabs"));
+const FullscreenImage_1 = tslib_1.__importDefault(require("../../components/FullscreenImage/FullscreenImage"));
+const utils_1 = require("../../components/Media/Image/utils");
+const Media_1 = tslib_1.__importDefault(require("../../components/Media/Media"));
+const Title_1 = tslib_1.__importDefault(require("../../components/Title/Title"));
+const VideoBlock_1 = require("../../components/VideoBlock/VideoBlock");
+const YFMWrapper_1 = tslib_1.__importDefault(require("../../components/YFMWrapper/YFMWrapper"));
+const theme_1 = require("../../context/theme");
+const grid_1 = require("../../grid");
+const utils_2 = require("../../utils");
+const microdata_1 = require("../../utils/microdata");
+const TabsTextContent_1 = tslib_1.__importDefault(require("./TabsTextContent/TabsTextContent"));
 const b = (0, utils_2.block)('tabs-block');
 // eslint-disable-next-line complexity
 const TabsBlock = ({ items, title, description, animated, tabsColSizes, centered, direction = 'media-content', contentSize = 's', }) => {
     var _a, _b;
-    const [activeTab, setActiveTab] = React.useState(items[0].tabName);
-    const [play, setPlay] = React.useState(false);
+    const [activeTab, setActiveTab] = (0, react_1.useState)(items[0].tabName);
+    const [play, setPlay] = (0, react_1.useState)(false);
     const theme = (0, theme_1.useTheme)();
     const tabs = items.map(({ tabName }) => ({ title: tabName, id: tabName }));
     const activeTabData = items.find(({ tabName }) => tabName === activeTab);
     const isReverse = direction === 'content-media';
-    const ref = React.useRef(null);
+    const ref = (0, react_1.useRef)(null);
     const mediaWidth = (_a = ref === null || ref === void 0 ? void 0 : ref.current) === null || _a === void 0 ? void 0 : _a.offsetWidth;
     const captionId = (0, uikit_1.useUniqId)();
     const themedMedia = (0, utils_2.getThemedValue)(activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.media, theme);
     const hasNoImage = !(themedMedia === null || themedMedia === void 0 ? void 0 : themedMedia.image) && !(activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.image);
     const mediaVideoHeight = hasNoImage && mediaWidth && (0, VideoBlock_1.getHeight)(mediaWidth);
-    const [minImageHeight, setMinImageHeight] = React.useState((_b = ref === null || ref === void 0 ? void 0 : ref.current) === null || _b === void 0 ? void 0 : _b.offsetHeight);
+    const [minImageHeight, setMinImageHeight] = (0, react_1.useState)((_b = ref === null || ref === void 0 ? void 0 : ref.current) === null || _b === void 0 ? void 0 : _b.offsetHeight);
     // TODO remove property support activeTabData?.image. Use only activeTabData?.media?.image
     let imageProps;
-    const handleImageHeight = React.useCallback(() => {
+    const handleImageHeight = (0, react_1.useCallback)(() => {
         var _a, _b;
         if (minImageHeight !== ((_a = ref === null || ref === void 0 ? void 0 : ref.current) === null || _a === void 0 ? void 0 : _a.offsetHeight)) {
             setMinImageHeight((_b = ref === null || ref === void 0 ? void 0 : ref.current) === null || _b === void 0 ? void 0 : _b.offsetHeight);
         }
     }, [minImageHeight]);
-    const onSelectTab = React.useCallback((id, e) => {
+    const onSelectTab = (0, react_1.useCallback)((id, e) => {
         setActiveTab(id);
         e.currentTarget.scrollIntoView({
             inline: 'center',
@@ -52,7 +50,7 @@ const TabsBlock = ({ items, title, description, animated, tabsColSizes, centered
             block: 'nearest',
         });
     }, []);
-    React.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         handleImageHeight();
     }, [activeTab, handleImageHeight]);
     if (activeTabData) {
@@ -67,18 +65,31 @@ const TabsBlock = ({ items, title, description, animated, tabsColSizes, centered
     const showMedia = Boolean((activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.media) || imageProps);
     const showText = Boolean(activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.text);
     const border = (activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.border) || 'shadow';
-    const textContent = showText && ((0, jsx_runtime_1.jsx)(TabsTextContent_1.default, { showMedia: showMedia, data: activeTabData, imageProps: imageProps ? imageProps : undefined, isReverse: isReverse, contentSize: contentSize, centered: centered }));
-    const mediaContent = showMedia && ((0, jsx_runtime_1.jsxs)(grid_1.Col, { sizes: { all: 12, md: 8 }, orders: {
+    const textContent = showText && (react_1.default.createElement(TabsTextContent_1.default, { showMedia: showMedia, data: activeTabData, imageProps: imageProps ? imageProps : undefined, isReverse: isReverse, contentSize: contentSize, centered: centered }));
+    const mediaContent = showMedia && (react_1.default.createElement(grid_1.Col, { sizes: { all: 12, md: 8 }, orders: {
             all: grid_1.GridColumnOrderClasses.Last,
             md: grid_1.GridColumnOrderClasses.First,
-        }, className: b('col', { centered: centered }), children: [(activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.media) && ((0, jsx_runtime_1.jsx)("div", { style: { minHeight: mediaVideoHeight || minImageHeight }, children: (0, jsx_runtime_1.jsx)("div", { ref: ref, children: (0, react_1.createElement)(Media_1.default, Object.assign({}, (0, microdata_1.mergeVideoMicrodata)((0, utils_2.getThemedValue)(activeTabData.media, theme), {
-                        name: activeTabData.tabName,
-                        description: activeTabData.caption
-                            ? activeTabData.caption
-                            : undefined,
-                    }), { key: activeTab, className: b('media', { border }), playVideo: play, height: mediaVideoHeight || undefined, onImageLoad: handleImageHeight })) }) })), imageProps && ((0, jsx_runtime_1.jsx)(React.Fragment, { children: (0, jsx_runtime_1.jsx)(FullscreenImage_1.default, Object.assign({}, imageProps, { imageClassName: b('image', { border }) })) })), (activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.caption) && ((0, jsx_runtime_1.jsx)("p", { className: b('caption'), id: captionId, children: (0, jsx_runtime_1.jsx)(YFMWrapper_1.default, { content: activeTabData.caption, modifiers: { constructor: true }, id: captionId }) }))] }));
-    return ((0, jsx_runtime_1.jsxs)(AnimateBlock_1.default, { className: b(), onScroll: () => setPlay(true), animate: animated, children: [(0, jsx_runtime_1.jsx)(Title_1.default, { title: title, subtitle: description, className: b('title', { centered: centered }) }), (0, jsx_runtime_1.jsx)(grid_1.Row, { justifyContent: centered ? grid_1.GridJustifyContent.Center : undefined, children: (0, jsx_runtime_1.jsx)(grid_1.Col, { sizes: tabsColSizes, children: (0, jsx_runtime_1.jsx)(ButtonTabs_1.default, { items: tabs, onSelectTab: onSelectTab, activeTab: activeTab, className: b('tabs', { centered: centered }) }) }) }), activeTabData && ((0, jsx_runtime_1.jsxs)(grid_1.Row, { className: b('row', { reverse: isReverse }), children: [mediaContent, textContent] }))] }));
+        }, className: b('col', { centered: centered }) },
+        (activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.media) && (react_1.default.createElement("div", { style: { minHeight: mediaVideoHeight || minImageHeight } },
+            react_1.default.createElement("div", { ref: ref },
+                react_1.default.createElement(Media_1.default, Object.assign({}, (0, microdata_1.mergeVideoMicrodata)((0, utils_2.getThemedValue)(activeTabData.media, theme), {
+                    name: activeTabData.tabName,
+                    description: activeTabData.caption
+                        ? activeTabData.caption
+                        : undefined,
+                }), { key: activeTab, className: b('media', { border }), playVideo: play, height: mediaVideoHeight || undefined, onImageLoad: handleImageHeight }))))),
+        imageProps && (react_1.default.createElement(react_1.Fragment, null,
+            react_1.default.createElement(FullscreenImage_1.default, Object.assign({}, imageProps, { imageClassName: b('image', { border }) })))),
+        (activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.caption) && (react_1.default.createElement("p", { className: b('caption'), id: captionId },
+            react_1.default.createElement(YFMWrapper_1.default, { content: activeTabData.caption, modifiers: { constructor: true }, id: captionId })))));
+    return (react_1.default.createElement(AnimateBlock_1.default, { className: b(), onScroll: () => setPlay(true), animate: animated },
+        react_1.default.createElement(Title_1.default, { title: title, subtitle: description, className: b('title', { centered: centered }) }),
+        react_1.default.createElement(grid_1.Row, { justifyContent: centered ? grid_1.GridJustifyContent.Center : undefined },
+            react_1.default.createElement(grid_1.Col, { sizes: tabsColSizes },
+                react_1.default.createElement(ButtonTabs_1.default, { items: tabs, onSelectTab: onSelectTab, activeTab: activeTab, className: b('tabs', { centered: centered }) }))),
+        activeTabData && (react_1.default.createElement(grid_1.Row, { className: b('row', { reverse: isReverse }) },
+            mediaContent,
+            textContent))));
 };
 exports.TabsBlock = TabsBlock;
 exports.default = exports.TabsBlock;
-//# sourceMappingURL=Tabs.js.map

package/build/cjs/blocks/Tabs/TabsTextContent/TabsTextContent.d.ts

@@ -1,4 +1,4 @@
-import { ImageDeviceProps, ImageObjectProps, TabsBlockItem, TabsBlockProps } from "../../../models/index.js";
+import { ImageDeviceProps, ImageObjectProps, TabsBlockItem, TabsBlockProps } from '../../../models';
 interface TextContentProps extends Pick<TabsBlockProps, 'centered' | 'contentSize'> {
     showMedia: boolean;
     isReverse: boolean;
@@ -6,5 +6,5 @@ interface TextContentProps extends Pick<TabsBlockProps, 'centered' | 'contentSiz
     centered?: boolean;
     imageProps?: ImageObjectProps | ImageDeviceProps;
 }
-export declare const TabsTextContent: ({ centered, contentSize, showMedia, data, imageProps, isReverse, }: TextContentProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const TabsTextContent: ({ centered, contentSize, showMedia, data, imageProps, isReverse, }: TextContentProps) => JSX.Element | null;
 export default TabsTextContent;

package/build/cjs/blocks/Tabs/TabsTextContent/TabsTextContent.js

@@ -1,21 +1,23 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TabsTextContent = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const grid_1 = require("../../../grid/index.js");
-const sub_blocks_1 = require("../../../sub-blocks/index.js");
-const utils_1 = require("../../../utils/index.js");
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const grid_1 = require("../../../grid");
+const sub_blocks_1 = require("../../../sub-blocks");
+const utils_1 = require("../../../utils");
 const b = (0, utils_1.block)('tabs-block-text-content');
 const TabsTextContent = ({ centered, contentSize = 's', showMedia, data, imageProps, isReverse, }) => {
     if (!data) {
         return null;
     }
     const { media, title, text, additionalInfo, link, links, buttons, list } = data;
-    return ((0, jsx_runtime_1.jsx)(grid_1.Col, { sizes: { all: 12, md: showMedia ? 4 : 8 }, className: b({ centered: centered }), children: (0, jsx_runtime_1.jsx)("div", { className: b('wrapper', {
+    return (react_1.default.createElement(grid_1.Col, { sizes: { all: 12, md: showMedia ? 4 : 8 }, className: b({ centered: centered }) },
+        react_1.default.createElement("div", { className: b('wrapper', {
                 reverse: isReverse,
                 'no-image': !(media || imageProps),
-            }), children: (0, jsx_runtime_1.jsx)(sub_blocks_1.Content, { title: title, text: text, additionalInfo: additionalInfo, size: contentSize, list: list, links: [...(link ? [link] : []), ...(links || [])], buttons: buttons, colSizes: { all: 12 } }) }) }));
+            }) },
+            react_1.default.createElement(sub_blocks_1.Content, { title: title, text: text, additionalInfo: additionalInfo, size: contentSize, list: list, links: [...(link ? [link] : []), ...(links || [])], buttons: buttons, colSizes: { all: 12 } }))));
 };
 exports.TabsTextContent = TabsTextContent;
 exports.default = exports.TabsTextContent;
-//# sourceMappingURL=TabsTextContent.js.map

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

@@ -145,7 +145,7 @@ export declare const tabsItem: {
                             };
                             controls: {
                                 type: string;
-                                enum: import("../../index.js").MediaVideoControlsType[];
+                                enum: import("../..").MediaVideoControlsType[];
                             };
                             customControlsOptions: {
                                 type: string;
@@ -153,14 +153,14 @@ export declare const tabsItem: {
                                 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[];
                                     };
                                 };
                             };
@@ -326,7 +326,7 @@ export declare const tabsItem: {
             }) | {
                 type: string;
                 additionalProperties: boolean;
-                required: import("../../index.js").Theme[];
+                required: import("../..").Theme[];
                 properties: {};
                 optionName: string;
             })[];
@@ -480,7 +480,7 @@ export declare const tabsItem: {
             }) | {
                 type: string;
                 additionalProperties: boolean;
-                required: import("../../index.js").Theme[];
+                required: import("../..").Theme[];
                 properties: {};
                 optionName: string;
             })[];

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

@@ -3,10 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TabsBlock = exports.tabsItem = 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 common_1 = require("../../schema/validators/common.js");
-const utils_1 = require("../../schema/validators/utils.js");
-const schema_2 = require("../../sub-blocks/Content/schema.js");
+const schema_1 = require("../../components/Image/schema");
+const common_1 = require("../../schema/validators/common");
+const utils_1 = require("../../schema/validators/utils");
+const schema_2 = require("../../sub-blocks/Content/schema");
 const TabsItemContentProps = (0, omit_1.default)(schema_2.ContentBase, ['size', 'colSizes', 'centered', 'theme']);
 exports.tabsItem = {
     type: 'object',
@@ -40,4 +40,3 @@ exports.TabsBlock = {
             } }),
     },
 };
-//# sourceMappingURL=schema.js.map

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

@@ -1,19 +1,19 @@
-export { default as BannerBlock } from "./Banner/Banner.js";
-export { default as CompaniesBlock } from "./Companies/Companies.js";
-export { default as InfoBlock } from "./Info/Info.js";
-export { default as MediaBlock } from "./Media/Media.js";
-export { default as MapBlock } from "./Map/Map.js";
-export { default as SliderBlock } from "./Slider/Slider.js";
-export { default as ExtendedFeaturesBlock } from "./ExtendedFeatures/ExtendedFeatures.js";
-export { default as PromoFeaturesBlock } from "./PromoFeaturesBlock/PromoFeaturesBlock.js";
-export { default as QuestionsBlock } from "./Questions/Questions.js";
-export { default as TableBlock } from "./Table/Table.js";
-export { default as TabsBlock } from "./Tabs/Tabs.js";
-export { default as HeaderBlock } from "./Header/Header.js";
-export { default as IconsBlock } from "./Icons/Icons.js";
-export { default as HeaderSliderBlock } from "./HeaderSlider/HeaderSlider.js";
-export { default as CardLayoutBlock } from "./CardLayout/CardLayout.js";
-export { default as ContentLayoutBlock } from "./ContentLayout/ContentLayout.js";
-export { default as ShareBlock } from "./Share/Share.js";
-export { default as FilterBlock } from "./FilterBlock/FilterBlock.js";
-export { default as FormBlock } from "./Form/Form.js";
+export { default as BannerBlock } from './Banner/Banner';
+export { default as CompaniesBlock } from './Companies/Companies';
+export { default as InfoBlock } from './Info/Info';
+export { default as MediaBlock } from './Media/Media';
+export { default as MapBlock } from './Map/Map';
+export { default as SliderBlock } from './Slider/Slider';
+export { default as ExtendedFeaturesBlock } from './ExtendedFeatures/ExtendedFeatures';
+export { default as PromoFeaturesBlock } from './PromoFeaturesBlock/PromoFeaturesBlock';
+export { default as QuestionsBlock } from './Questions/Questions';
+export { default as TableBlock } from './Table/Table';
+export { default as TabsBlock } from './Tabs/Tabs';
+export { default as HeaderBlock } from './Header/Header';
+export { default as IconsBlock } from './Icons/Icons';
+export { default as HeaderSliderBlock } from './HeaderSlider/HeaderSlider';
+export { default as CardLayoutBlock } from './CardLayout/CardLayout';
+export { default as ContentLayoutBlock } from './ContentLayout/ContentLayout';
+export { default as ShareBlock } from './Share/Share';
+export { default as FilterBlock } from './FilterBlock/FilterBlock';
+export { default as FormBlock } from './Form/Form';