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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSlider.js","sourceRoot":"../../../../src","sources":["blocks/SliderNew/useSlider.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAI/B,kDAAsD;AAEtD,sCAA+D;AAQxD,MAAM,SAAS,GAAG,CAAC,EAAsD,EAAE,EAAE;QAA1D,EAAC,QAAQ,EAAE,UAAU,EAAE,IAAI,OAA2B,EAAtB,KAAK,sBAArC,kCAAsC,CAAD;IAC3D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;IACrD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAErD,MAAM,aAAa,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAErD,MAAM,eAAe,GAAG,UAAU,KAAK,SAAS,IAAI,UAAU,GAAG,CAAC,CAAC;IAEnE,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACnC,OAAO,IAAA,iCAAyB,EAAC;YAC7B,aAAa,EAAE,aAAa;YAC5B,YAAY;YACZ,gBAAgB,EAAE,OAAO,CACrB,IAAI,IAAI,MAAM,CAAC,MAAM,CAAC,mBAAU,CAAC,CAAC,QAAQ,CAAC,IAAkB,CAAC,CACjE;SACJ,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,YAAY,EAAE,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC;IAExC,MAAM,UAAU,GAAG,GAAG,EAAE;QACpB,IAAI,CAAC,MAAM,EAAE,CAAC;YACV,OAAO;QACX,CAAC;QAED,IAAI,MAAM,CAAC,KAAK,EAAE,CAAC;YACf,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;YAClB,OAAO;QACX,CAAC;QAED,MAAM,CAAC,SAAS,EAAE,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACpB,IAAI,CAAC,MAAM,EAAE,CAAC;YACV,OAAO;QACX,CAAC;QAED,IAAI,MAAM,CAAC,WAAW,EAAE,CAAC;YACrB,MAAM,CAAC,OAAO,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC;YAClC,OAAO;QACX,CAAC;QAED,MAAM,CAAC,SAAS,EAAE,CAAC;IACvB,CAAC,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,CAAC,MAAM,EAAE,CAAC;YACV,OAAO;QACX,CAAC;QAED,IAAI,eAAe,EAAE,CAAC;YAClB,MAAM,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;QAC5B,CAAC;aAAM,CAAC;YACJ,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;QAC3B,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC;IAE9B,OAAO;QACH,MAAM;QACN,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,UAAU;QAClB,MAAM,EAAE,UAAU;QAClB,WAAW;QACX,aAAa;QACb,QAAQ;QACR,WAAW;QACX,QAAQ,EAAE,eAAe,IAAI;YACzB,KAAK,EAAE,UAAU;YACjB,oBAAoB,EAAE,KAAK;SAC9B;KACJ,CAAC;AACN,CAAC,CAAC;AAvEW,QAAA,SAAS,aAuEpB","sourcesContent":["import * as React from 'react';\n\nimport type {Swiper} from 'swiper';\n\nimport {SliderType, SlidesToShow} from '../../models';\n\nimport {getSliderResponsiveParams, useMemoized} from './utils';\n\ntype UseSliderProps = React.PropsWithChildren<{\n    autoplayMs?: number;\n    type?: string;\n    slidesToShow?: SlidesToShow;\n}>;\n\nexport const useSlider = ({children, autoplayMs, type, ...props}: UseSliderProps) => {\n    const [slider, setSlider] = React.useState<Swiper>();\n    const [isLocked, setIsLocked] = React.useState(false);\n    const slidesToShow = useMemoized(props.slidesToShow);\n\n    const childrenCount = React.Children.count(children);\n\n    const autoplayEnabled = autoplayMs !== undefined && autoplayMs > 0;\n\n    const breakpoints = React.useMemo(() => {\n        return getSliderResponsiveParams({\n            contentLength: childrenCount,\n            slidesToShow,\n            mobileFullscreen: Boolean(\n                type && Object.values(SliderType).includes(type as SliderType),\n            ),\n        });\n    }, [slidesToShow, type, childrenCount]);\n\n    const handleNext = () => {\n        if (!slider) {\n            return;\n        }\n\n        if (slider.isEnd) {\n            slider.slideTo(0);\n            return;\n        }\n\n        slider.slideNext();\n    };\n\n    const handlePrev = () => {\n        if (!slider) {\n            return;\n        }\n\n        if (slider.isBeginning) {\n            slider.slideTo(childrenCount - 1);\n            return;\n        }\n\n        slider.slidePrev();\n    };\n\n    React.useEffect(() => {\n        if (!slider) {\n            return;\n        }\n\n        if (autoplayEnabled) {\n            slider.autoplay.start();\n        } else {\n            slider.autoplay.stop();\n        }\n    }, [slider, autoplayEnabled]);\n\n    return {\n        slider,\n        onSwiper: setSlider,\n        onNext: handleNext,\n        onPrev: handlePrev,\n        breakpoints,\n        childrenCount,\n        isLocked,\n        setIsLocked,\n        autoplay: autoplayEnabled && {\n            delay: autoplayMs,\n            disableOnInteraction: false,\n        },\n    };\n};\n"]}

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

