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

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

@@ -1,22 +1,21 @@
-"use strict";
-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 useSlider = (_a) => {
+import { createRequire as _createRequire } from "module";
+const __require = _createRequire(import.meta.url);
+const tslib_1 = __require("tslib");
+import * as React from 'react';
+import { SliderType } from '../../models';
+import { getSliderResponsiveParams, useMemoized } from './utils';
+export 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 slidesToShow = (0, utils_1.useMemoized)(props.slidesToShow);
+    const slidesToShow = useMemoized(props.slidesToShow);
     const childrenCount = React.Children.count(children);
     const autoplayEnabled = autoplayMs !== undefined && autoplayMs > 0;
     const breakpoints = React.useMemo(() => {
-        return (0, utils_1.getSliderResponsiveParams)({
+        return getSliderResponsiveParams({
             contentLength: childrenCount,
             slidesToShow,
-            mobileFullscreen: Boolean(type && Object.values(models_1.SliderType).includes(type)),
+            mobileFullscreen: Boolean(type && Object.values(SliderType).includes(type)),
         });
     }, [slidesToShow, type, childrenCount]);
     const handleNext = () => {
@@ -65,5 +64,3 @@ const useSlider = (_a) => {
         },
     };
 };
-exports.useSlider = useSlider;
-//# sourceMappingURL=useSlider.js.map

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

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSliderPagination = void 0;
-const utils_1 = require("./utils.js");
-const useSliderPagination = (props) => {
+import { setElementAtrributes } from './utils';
+export const useSliderPagination = (props) => {
     if (!props.enabled) {
         return undefined;
     }
@@ -15,7 +12,7 @@ const useSliderPagination = (props) => {
         },
         onPaginationUpdate: (slider) => {
             const pagination = slider.pagination.el;
-            (0, utils_1.setElementAtrributes)(pagination, {
+            setElementAtrributes(pagination, {
                 role: 'menu',
                 'aria-hidden': isA11yControlHidden,
                 'aria-label': paginationLabel,
@@ -23,7 +20,7 @@ const useSliderPagination = (props) => {
             const bullets = pagination.querySelectorAll(`.${bulletClass}`);
             bullets.forEach((bullet) => {
                 const isActive = bullet.classList.contains(bulletActiveClass);
-                (0, utils_1.setElementAtrributes)(bullet, {
+                setElementAtrributes(bullet, {
                     role: 'menuitemradio',
                     'aria-hidden': isA11yControlHidden,
                     'aria-checked': isActive,
@@ -33,5 +30,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,44 +1,36 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.setElementAtrributes = exports.useMemoized = exports.DEFAULT_SLIDE_BREAKPOINTS = void 0;
-exports.getSliderResponsiveParams = getSliderResponsiveParams;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(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");
-exports.DEFAULT_SLIDE_BREAKPOINTS = {
-    [models_1.SliderBreakpointNames.Lg]: 3,
-    [models_1.SliderBreakpointNames.Md]: 2,
-    [models_1.SliderBreakpointNames.Sm]: 2,
-    [models_1.SliderBreakpointNames.Xs]: 1.15,
+import * as React from 'react';
+import isEqual from 'lodash/isEqual';
+import pickBy from 'lodash/pickBy';
+import { BREAKPOINTS } from '../../constants';
+import { SliderBreakpointNames } from './models';
+export const DEFAULT_SLIDE_BREAKPOINTS = {
+    [SliderBreakpointNames.Lg]: 3,
+    [SliderBreakpointNames.Md]: 2,
+    [SliderBreakpointNames.Sm]: 2,
+    [SliderBreakpointNames.Xs]: 1.15,
 };
-function getSliderResponsiveParams({ contentLength, slidesToShow, mobileFullscreen, }) {
+export function getSliderResponsiveParams({ contentLength, slidesToShow, mobileFullscreen, }) {
     let result;
     if (typeof slidesToShow === 'number') {
-        result = Object.keys(exports.DEFAULT_SLIDE_BREAKPOINTS).reduce((acc, breakpointName) => (Object.assign(Object.assign({}, acc), { [breakpointName]: slidesToShow })), {});
+        result = Object.keys(DEFAULT_SLIDE_BREAKPOINTS).reduce((acc, breakpointName) => (Object.assign(Object.assign({}, acc), { [breakpointName]: slidesToShow })), {});
     }
     else {
-        result = slidesToShow || exports.DEFAULT_SLIDE_BREAKPOINTS;
+        result = slidesToShow || DEFAULT_SLIDE_BREAKPOINTS;
     }
-    const showCount = Object.assign(Object.assign(Object.assign({}, exports.DEFAULT_SLIDE_BREAKPOINTS), (0, pickBy_1.default)(result, (value) => !isNaN(value))), { xs: !mobileFullscreen && contentLength > 1 ? exports.DEFAULT_SLIDE_BREAKPOINTS.xs : 1 });
+    const showCount = Object.assign(Object.assign(Object.assign({}, DEFAULT_SLIDE_BREAKPOINTS), pickBy(result, (value) => !isNaN(value))), { xs: !mobileFullscreen && contentLength > 1 ? DEFAULT_SLIDE_BREAKPOINTS.xs : 1 });
     return Object.entries(showCount).reduce((res, [breakpointName, value]) => {
         // eslint-disable-next-line no-param-reassign
-        res[constants_1.BREAKPOINTS[breakpointName] + 1] = {
+        res[BREAKPOINTS[breakpointName] + 1] = {
             slidesPerView: value,
         };
         return res;
     }, {});
 }
-const useMemoized = (value) => {
+export const useMemoized = (value) => {
     const [memoizedValue, setMemoizedValue] = React.useState(value);
     React.useEffect(() => {
-        setMemoizedValue((memoized) => value && typeof value === 'object' && (0, isEqual_1.default)(memoized, value) ? memoized : value);
+        setMemoizedValue((memoized) => value && typeof value === 'object' && isEqual(memoized, value) ? memoized : value);
     }, [value]);
     return memoizedValue;
 };
-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
+export const setElementAtrributes = (element, attributes) => Object.entries(attributes).forEach(([attribute, value]) => element.setAttribute(attribute, String(value)));

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

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

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

@@ -1,15 +1,10 @@
-"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 b = (0, utils_1.block)('table-block');
-const TableBlock = (props) => {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Table } from '../../components';
+import { Col, Grid, GridColumnSize, Row } from '../../grid';
+import { block } from '../../utils';
+const b = block('table-block');
+export 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 (_jsx("div", { className: b(), children: _jsx(Grid, { className: b('content'), children: _jsxs(Row, { className: b('row'), children: [_jsx(Col, { sizes: { [GridColumnSize.Md]: 4, [GridColumnSize.All]: 12 }, children: _jsx("h2", { className: b('title'), children: title }) }), _jsx(Col, { sizes: { [GridColumnSize.Md]: 8, [GridColumnSize.All]: 12 }, children: _jsx(Table, Object.assign({ className: b('table') }, table)) })] }) }) }));
 };
-exports.TableBlock = TableBlock;
-exports.default = exports.TableBlock;
-//# sourceMappingURL=Table.js.map
+export default TableBlock;

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

@@ -1,18 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TableBlock = void 0;
-const common_1 = require("../../schema/validators/common.js");
-exports.TableBlock = {
+import { BaseProps, BlockBaseProps, JustifyProps } from '../../schema/validators/common';
+export const TableBlock = {
     'table-block': {
         additionalProperties: false,
         required: ['title', 'table'],
-        properties: Object.assign(Object.assign({}, common_1.BlockBaseProps), { title: {
+        properties: Object.assign(Object.assign({}, BlockBaseProps), { title: {
                 type: 'string',
                 contentType: 'text',
             }, table: {
                 additionalProperties: false,
                 required: ['content'],
-                properties: Object.assign(Object.assign({}, common_1.BaseProps), { content: {
+                properties: Object.assign(Object.assign({}, BaseProps), { content: {
                         type: 'array',
                         items: {
                             type: 'array',
@@ -41,7 +38,7 @@ exports.TableBlock = {
                         type: 'boolean',
                     }, justify: {
                         type: 'array',
-                        items: common_1.JustifyProps,
+                        items: JustifyProps,
                     }, marker: {
                         type: 'string',
                         enum: ['disk', 'tick'],
@@ -51,4 +48,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";
+import { TabsBlockProps } from '../../models';
 export declare const TabsBlock: ({ items, title, description, animated, tabsColSizes, centered, direction, contentSize, }: TabsBlockProps) => import("react/jsx-runtime").JSX.Element;
 export default TabsBlock;

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

@@ -1,40 +1,36 @@
-"use strict";
-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 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 b = (0, utils_2.block)('tabs-block');
+import { createElement as _createElement } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useUniqId } from '@gravity-ui/uikit';
+import * as React from 'react';
+import AnimateBlock from '../../components/AnimateBlock/AnimateBlock';
+import ButtonTabs from '../../components/ButtonTabs/ButtonTabs';
+import FullscreenImage from '../../components/FullscreenImage/FullscreenImage';
+import { getMediaImage } from '../../components/Media/Image/utils';
+import Media from '../../components/Media/Media';
+import Title from '../../components/Title/Title';
+import { getHeight } from '../../components/VideoBlock/VideoBlock';
+import YFMWrapper from '../../components/YFMWrapper/YFMWrapper';
+import { useTheme } from '../../context/theme';
+import { Col, GridColumnOrderClasses, GridJustifyContent, Row } from '../../grid';
+import { block, getThemedValue } from '../../utils';
+import { mergeVideoMicrodata } from '../../utils/microdata';
+import TabsTextContent from './TabsTextContent/TabsTextContent';
+const b = block('tabs-block');
 // eslint-disable-next-line complexity
-const TabsBlock = ({ items, title, description, animated, tabsColSizes, centered, direction = 'media-content', contentSize = 's', }) => {
+export 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 theme = (0, theme_1.useTheme)();
+    const theme = 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 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 captionId = useUniqId();
+    const themedMedia = 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 mediaVideoHeight = hasNoImage && mediaWidth && 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);
     // TODO remove property support activeTabData?.image. Use only activeTabData?.media?.image
     let imageProps;
@@ -56,8 +52,8 @@ const TabsBlock = ({ items, title, description, animated, tabsColSizes, centered
         handleImageHeight();
     }, [activeTab, handleImageHeight]);
     if (activeTabData) {
-        const themedImage = (0, utils_2.getThemedValue)(activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.image, theme);
-        imageProps = themedImage && (0, utils_1.getMediaImage)(themedImage);
+        const themedImage = getThemedValue(activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.image, theme);
+        imageProps = themedImage && getMediaImage(themedImage);
         if (activeTabData.caption && imageProps) {
             Object.assign(imageProps, {
                 'aria-describedby': captionId,
@@ -67,18 +63,16 @@ 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: {
-            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), {
+    const textContent = showText && (_jsx(TabsTextContent, { showMedia: showMedia, data: activeTabData, imageProps: imageProps ? imageProps : undefined, isReverse: isReverse, contentSize: contentSize, centered: centered }));
+    const mediaContent = showMedia && (_jsxs(Col, { sizes: { all: 12, md: 8 }, orders: {
+            all: GridColumnOrderClasses.Last,
+            md: GridColumnOrderClasses.First,
+        }, className: b('col', { centered: centered }), children: [(activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.media) && (_jsx("div", { style: { minHeight: mediaVideoHeight || minImageHeight }, children: _jsx("div", { ref: ref, children: _createElement(Media, Object.assign({}, mergeVideoMicrodata(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] }))] }));
+                    }), { key: activeTab, className: b('media', { border }), playVideo: play, height: mediaVideoHeight || undefined, onImageLoad: handleImageHeight })) }) })), imageProps && (_jsx(React.Fragment, { children: _jsx(FullscreenImage, Object.assign({}, imageProps, { imageClassName: b('image', { border }) })) })), (activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.caption) && (_jsx("p", { className: b('caption'), id: captionId, children: _jsx(YFMWrapper, { content: activeTabData.caption, modifiers: { constructor: true }, id: captionId }) }))] }));
+    return (_jsxs(AnimateBlock, { className: b(), onScroll: () => setPlay(true), animate: animated, children: [_jsx(Title, { title: title, subtitle: description, className: b('title', { centered: centered }) }), _jsx(Row, { justifyContent: centered ? GridJustifyContent.Center : undefined, children: _jsx(Col, { sizes: tabsColSizes, children: _jsx(ButtonTabs, { items: tabs, onSelectTab: onSelectTab, activeTab: activeTab, className: b('tabs', { centered: centered }) }) }) }), activeTabData && (_jsxs(Row, { className: b('row', { reverse: isReverse }), children: [mediaContent, textContent] }))] }));
 };
-exports.TabsBlock = TabsBlock;
-exports.default = exports.TabsBlock;
-//# sourceMappingURL=Tabs.js.map
+export default TabsBlock;

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;

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

@@ -1,21 +1,16 @@
-"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 b = (0, utils_1.block)('tabs-block-text-content');
-const TabsTextContent = ({ centered, contentSize = 's', showMedia, data, imageProps, isReverse, }) => {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Col } from '../../../grid';
+import { Content } from '../../../sub-blocks';
+import { block } from '../../../utils';
+const b = block('tabs-block-text-content');
+export 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 (_jsx(Col, { sizes: { all: 12, md: showMedia ? 4 : 8 }, className: b({ centered: centered }), children: _jsx("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 } }) }) }));
+            }), children: _jsx(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
+export default TabsTextContent;

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

@@ -1,14 +1,10 @@
-"use strict";
-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 TabsItemContentProps = (0, omit_1.default)(schema_2.ContentBase, ['size', 'colSizes', 'centered', 'theme']);
-exports.tabsItem = {
+import omit from 'lodash/omit';
+import { ImageProps } from '../../components/Image/schema';
+import { BlockBaseProps, BlockHeaderProps, LinkProps, MediaProps, containerSizesArray, contentSizes, mediaDirection, sizeNumber, withTheme, } from '../../schema/validators/common';
+import { filteredArray } from '../../schema/validators/utils';
+import { ContentBase } from '../../sub-blocks/Content/schema';
+const TabsItemContentProps = omit(ContentBase, ['size', 'colSizes', 'centered', 'theme']);
+export const tabsItem = {
     type: 'object',
     additionalProperties: false,
     required: ['tabName'],
@@ -17,27 +13,26 @@ exports.tabsItem = {
         }, caption: {
             type: 'string',
             contentType: 'text',
-        }, media: (0, common_1.withTheme)({
+        }, media: withTheme({
             type: 'object',
-            properties: common_1.MediaProps,
+            properties: MediaProps,
         }), 
         //TODO deprecated
-        link: common_1.LinkProps, image: (0, common_1.withTheme)(schema_1.ImageProps), border: {
+        link: LinkProps, image: withTheme(ImageProps), border: {
             type: 'string',
             enum: ['shadow', 'line', 'none'],
         } }),
 };
-exports.TabsBlock = {
+export const TabsBlock = {
     'tabs-block': {
         additionalProperties: false,
         required: ['title', 'items'],
-        properties: Object.assign(Object.assign(Object.assign({}, common_1.BlockBaseProps), common_1.BlockHeaderProps), { tabsColSizes: common_1.containerSizesArray.reduce((acc, size) => (Object.assign(Object.assign({}, acc), { [size]: common_1.sizeNumber })), {}), direction: {
+        properties: Object.assign(Object.assign(Object.assign({}, BlockBaseProps), BlockHeaderProps), { tabsColSizes: containerSizesArray.reduce((acc, size) => (Object.assign(Object.assign({}, acc), { [size]: sizeNumber })), {}), direction: {
                 type: 'string',
-                enum: common_1.mediaDirection,
-            }, centered: { type: 'boolean' }, items: (0, utils_1.filteredArray)(exports.tabsItem), contentSize: {
+                enum: mediaDirection,
+            }, centered: { type: 'boolean' }, items: filteredArray(tabsItem), contentSize: {
                 type: 'string',
-                enum: common_1.contentSizes,
+                enum: contentSizes,
             } }),
     },
 };
-//# 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';

package/build/cjs/blocks/index.js

@@ -1,43 +1,19 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormBlock = exports.FilterBlock = exports.ShareBlock = exports.ContentLayoutBlock = exports.CardLayoutBlock = exports.HeaderSliderBlock = exports.IconsBlock = exports.HeaderBlock = exports.TabsBlock = exports.TableBlock = exports.QuestionsBlock = exports.PromoFeaturesBlock = exports.ExtendedFeaturesBlock = exports.SliderBlock = exports.MapBlock = exports.MediaBlock = exports.InfoBlock = exports.CompaniesBlock = exports.BannerBlock = void 0;
-const tslib_1 = require("tslib");
-var Banner_1 = require("./Banner/Banner.js");
-Object.defineProperty(exports, "BannerBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(Banner_1).default; } });
-var Companies_1 = require("./Companies/Companies.js");
-Object.defineProperty(exports, "CompaniesBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(Companies_1).default; } });
-var Info_1 = require("./Info/Info.js");
-Object.defineProperty(exports, "InfoBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(Info_1).default; } });
-var Media_1 = require("./Media/Media.js");
-Object.defineProperty(exports, "MediaBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(Media_1).default; } });
-var Map_1 = require("./Map/Map.js");
-Object.defineProperty(exports, "MapBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(Map_1).default; } });
-var Slider_1 = require("./Slider/Slider.js");
-Object.defineProperty(exports, "SliderBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(Slider_1).default; } });
-var ExtendedFeatures_1 = require("./ExtendedFeatures/ExtendedFeatures.js");
-Object.defineProperty(exports, "ExtendedFeaturesBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(ExtendedFeatures_1).default; } });
-var PromoFeaturesBlock_1 = require("./PromoFeaturesBlock/PromoFeaturesBlock.js");
-Object.defineProperty(exports, "PromoFeaturesBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(PromoFeaturesBlock_1).default; } });
-var Questions_1 = require("./Questions/Questions.js");
-Object.defineProperty(exports, "QuestionsBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(Questions_1).default; } });
-var Table_1 = require("./Table/Table.js");
-Object.defineProperty(exports, "TableBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(Table_1).default; } });
-var Tabs_1 = require("./Tabs/Tabs.js");
-Object.defineProperty(exports, "TabsBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(Tabs_1).default; } });
-var Header_1 = require("./Header/Header.js");
-Object.defineProperty(exports, "HeaderBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(Header_1).default; } });
-var Icons_1 = require("./Icons/Icons.js");
-Object.defineProperty(exports, "IconsBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(Icons_1).default; } });
-var HeaderSlider_1 = require("./HeaderSlider/HeaderSlider.js");
-Object.defineProperty(exports, "HeaderSliderBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(HeaderSlider_1).default; } });
-var CardLayout_1 = require("./CardLayout/CardLayout.js");
-Object.defineProperty(exports, "CardLayoutBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(CardLayout_1).default; } });
-var ContentLayout_1 = require("./ContentLayout/ContentLayout.js");
-Object.defineProperty(exports, "ContentLayoutBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(ContentLayout_1).default; } });
-var Share_1 = require("./Share/Share.js");
-Object.defineProperty(exports, "ShareBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(Share_1).default; } });
-var FilterBlock_1 = require("./FilterBlock/FilterBlock.js");
-Object.defineProperty(exports, "FilterBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(FilterBlock_1).default; } });
-var Form_1 = require("./Form/Form.js");
-Object.defineProperty(exports, "FormBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(Form_1).default; } });
-//# sourceMappingURL=index.js.map
+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';

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

@@ -1 +1 @@
-export { default as SliderNewBlock } from "./SliderNew/Slider.js";
+export { default as SliderNewBlock } from './SliderNew/Slider';

package/build/cjs/blocks/unstable.js

@@ -1,7 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SliderNewBlock = void 0;
-const tslib_1 = require("tslib");
-var Slider_1 = require("./SliderNew/Slider.js");
-Object.defineProperty(exports, "SliderNewBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(Slider_1).default; } });
-//# sourceMappingURL=unstable.js.map
+export { default as SliderNewBlock } from './SliderNew/Slider';