@@ -1,5 +1,8 @@
-import { setElementAtrributes } from './utils';
-export const useSliderPagination = (props) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSliderPagination = void 0;
+const utils_1 = require("./utils.js");
+const useSliderPagination = (props) => {
     if (!props.enabled) {
         return undefined;
     }
@@ -12,7 +15,7 @@ export const useSliderPagination = (props) => {
         },
         onPaginationUpdate: (slider) => {
             const pagination = slider.pagination.el;
-            setElementAtrributes(pagination, {
+            (0, utils_1.setElementAtrributes)(pagination, {
                 role: 'menu',
                 'aria-hidden': isA11yControlHidden,
                 'aria-label': paginationLabel,
@@ -20,7 +23,7 @@ export const useSliderPagination = (props) => {
             const bullets = pagination.querySelectorAll(`.${bulletClass}`);
             bullets.forEach((bullet) => {
                 const isActive = bullet.classList.contains(bulletActiveClass);
-                setElementAtrributes(bullet, {
+                (0, utils_1.setElementAtrributes)(bullet, {
                     role: 'menuitemradio',
                     'aria-hidden': isA11yControlHidden,
                     'aria-checked': isActive,
@@ -30,3 +33,5 @@ export const useSliderPagination = (props) => {
         },
     };
 };
+exports.useSliderPagination = useSliderPagination;
+//# sourceMappingURL=useSliderPagination.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSliderPagination.js","sourceRoot":"../../../../src","sources":["blocks/SliderNew/useSliderPagination.ts"],"names":[],"mappings":";;;AAEA,sCAA6C;AAEtC,MAAM,mBAAmB,GAAG,CAAC,KAOnC,EAAsE,EAAE;IACrE,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;QACjB,OAAO,SAAS,CAAC;IACrB,CAAC;IAED,MAAM,EAAC,mBAAmB,EAAE,eAAe,EAAE,WAAW,EAAE,iBAAiB,EAAE,eAAe,EAAC,GACzF,KAAK,CAAC;IAEV,OAAO;QACH,UAAU,EAAE;YACR,SAAS,EAAE,IAAI;YACf,WAAW;YACX,iBAAiB;SACpB;QACD,kBAAkB,EAAE,CAAC,MAAM,EAAE,EAAE;YAC3B,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,EAAE,CAAC;YAExC,IAAA,4BAAoB,EAAC,UAAU,EAAE;gBAC7B,IAAI,EAAE,MAAM;gBACZ,aAAa,EAAE,mBAAmB;gBAClC,YAAY,EAAE,eAAe;aAChC,CAAC,CAAC;YAEH,MAAM,OAAO,GAAG,UAAU,CAAC,gBAAgB,CAAC,IAAI,WAAW,EAAE,CAAC,CAAC;YAE/D,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;gBACvB,MAAM,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC;gBAE9D,IAAA,4BAAoB,EAAC,MAAM,EAAE;oBACzB,IAAI,EAAE,eAAe;oBACrB,aAAa,EAAE,mBAAmB;oBAClC,cAAc,EAAE,QAAQ;oBACxB,QAAQ,EAAE,eAAe;iBAC5B,CAAC,CAAC;YACP,CAAC,CAAC,CAAC;QACP,CAAC;KACJ,CAAC;AACN,CAAC,CAAC;AA5CW,QAAA,mBAAmB,uBA4C9B","sourcesContent":["import {Swiper as SwiperProps} from 'swiper/swiper-react';\n\nimport {setElementAtrributes} from './utils';\n\nexport const useSliderPagination = (props: {\n    enabled: boolean;\n    isA11yControlHidden: boolean;\n    controlTabIndex: number;\n    bulletClass: string;\n    bulletActiveClass: string;\n    paginationLabel: string;\n}): Pick<SwiperProps, 'pagination' | 'onPaginationUpdate'> | undefined => {\n    if (!props.enabled) {\n        return undefined;\n    }\n\n    const {isA11yControlHidden, controlTabIndex, bulletClass, bulletActiveClass, paginationLabel} =\n        props;\n\n    return {\n        pagination: {\n            clickable: true,\n            bulletClass,\n            bulletActiveClass,\n        },\n        onPaginationUpdate: (slider) => {\n            const pagination = slider.pagination.el;\n\n            setElementAtrributes(pagination, {\n                role: 'menu',\n                'aria-hidden': isA11yControlHidden,\n                'aria-label': paginationLabel,\n            });\n\n            const bullets = pagination.querySelectorAll(`.${bulletClass}`);\n\n            bullets.forEach((bullet) => {\n                const isActive = bullet.classList.contains(bulletActiveClass);\n\n                setElementAtrributes(bullet, {\n                    role: 'menuitemradio',\n                    'aria-hidden': isA11yControlHidden,\n                    'aria-checked': isActive,\n                    tabindex: controlTabIndex,\n                });\n            });\n        },\n    };\n};\n"]}

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

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

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

@@ -1,36 +1,44 @@
-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,
+"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.js"));
+const pickBy_1 = tslib_1.__importDefault(require("lodash/pickBy.js"));
+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,
 };
-export function getSliderResponsiveParams({ contentLength, slidesToShow, mobileFullscreen, }) {
+function getSliderResponsiveParams({ contentLength, slidesToShow, mobileFullscreen, }) {
     let result;
     if (typeof slidesToShow === 'number') {
-        result = Object.keys(DEFAULT_SLIDE_BREAKPOINTS).reduce((acc, breakpointName) => (Object.assign(Object.assign({}, acc), { [breakpointName]: slidesToShow })), {});
+        result = Object.keys(exports.DEFAULT_SLIDE_BREAKPOINTS).reduce((acc, breakpointName) => (Object.assign(Object.assign({}, acc), { [breakpointName]: slidesToShow })), {});
     }
     else {
-        result = slidesToShow || DEFAULT_SLIDE_BREAKPOINTS;
+        result = slidesToShow || exports.DEFAULT_SLIDE_BREAKPOINTS;
     }
-    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 });
+    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 });
     return Object.entries(showCount).reduce((res, [breakpointName, value]) => {
         // eslint-disable-next-line no-param-reassign
-        res[BREAKPOINTS[breakpointName] + 1] = {
+        res[constants_1.BREAKPOINTS[breakpointName] + 1] = {
             slidesPerView: value,
         };
         return res;
     }, {});
 }
-export const useMemoized = (value) => {
+const useMemoized = (value) => {
     const [memoizedValue, setMemoizedValue] = React.useState(value);
     React.useEffect(() => {
-        setMemoizedValue((memoized) => value && typeof value === 'object' && isEqual(memoized, value) ? memoized : value);
+        setMemoizedValue((memoized) => value && typeof value === 'object' && (0, isEqual_1.default)(memoized, value) ? memoized : value);
     }, [value]);
     return memoizedValue;
 };
-export const setElementAtrributes = (element, attributes) => Object.entries(attributes).forEach(([attribute, value]) => element.setAttribute(attribute, String(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/SliderNew/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"../../../../src","sources":["blocks/SliderNew/utils.ts"],"names":[],"mappings":";;;AAsBA,8DAgCC;;AAtDD,qDAA+B;AAE/B,wEAAqC;AACrC,sEAAmC;AAGnC,kDAA4C;AAE5C,wCAAqF;AAExE,QAAA,yBAAyB,GAAG;IACrC,CAAC,8BAAqB,CAAC,EAAE,CAAC,EAAE,CAAC;IAC7B,CAAC,8BAAqB,CAAC,EAAE,CAAC,EAAE,CAAC;IAC7B,CAAC,8BAAqB,CAAC,EAAE,CAAC,EAAE,CAAC;IAC7B,CAAC,8BAAqB,CAAC,EAAE,CAAC,EAAE,IAAI;CACnC,CAAC;AAOF,SAAgB,yBAAyB,CAAC,EACtC,aAAa,EACb,YAAY,EACZ,gBAAgB,GACI;IACpB,IAAI,MAAM,CAAC;IAEX,IAAI,OAAO,YAAY,KAAK,QAAQ,EAAE,CAAC;QACnC,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,iCAAyB,CAAC,CAAC,MAAM,CAClD,CAAC,GAAG,EAAE,cAAc,EAAE,EAAE,CAAC,iCAAK,GAAG,KAAE,CAAC,cAAc,CAAC,EAAE,YAAY,IAAE,EACnE,EAA4B,CAC/B,CAAC;IACN,CAAC;SAAM,CAAC;QACJ,MAAM,GAAG,YAAY,IAAI,iCAAyB,CAAC;IACvD,CAAC;IAED,MAAM,SAAS,iDACR,iCAAyB,GACzB,IAAA,gBAAM,EAAC,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,KAC3C,EAAE,EAAE,CAAC,gBAAgB,IAAI,aAAa,GAAG,CAAC,CAAC,CAAC,CAAC,iCAAyB,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAChF,CAAC;IAEF,OAAO,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,MAAM,CACnC,CAAC,GAAG,EAAE,CAAC,cAAc,EAAE,KAAK,CAAC,EAAE,EAAE;QAC7B,6CAA6C;QAC7C,GAAG,CAAC,uBAAW,CAAC,cAAuC,CAAC,GAAG,CAAC,CAAC,GAAG;YAC5D,aAAa,EAAE,KAAK;SACvB,CAAC;QACF,OAAO,GAAG,CAAC;IACf,CAAC,EACD,EAAmC,CACtC,CAAC;AACN,CAAC;AAEM,MAAM,WAAW,GAAG,CAAI,KAAQ,EAAK,EAAE;IAC1C,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,gBAAgB,CAAC,CAAC,QAAQ,EAAE,EAAE,CAC1B,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,IAAA,iBAAO,EAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CACpF,CAAC;IACN,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,aAAa,CAAC;AACzB,CAAC,CAAC;AAVW,QAAA,WAAW,eAUtB;AAEK,MAAM,oBAAoB,GAAG,CAAC,OAAgB,EAAE,UAAmC,EAAE,EAAE,CAC1F,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,CAAC,EAAE,EAAE,CACtD,OAAO,CAAC,YAAY,CAAC,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CACjD,CAAC;AAHO,QAAA,oBAAoB,wBAG3B","sourcesContent":["import * as React from 'react';\n\nimport isEqual from 'lodash/isEqual';\nimport pickBy from 'lodash/pickBy';\nimport type {SwiperOptions} from 'swiper/types/swiper-options';\n\nimport {BREAKPOINTS} from '../../constants';\n\nimport {SliderBreakpointNames, SliderBreakpointParams, SlidesToShow} from './models';\n\nexport const DEFAULT_SLIDE_BREAKPOINTS = {\n    [SliderBreakpointNames.Lg]: 3,\n    [SliderBreakpointNames.Md]: 2,\n    [SliderBreakpointNames.Sm]: 2,\n    [SliderBreakpointNames.Xs]: 1.15,\n};\n\nexport interface GetSlidesToShowParams {\n    contentLength: number;\n    slidesToShow?: SlidesToShow;\n    mobileFullscreen?: boolean;\n}\nexport function getSliderResponsiveParams({\n    contentLength,\n    slidesToShow,\n    mobileFullscreen,\n}: GetSlidesToShowParams) {\n    let result;\n\n    if (typeof slidesToShow === 'number') {\n        result = Object.keys(DEFAULT_SLIDE_BREAKPOINTS).reduce(\n            (acc, breakpointName) => ({...acc, [breakpointName]: slidesToShow}),\n            {} as SliderBreakpointParams,\n        );\n    } else {\n        result = slidesToShow || DEFAULT_SLIDE_BREAKPOINTS;\n    }\n\n    const showCount = {\n        ...DEFAULT_SLIDE_BREAKPOINTS,\n        ...pickBy(result, (value) => !isNaN(value)),\n        xs: !mobileFullscreen && contentLength > 1 ? DEFAULT_SLIDE_BREAKPOINTS.xs : 1,\n    };\n\n    return Object.entries(showCount).reduce(\n        (res, [breakpointName, value]) => {\n            // eslint-disable-next-line no-param-reassign\n            res[BREAKPOINTS[breakpointName as SliderBreakpointNames] + 1] = {\n                slidesPerView: value,\n            };\n            return res;\n        },\n        {} as Record<number, SwiperOptions>,\n    );\n}\n\nexport const useMemoized = <T>(value: T): T => {\n    const [memoizedValue, setMemoizedValue] = React.useState(value);\n\n    React.useEffect(() => {\n        setMemoizedValue((memoized) =>\n            value && typeof value === 'object' && isEqual(memoized, value) ? memoized : value,\n        );\n    }, [value]);\n\n    return memoizedValue;\n};\n\nexport const setElementAtrributes = (element: Element, attributes: Record<string, unknown>) =>\n    Object.entries(attributes).forEach(([attribute, value]) =>\n        element.setAttribute(attribute, String(value)),\n    );\n"]}

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

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

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

@@ -1,10 +1,15 @@
-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) => {
+"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) => {
     const { title, table } = props;
-    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)) })] }) }) }));
+    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)) })] }) }) }));
 };
-export default TableBlock;
+exports.TableBlock = TableBlock;
+exports.default = exports.TableBlock;
+//# sourceMappingURL=Table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sourceRoot":"../../../../src","sources":["blocks/Table/Table.tsx"],"names":[],"mappings":";;;;AAAA,0DAAuC;AACvC,8CAA0D;AAE1D,gDAAkC;AAIlC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,aAAa,CAAC,CAAC;AAExB,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IACjD,MAAM,EAAC,KAAK,EAAE,KAAK,EAAC,GAAG,KAAK,CAAC;IAE7B,OAAO,CACH,gCAAK,SAAS,EAAE,CAAC,EAAE,YACf,uBAAC,WAAI,IAAC,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,YACzB,wBAAC,UAAG,IAAC,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,aACpB,uBAAC,UAAG,IAAC,KAAK,EAAE,EAAC,CAAC,qBAAc,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,qBAAc,CAAC,GAAG,CAAC,EAAE,EAAE,EAAC,YAC1D,+BAAI,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAAG,KAAK,GAAM,GACrC,EACN,uBAAC,UAAG,IAAC,KAAK,EAAE,EAAC,CAAC,qBAAc,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,qBAAc,CAAC,GAAG,CAAC,EAAE,EAAE,EAAC,YAC1D,uBAAC,kBAAK,kBAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,IAAM,KAAK,EAAI,GACzC,IACJ,GACH,GACL,CACT,CAAC;AACN,CAAC,CAAC;AAjBW,QAAA,UAAU,cAiBrB;AAEF,kBAAe,kBAAU,CAAC","sourcesContent":["import {Table} from '../../components';\nimport {Col, Grid, GridColumnSize, Row} from '../../grid';\nimport {TableBlockProps} from '../../models';\nimport {block} from '../../utils';\n\nimport './Table.scss';\n\nconst b = block('table-block');\n\nexport const TableBlock = (props: TableBlockProps) => {\n    const {title, table} = props;\n\n    return (\n        <div className={b()}>\n            <Grid className={b('content')}>\n                <Row className={b('row')}>\n                    <Col sizes={{[GridColumnSize.Md]: 4, [GridColumnSize.All]: 12}}>\n                        <h2 className={b('title')}>{title}</h2>\n                    </Col>\n                    <Col sizes={{[GridColumnSize.Md]: 8, [GridColumnSize.All]: 12}}>\n                        <Table className={b('table')} {...table} />\n                    </Col>\n                </Row>\n            </Grid>\n        </div>\n    );\n};\n\nexport default TableBlock;\n"]}

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

@@ -1,15 +1,18 @@
-import { BaseProps, BlockBaseProps, JustifyProps } from '../../schema/validators/common';
-export const TableBlock = {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableBlock = void 0;
+const common_1 = require("../../schema/validators/common.js");
+exports.TableBlock = {
     'table-block': {
         additionalProperties: false,
         required: ['title', 'table'],
-        properties: Object.assign(Object.assign({}, BlockBaseProps), { title: {
+        properties: Object.assign(Object.assign({}, common_1.BlockBaseProps), { title: {
                 type: 'string',
                 contentType: 'text',
             }, table: {
                 additionalProperties: false,
                 required: ['content'],
-                properties: Object.assign(Object.assign({}, BaseProps), { content: {
+                properties: Object.assign(Object.assign({}, common_1.BaseProps), { content: {
                         type: 'array',
                         items: {
                             type: 'array',
@@ -38,7 +41,7 @@ export const TableBlock = {
                         type: 'boolean',
                     }, justify: {
                         type: 'array',
-                        items: JustifyProps,
+                        items: common_1.JustifyProps,
                     }, marker: {
                         type: 'string',
                         enum: ['disk', 'tick'],
@@ -48,3 +51,4 @@ export const TableBlock = {
             } }),
     },
 };
+//# sourceMappingURL=schema.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Table/schema.ts"],"names":[],"mappings":";;;AAAA,8DAAuF;AAE1E,QAAA,UAAU,GAAG;IACtB,aAAa,EAAE;QACX,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;QAC5B,UAAU,kCACH,uBAAc,KACjB,KAAK,EAAE;gBACH,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,MAAM;aACtB,EACD,KAAK,EAAE;gBACH,oBAAoB,EAAE,KAAK;gBAC3B,QAAQ,EAAE,CAAC,SAAS,CAAC;gBACrB,UAAU,kCACH,kBAAS,KACZ,OAAO,EAAE;wBACL,IAAI,EAAE,OAAO;wBACb,KAAK,EAAE;4BACH,IAAI,EAAE,OAAO;4BACb,KAAK,EAAE;gCACH,KAAK,EAAE;oCACH;wCACI,IAAI,EAAE,QAAQ;wCACd,WAAW,EAAE,MAAM;wCACnB,UAAU,EAAE,MAAM;qCACrB;oCACD;wCACI,IAAI,EAAE,QAAQ;wCACd,WAAW,EAAE,MAAM;wCACnB,UAAU,EAAE,QAAQ;qCACvB;iCACJ;6BACJ;yBACJ;qBACJ,EACD,MAAM,EAAE;wBACJ,IAAI,EAAE,OAAO;wBACb,KAAK,EAAE;4BACH,IAAI,EAAE,QAAQ;4BACd,WAAW,EAAE,KAAK;yBACrB;qBACJ,EACD,UAAU,EAAE;wBACR,IAAI,EAAE,SAAS;qBAClB,EACD,OAAO,EAAE;wBACL,IAAI,EAAE,OAAO;wBACb,KAAK,EAAE,qBAAY;qBACtB,EACD,MAAM,EAAE;wBACJ,IAAI,EAAE,QAAQ;wBACd,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;qBACzB,EACD,OAAO,EAAE;wBACL,IAAI,EAAE,QAAQ;qBACjB,GACJ;aACJ,GACJ;KACJ;CACJ,CAAC","sourcesContent":["import {BaseProps, BlockBaseProps, JustifyProps} from '../../schema/validators/common';\n\nexport const TableBlock = {\n    'table-block': {\n        additionalProperties: false,\n        required: ['title', 'table'],\n        properties: {\n            ...BlockBaseProps,\n            title: {\n                type: 'string',\n                contentType: 'text',\n            },\n            table: {\n                additionalProperties: false,\n                required: ['content'],\n                properties: {\n                    ...BaseProps,\n                    content: {\n                        type: 'array',\n                        items: {\n                            type: 'array',\n                            items: {\n                                oneOf: [\n                                    {\n                                        type: 'string',\n                                        contentType: 'text',\n                                        optionName: 'text',\n                                    },\n                                    {\n                                        type: 'number',\n                                        contentType: 'text',\n                                        optionName: 'number',\n                                    },\n                                ],\n                            },\n                        },\n                    },\n                    legend: {\n                        type: 'array',\n                        items: {\n                            type: 'string',\n                            contentType: 'yfm',\n                        },\n                    },\n                    hideLegend: {\n                        type: 'boolean',\n                    },\n                    justify: {\n                        type: 'array',\n                        items: JustifyProps,\n                    },\n                    marker: {\n                        type: 'string',\n                        enum: ['disk', 'tick'],\n                    },\n                    caption: {\n                        type: 'string',\n                    },\n                },\n            },\n        },\n    },\n};\n"]}

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

@@ -1,3 +1,3 @@
-import { TabsBlockProps } from '../../models';
+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;
 export default TabsBlock;

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

@@ -1,36 +1,40 @@
-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');
+"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');
 // eslint-disable-next-line complexity
-export const TabsBlock = ({ items, title, description, animated, tabsColSizes, centered, direction = 'media-content', contentSize = 's', }) => {
+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 = useTheme();
+    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 mediaWidth = (_a = ref === null || ref === void 0 ? void 0 : ref.current) === null || _a === void 0 ? void 0 : _a.offsetWidth;
-    const captionId = useUniqId();
-    const themedMedia = getThemedValue(activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.media, theme);
+    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 && getHeight(mediaWidth);
+    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);
     // TODO remove property support activeTabData?.image. Use only activeTabData?.media?.image
     let imageProps;
@@ -52,8 +56,8 @@ export const TabsBlock = ({ items, title, description, animated, tabsColSizes, c
         handleImageHeight();
     }, [activeTab, handleImageHeight]);
     if (activeTabData) {
-        const themedImage = getThemedValue(activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.image, theme);
-        imageProps = themedImage && getMediaImage(themedImage);
+        const themedImage = (0, utils_2.getThemedValue)(activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.image, theme);
+        imageProps = themedImage && (0, utils_1.getMediaImage)(themedImage);
         if (activeTabData.caption && imageProps) {
             Object.assign(imageProps, {
                 'aria-describedby': captionId,
@@ -63,16 +67,18 @@ export const TabsBlock = ({ items, title, description, animated, tabsColSizes, c
     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 && (_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), {
+    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), {
                         name: activeTabData.tabName,
                         description: activeTabData.caption
                             ? activeTabData.caption
                             : undefined,
-                    }), { 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] }))] }));
+                    }), { 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] }))] }));
 };
-export default TabsBlock;
+exports.TabsBlock = TabsBlock;
+exports.default = exports.TabsBlock;
+//# sourceMappingURL=Tabs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sourceRoot":"../../../../src","sources":["blocks/Tabs/Tabs.tsx"],"names":[],"mappings":"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","sourcesContent":["import {useUniqId} from '@gravity-ui/uikit';\nimport * as React from 'react';\n\nimport AnimateBlock from '../../components/AnimateBlock/AnimateBlock';\nimport ButtonTabs, {ButtonTabsItemProps} from '../../components/ButtonTabs/ButtonTabs';\nimport FullscreenImage from '../../components/FullscreenImage/FullscreenImage';\nimport {getMediaImage} from '../../components/Media/Image/utils';\nimport Media from '../../components/Media/Media';\nimport Title from '../../components/Title/Title';\nimport {getHeight} from '../../components/VideoBlock/VideoBlock';\nimport YFMWrapper from '../../components/YFMWrapper/YFMWrapper';\nimport {useTheme} from '../../context/theme';\nimport {Col, GridColumnOrderClasses, GridJustifyContent, Row} from '../../grid';\nimport {TabsBlockProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\nimport {mergeVideoMicrodata} from '../../utils/microdata';\n\nimport TabsTextContent from './TabsTextContent/TabsTextContent';\nimport './Tabs.scss';\n\nconst b = block('tabs-block');\n\n// eslint-disable-next-line complexity\nexport const TabsBlock = ({\n    items,\n    title,\n    description,\n    animated,\n    tabsColSizes,\n    centered,\n    direction = 'media-content',\n    contentSize = 's',\n}: TabsBlockProps) => {\n    const [activeTab, setActiveTab] = React.useState<string | null>(items[0].tabName);\n    const [play, setPlay] = React.useState<boolean>(false);\n    const theme = useTheme();\n    const tabs: ButtonTabsItemProps[] = items.map(({tabName}) => ({title: tabName, id: tabName}));\n    const activeTabData = items.find(({tabName}) => tabName === activeTab);\n    const isReverse = direction === 'content-media';\n    const ref = React.useRef<HTMLDivElement>(null);\n    const mediaWidth = ref?.current?.offsetWidth;\n    const captionId = useUniqId();\n    const themedMedia = getThemedValue(activeTabData?.media, theme);\n    const hasNoImage = !themedMedia?.image && !activeTabData?.image;\n    const mediaVideoHeight = hasNoImage && mediaWidth && getHeight(mediaWidth);\n    const [minImageHeight, setMinImageHeight] = React.useState(ref?.current?.offsetHeight);\n    // TODO remove property support activeTabData?.image. Use only activeTabData?.media?.image\n    let imageProps;\n\n    const handleImageHeight = React.useCallback(() => {\n        if (minImageHeight !== ref?.current?.offsetHeight) {\n            setMinImageHeight(ref?.current?.offsetHeight);\n        }\n    }, [minImageHeight]);\n\n    const onSelectTab = React.useCallback(\n        (id: string | null, e: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => {\n            setActiveTab(id);\n            e.currentTarget.scrollIntoView({\n                inline: 'center',\n                behavior: 'smooth',\n                block: 'nearest',\n            });\n        },\n        [],\n    );\n\n    React.useEffect(() => {\n        handleImageHeight();\n    }, [activeTab, handleImageHeight]);\n\n    if (activeTabData) {\n        const themedImage = getThemedValue(activeTabData?.image, theme);\n\n        imageProps = themedImage && getMediaImage(themedImage);\n\n        if (activeTabData.caption && imageProps) {\n            Object.assign(imageProps, {\n                'aria-describedby': captionId,\n            });\n        }\n    }\n\n    const showMedia = Boolean(activeTabData?.media || imageProps);\n    const showText = Boolean(activeTabData?.text);\n    const border = activeTabData?.border || 'shadow';\n\n    const textContent = showText && (\n        <TabsTextContent\n            showMedia={showMedia}\n            data={activeTabData}\n            imageProps={imageProps ? imageProps : undefined}\n            isReverse={isReverse}\n            contentSize={contentSize}\n            centered={centered}\n        />\n    );\n\n    const mediaContent = showMedia && (\n        <Col\n            sizes={{all: 12, md: 8}}\n            orders={{\n                all: GridColumnOrderClasses.Last,\n                md: GridColumnOrderClasses.First,\n            }}\n            className={b('col', {centered: centered})}\n        >\n            {activeTabData?.media && (\n                <div style={{minHeight: mediaVideoHeight || minImageHeight}}>\n                    <div ref={ref}>\n                        <Media\n                            {...mergeVideoMicrodata(getThemedValue(activeTabData.media, theme), {\n                                name: activeTabData.tabName,\n                                description: activeTabData.caption\n                                    ? activeTabData.caption\n                                    : undefined,\n                            })}\n                            key={activeTab}\n                            className={b('media', {border})}\n                            playVideo={play}\n                            height={mediaVideoHeight || undefined}\n                            onImageLoad={handleImageHeight}\n                        />\n                    </div>\n                </div>\n            )}\n            {imageProps && (\n                <React.Fragment>\n                    <FullscreenImage {...imageProps} imageClassName={b('image', {border})} />\n                </React.Fragment>\n            )}\n            {activeTabData?.caption && (\n                <p className={b('caption')} id={captionId}>\n                    <YFMWrapper\n                        content={activeTabData.caption}\n                        modifiers={{constructor: true}}\n                        id={captionId}\n                    />\n                </p>\n            )}\n        </Col>\n    );\n\n    return (\n        <AnimateBlock className={b()} onScroll={() => setPlay(true)} animate={animated}>\n            <Title\n                title={title}\n                subtitle={description}\n                className={b('title', {centered: centered})}\n            />\n            <Row justifyContent={centered ? GridJustifyContent.Center : undefined}>\n                <Col sizes={tabsColSizes}>\n                    <ButtonTabs\n                        items={tabs}\n                        onSelectTab={onSelectTab}\n                        activeTab={activeTab}\n                        className={b('tabs', {centered: centered})}\n                    />\n                </Col>\n            </Row>\n            {activeTabData && (\n                <Row className={b('row', {reverse: isReverse})}>\n                    {mediaContent}\n                    {textContent}\n                </Row>\n            )}\n        </AnimateBlock>\n    );\n};\n\nexport default TabsBlock;\n"]}

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

@@ -1,4 +1,4 @@
-import { ImageDeviceProps, ImageObjectProps, TabsBlockItem, TabsBlockProps } from '../../../models';
+import { ImageDeviceProps, ImageObjectProps, TabsBlockItem, TabsBlockProps } from "../../../models/index.js";
 interface TextContentProps extends Pick<TabsBlockProps, 'centered' | 'contentSize'> {
     showMedia: boolean;
     isReverse: boolean;

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

@@ -1,16 +1,21 @@
-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, }) => {
+"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, }) => {
     if (!data) {
         return null;
     }
     const { media, title, text, additionalInfo, link, links, buttons, list } = data;
-    return (_jsx(Col, { sizes: { all: 12, md: showMedia ? 4 : 8 }, className: b({ centered: centered }), children: _jsx("div", { className: b('wrapper', {
+    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', {
                 reverse: isReverse,
                 'no-image': !(media || imageProps),
-            }), children: _jsx(Content, { title: title, text: text, additionalInfo: additionalInfo, size: contentSize, list: list, links: [...(link ? [link] : []), ...(links || [])], buttons: buttons, colSizes: { all: 12 } }) }) }));
+            }), 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 } }) }) }));
 };
-export default TabsTextContent;
+exports.TabsTextContent = TabsTextContent;
+exports.default = exports.TabsTextContent;
+//# sourceMappingURL=TabsTextContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabsTextContent.js","sourceRoot":"../../../../../src","sources":["blocks/Tabs/TabsTextContent/TabsTextContent.tsx"],"names":[],"mappings":";;;;AAAA,iDAAkC;AAElC,6DAA4C;AAC5C,mDAAqC;AAIrC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,yBAAyB,CAAC,CAAC;AAUpC,MAAM,eAAe,GAAG,CAAC,EAC5B,QAAQ,EACR,WAAW,GAAG,GAAG,EACjB,SAAS,EACT,IAAI,EACJ,UAAU,EACV,SAAS,GACM,EAAE,EAAE;IACnB,IAAI,CAAC,IAAI,EAAE,CAAC;QACR,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,MAAM,EAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAC,GAAG,IAAI,CAAC;IAE9E,OAAO,CACH,uBAAC,UAAG,IAAC,KAAK,EAAE,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAC,EAAE,SAAS,EAAE,CAAC,CAAC,EAAC,QAAQ,EAAE,QAAQ,EAAC,CAAC,YAC5E,gCACI,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE;gBACpB,OAAO,EAAE,SAAS;gBAClB,UAAU,EAAE,CAAC,CAAC,KAAK,IAAI,UAAU,CAAC;aACrC,CAAC,YAEF,uBAAC,oBAAO,IACJ,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,cAAc,EAC9B,IAAI,EAAE,WAAW,EACjB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,EAClD,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,EAAC,GAAG,EAAE,EAAE,EAAC,GACrB,GACA,GACJ,CACT,CAAC;AACN,CAAC,CAAC;AAnCW,QAAA,eAAe,mBAmC1B;AAEF,kBAAe,uBAAe,CAAC","sourcesContent":["import {Col} from '../../../grid';\nimport {ImageDeviceProps, ImageObjectProps, TabsBlockItem, TabsBlockProps} from '../../../models';\nimport {Content} from '../../../sub-blocks';\nimport {block} from '../../../utils';\n\nimport './TabsTextContent.scss';\n\nconst b = block('tabs-block-text-content');\n\ninterface TextContentProps extends Pick<TabsBlockProps, 'centered' | 'contentSize'> {\n    showMedia: boolean;\n    isReverse: boolean;\n    data?: TabsBlockItem;\n    centered?: boolean;\n    imageProps?: ImageObjectProps | ImageDeviceProps;\n}\n\nexport const TabsTextContent = ({\n    centered,\n    contentSize = 's',\n    showMedia,\n    data,\n    imageProps,\n    isReverse,\n}: TextContentProps) => {\n    if (!data) {\n        return null;\n    }\n\n    const {media, title, text, additionalInfo, link, links, buttons, list} = data;\n\n    return (\n        <Col sizes={{all: 12, md: showMedia ? 4 : 8}} className={b({centered: centered})}>\n            <div\n                className={b('wrapper', {\n                    reverse: isReverse,\n                    'no-image': !(media || imageProps),\n                })}\n            >\n                <Content\n                    title={title}\n                    text={text}\n                    additionalInfo={additionalInfo}\n                    size={contentSize}\n                    list={list}\n                    links={[...(link ? [link] : []), ...(links || [])]}\n                    buttons={buttons}\n                    colSizes={{all: 12}}\n                />\n            </div>\n        </Col>\n    );\n};\n\nexport default TabsTextContent;\n"]}

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

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

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

@@ -1,10 +1,14 @@
-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 = {
+"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.js"));
+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 = {
     type: 'object',
     additionalProperties: false,
     required: ['tabName'],
@@ -13,26 +17,27 @@ export const tabsItem = {
         }, caption: {
             type: 'string',
             contentType: 'text',
-        }, media: withTheme({
+        }, media: (0, common_1.withTheme)({
             type: 'object',
-            properties: MediaProps,
+            properties: common_1.MediaProps,
         }), 
         //TODO deprecated
-        link: LinkProps, image: withTheme(ImageProps), border: {
+        link: common_1.LinkProps, image: (0, common_1.withTheme)(schema_1.ImageProps), border: {
             type: 'string',
             enum: ['shadow', 'line', 'none'],
         } }),
 };
-export const TabsBlock = {
+exports.TabsBlock = {
     'tabs-block': {
         additionalProperties: false,
         required: ['title', 'items'],
-        properties: Object.assign(Object.assign(Object.assign({}, BlockBaseProps), BlockHeaderProps), { tabsColSizes: containerSizesArray.reduce((acc, size) => (Object.assign(Object.assign({}, acc), { [size]: sizeNumber })), {}), direction: {
+        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: {
                 type: 'string',
-                enum: mediaDirection,
-            }, centered: { type: 'boolean' }, items: filteredArray(tabsItem), contentSize: {
+                enum: common_1.mediaDirection,
+            }, centered: { type: 'boolean' }, items: (0, utils_1.filteredArray)(exports.tabsItem), contentSize: {
                 type: 'string',
-                enum: contentSizes,
+                enum: common_1.contentSizes,
             } }),
     },
 };
+//# sourceMappingURL=schema.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Tabs/schema.ts"],"names":[],"mappings":";;;;AAAA,kEAA+B;AAE/B,6DAAyD;AACzD,8DAUwC;AACxC,4DAA4D;AAC5D,+DAA4D;AAE5D,MAAM,oBAAoB,GAAG,IAAA,cAAI,EAAC,oBAAW,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;AAE7E,QAAA,QAAQ,GAAG;IACpB,IAAI,EAAE,QAAQ;IACd,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,CAAC,SAAS,CAAC;IACrB,UAAU,kCACH,oBAAoB,KACvB,OAAO,EAAE;YACL,IAAI,EAAE,QAAQ;SACjB,EACD,OAAO,EAAE;YACL,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,MAAM;SACtB,EACD,KAAK,EAAE,IAAA,kBAAS,EAAC;YACb,IAAI,EAAE,QAAQ;YACd,UAAU,EAAE,mBAAU;SACzB,CAAC;QACF,iBAAiB;QACjB,IAAI,EAAE,kBAAS,EACf,KAAK,EAAE,IAAA,kBAAS,EAAC,mBAAU,CAAC,EAC5B,MAAM,EAAE;YACJ,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC;SACnC,GACJ;CACJ,CAAC;AAEW,QAAA,SAAS,GAAG;IACrB,YAAY,EAAE;QACV,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;QAC5B,UAAU,gDACH,uBAAc,GACd,yBAAgB,KACnB,YAAY,EAAE,4BAAmB,CAAC,MAAM,CACpC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,iCAAK,GAAG,KAAE,CAAC,IAAI,CAAC,EAAE,mBAAU,IAAE,EAC7C,EAAE,CACL,EACD,SAAS,EAAE;gBACP,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,uBAAc;aACvB,EACD,QAAQ,EAAE,EAAC,IAAI,EAAE,SAAS,EAAC,EAC3B,KAAK,EAAE,IAAA,qBAAa,EAAC,gBAAQ,CAAC,EAC9B,WAAW,EAAE;gBACT,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,qBAAY;aACrB,GACJ;KACJ;CACJ,CAAC","sourcesContent":["import omit from 'lodash/omit';\n\nimport {ImageProps} from '../../components/Image/schema';\nimport {\n    BlockBaseProps,\n    BlockHeaderProps,\n    LinkProps,\n    MediaProps,\n    containerSizesArray,\n    contentSizes,\n    mediaDirection,\n    sizeNumber,\n    withTheme,\n} from '../../schema/validators/common';\nimport {filteredArray} from '../../schema/validators/utils';\nimport {ContentBase} from '../../sub-blocks/Content/schema';\n\nconst TabsItemContentProps = omit(ContentBase, ['size', 'colSizes', 'centered', 'theme']);\n\nexport const tabsItem = {\n    type: 'object',\n    additionalProperties: false,\n    required: ['tabName'],\n    properties: {\n        ...TabsItemContentProps,\n        tabName: {\n            type: 'string',\n        },\n        caption: {\n            type: 'string',\n            contentType: 'text',\n        },\n        media: withTheme({\n            type: 'object',\n            properties: MediaProps,\n        }),\n        //TODO deprecated\n        link: LinkProps,\n        image: withTheme(ImageProps),\n        border: {\n            type: 'string',\n            enum: ['shadow', 'line', 'none'],\n        },\n    },\n};\n\nexport const TabsBlock = {\n    'tabs-block': {\n        additionalProperties: false,\n        required: ['title', 'items'],\n        properties: {\n            ...BlockBaseProps,\n            ...BlockHeaderProps,\n            tabsColSizes: containerSizesArray.reduce(\n                (acc, size) => ({...acc, [size]: sizeNumber}),\n                {},\n            ),\n            direction: {\n                type: 'string',\n                enum: mediaDirection,\n            },\n            centered: {type: 'boolean'},\n            items: filteredArray(tabsItem),\n            contentSize: {\n                type: 'string',\n                enum: contentSizes,\n            },\n        },\n    },\n};\n"]}

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

@@ -1,19 +1,19 @@
-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';
+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";