@gravity-ui/page-constructor 6.2.0-beta.1 → 7.0.0-beta.2

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

@@ -0,0 +1,126 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isFocusable = exports.DEFAULT_SLIDE_BREAKPOINTS = void 0;
+exports.getSlidesToShowWithDefaults = getSlidesToShowWithDefaults;
+exports.getSliderResponsiveParams = getSliderResponsiveParams;
+exports.getSlidesCountByBreakpoint = getSlidesCountByBreakpoint;
+exports.getSlidesToShowCount = getSlidesToShowCount;
+exports.useRovingTabIndex = useRovingTabIndex;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+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.Xl]: 3,
+    [models_1.SliderBreakpointNames.Lg]: 2,
+    [models_1.SliderBreakpointNames.Md]: 2,
+    [models_1.SliderBreakpointNames.Sm]: 1.15,
+};
+const BREAKPOINT_NAMES_BY_VALUES = Object.entries(constants_1.BREAKPOINTS).reduce((acc, [key, value]) => (Object.assign(Object.assign({}, acc), { [value]: key })), {});
+const isFocusable = (element) => {
+    if (!(element instanceof HTMLElement)) {
+        return false;
+    }
+    const tabIndexAttr = element.getAttribute('tabindex');
+    const hasTabIndex = tabIndexAttr !== null;
+    const tabIndex = Number(tabIndexAttr);
+    if (element.ariaHidden === 'true' || (hasTabIndex && tabIndex < 0)) {
+        return false;
+    }
+    if (hasTabIndex && tabIndex >= 0) {
+        return true;
+    }
+    // without this jest fails here for some reason
+    let htmlElement;
+    switch (true) {
+        case element instanceof HTMLAnchorElement:
+            htmlElement = element;
+            return Boolean(htmlElement.href);
+        case element instanceof HTMLInputElement:
+            htmlElement = element;
+            return htmlElement.type !== 'hidden' && !htmlElement.disabled;
+        case element instanceof HTMLSelectElement:
+        case element instanceof HTMLTextAreaElement:
+        case element instanceof HTMLButtonElement:
+            htmlElement = element;
+            return !htmlElement.disabled;
+        default:
+            return false;
+    }
+};
+exports.isFocusable = isFocusable;
+function getSlidesToShowWithDefaults({ contentLength, breakpoints, mobileFullscreen, }) {
+    let result;
+    if (typeof breakpoints === 'number') {
+        result = Object.keys(exports.DEFAULT_SLIDE_BREAKPOINTS).reduce((acc, breakpointName) => (Object.assign(Object.assign({}, acc), { [breakpointName]: breakpoints })), {});
+    }
+    else {
+        result = breakpoints || exports.DEFAULT_SLIDE_BREAKPOINTS;
+    }
+    return Object.assign(Object.assign(Object.assign({}, exports.DEFAULT_SLIDE_BREAKPOINTS), (0, pickBy_1.default)(result, (value) => !isNaN(value))), { sm: !mobileFullscreen && contentLength > 1 ? exports.DEFAULT_SLIDE_BREAKPOINTS.sm : 1 });
+}
+function getSliderResponsiveParams(breakpoints) {
+    return Object.entries(breakpoints).map(([breakpointName, slidesToShow]) => ({
+        breakpoint: constants_1.BREAKPOINTS[breakpointName],
+        settings: { slidesToShow },
+    }));
+}
+function getSlidesCountByBreakpoint(breakpoint, breakpoints) {
+    const breakpointName = BREAKPOINT_NAMES_BY_VALUES[breakpoint];
+    return Math.floor(breakpoints[breakpointName]);
+}
+function getSlidesToShowCount(breakpoints) {
+    return Math.floor(Math.max(...Object.values(breakpoints)));
+}
+const getRovingListItemId = (uniqId, index) => `${uniqId}-roving-tabindex-item-${index}`;
+function useRovingTabIndex(props) {
+    const { itemCount, activeIndex, firstIndex = 0, uniqId } = props;
+    const [currentIndex, setCurrentIndex] = React.useState(firstIndex);
+    const hasFocusRef = React.useRef(false);
+    const lastIndex = itemCount + firstIndex - 1;
+    const getRovingItemProps = (index) => {
+        return {
+            id: getRovingListItemId(uniqId, index),
+            tabIndex: index === activeIndex ? 0 : -1,
+            onFocus: () => {
+                setCurrentIndex(index);
+                hasFocusRef.current = true;
+            },
+        };
+    };
+    React.useEffect(() => {
+        var _a;
+        if (!hasFocusRef.current) {
+            return;
+        }
+        (_a = document.getElementById(getRovingListItemId(uniqId, currentIndex))) === null || _a === void 0 ? void 0 : _a.focus();
+    }, [activeIndex, currentIndex, uniqId]);
+    const setNextIndex = () => setCurrentIndex((prev) => (prev >= lastIndex ? firstIndex : prev + 1));
+    const setPrevIndex = () => setCurrentIndex((prev) => (prev <= firstIndex ? lastIndex : prev - 1));
+    const onRovingListKeyDown = (e) => {
+        const key = e.key.toLowerCase();
+        if (key !== 'tab' && key !== 'enter') {
+            e.preventDefault();
+        }
+        switch (key) {
+            case 'arrowleft':
+            case 'arrowup':
+                setPrevIndex();
+                return;
+            case 'arrowright':
+            case 'arrowdown':
+                setNextIndex();
+                return;
+        }
+    };
+    const onRovingListBlur = () => {
+        hasFocusRef.current = false;
+    };
+    const rovingListProps = {
+        onKeyDown: onRovingListKeyDown,
+        onBlur: onRovingListBlur,
+    };
+    return { getRovingItemProps, rovingListProps };
+}
+//# sourceMappingURL=utils.js.map

package/build/cjs/blocks/SliderOld/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"../../../../src","sources":["blocks/SliderOld/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport pickBy from 'lodash/pickBy';\n\nimport {BREAKPOINTS} from '../../constants';\n\nimport {SliderBreakpointNames, SliderBreakpointParams, SlidesToShow} from './models';\n\nexport const DEFAULT_SLIDE_BREAKPOINTS = {\n    [SliderBreakpointNames.Xl]: 3,\n    [SliderBreakpointNames.Lg]: 2,\n    [SliderBreakpointNames.Md]: 2,\n    [SliderBreakpointNames.Sm]: 1.15,\n};\n\nconst BREAKPOINT_NAMES_BY_VALUES = Object.entries(BREAKPOINTS).reduce<\n    Record<number, SliderBreakpointNames>\n>((acc, [key, value]) => ({...acc, [value]: key as SliderBreakpointNames}), {});\n\nexport interface GetSlidesToShowParams {\n    contentLength: number;\n    breakpoints?: SlidesToShow;\n    mobileFullscreen?: boolean;\n}\n\nexport const isFocusable = (element: Element): boolean => {\n    if (!(element instanceof HTMLElement)) {\n        return false;\n    }\n    const tabIndexAttr = element.getAttribute('tabindex');\n    const hasTabIndex = tabIndexAttr !== null;\n    const tabIndex = Number(tabIndexAttr);\n    if (element.ariaHidden === 'true' || (hasTabIndex && tabIndex < 0)) {\n        return false;\n    }\n    if (hasTabIndex && tabIndex >= 0) {\n        return true;\n    }\n\n    // without this jest fails here for some reason\n    let htmlElement:\n        | HTMLAnchorElement\n        | HTMLInputElement\n        | HTMLSelectElement\n        | HTMLTextAreaElement\n        | HTMLButtonElement;\n    switch (true) {\n        case element instanceof HTMLAnchorElement:\n            htmlElement = element as HTMLAnchorElement;\n            return Boolean(htmlElement.href);\n        case element instanceof HTMLInputElement:\n            htmlElement = element as HTMLInputElement;\n            return htmlElement.type !== 'hidden' && !htmlElement.disabled;\n        case element instanceof HTMLSelectElement:\n        case element instanceof HTMLTextAreaElement:\n        case element instanceof HTMLButtonElement:\n            htmlElement = element as HTMLSelectElement | HTMLTextAreaElement | HTMLButtonElement;\n            return !htmlElement.disabled;\n        default:\n            return false;\n    }\n};\n\nexport function getSlidesToShowWithDefaults({\n    contentLength,\n    breakpoints,\n    mobileFullscreen,\n}: GetSlidesToShowParams) {\n    let result;\n\n    if (typeof breakpoints === 'number') {\n        result = Object.keys(DEFAULT_SLIDE_BREAKPOINTS).reduce(\n            (acc, breakpointName) => ({...acc, [breakpointName]: breakpoints}),\n            {} as SliderBreakpointParams,\n        );\n    } else {\n        result = breakpoints || DEFAULT_SLIDE_BREAKPOINTS;\n    }\n\n    return {\n        ...DEFAULT_SLIDE_BREAKPOINTS,\n        ...pickBy(result, (value) => !isNaN(value)),\n        sm: !mobileFullscreen && contentLength > 1 ? DEFAULT_SLIDE_BREAKPOINTS.sm : 1,\n    };\n}\n\nexport function getSliderResponsiveParams(breakpoints: SliderBreakpointParams) {\n    return Object.entries(breakpoints).map(([breakpointName, slidesToShow]) => ({\n        breakpoint: BREAKPOINTS[breakpointName as SliderBreakpointNames],\n        settings: {slidesToShow},\n    }));\n}\n\nexport function getSlidesCountByBreakpoint(\n    breakpoint: number,\n    breakpoints: SliderBreakpointParams,\n) {\n    const breakpointName = BREAKPOINT_NAMES_BY_VALUES[breakpoint];\n\n    return Math.floor(breakpoints[breakpointName]);\n}\n\nexport function getSlidesToShowCount(breakpoints: SliderBreakpointParams) {\n    return Math.floor(Math.max(...Object.values(breakpoints)));\n}\n\nconst getRovingListItemId = (uniqId: string, index: number) =>\n    `${uniqId}-roving-tabindex-item-${index}`;\nexport function useRovingTabIndex(props: {\n    itemCount: number;\n    activeIndex: number;\n    firstIndex?: number;\n    uniqId: string;\n}) {\n    const {itemCount, activeIndex, firstIndex = 0, uniqId} = props;\n    const [currentIndex, setCurrentIndex] = React.useState(firstIndex);\n    const hasFocusRef = React.useRef(false);\n    const lastIndex = itemCount + firstIndex - 1;\n\n    const getRovingItemProps = (\n        index: number,\n    ): Pick<React.HTMLAttributes<HTMLElement>, 'id' | 'tabIndex' | 'onFocus'> => {\n        return {\n            id: getRovingListItemId(uniqId, index),\n            tabIndex: index === activeIndex ? 0 : -1,\n            onFocus: () => {\n                setCurrentIndex(index);\n                hasFocusRef.current = true;\n            },\n        };\n    };\n\n    React.useEffect(() => {\n        if (!hasFocusRef.current) {\n            return;\n        }\n        document.getElementById(getRovingListItemId(uniqId, currentIndex))?.focus();\n    }, [activeIndex, currentIndex, uniqId]);\n\n    const setNextIndex = () =>\n        setCurrentIndex((prev) => (prev >= lastIndex ? firstIndex : prev + 1));\n    const setPrevIndex = () =>\n        setCurrentIndex((prev) => (prev <= firstIndex ? lastIndex : prev - 1));\n\n    const onRovingListKeyDown: React.KeyboardEventHandler<HTMLElement> = (e) => {\n        const key = e.key.toLowerCase();\n\n        if (key !== 'tab' && key !== 'enter') {\n            e.preventDefault();\n        }\n\n        switch (key) {\n            case 'arrowleft':\n            case 'arrowup':\n                setPrevIndex();\n                return;\n            case 'arrowright':\n            case 'arrowdown':\n                setNextIndex();\n                return;\n        }\n    };\n\n    const onRovingListBlur: React.FocusEventHandler<HTMLElement> = () => {\n        hasFocusRef.current = false;\n    };\n\n    const rovingListProps: React.HTMLAttributes<HTMLElement> = {\n        onKeyDown: onRovingListKeyDown,\n        onBlur: onRovingListBlur,\n    };\n\n    return {getRovingItemProps, rovingListProps};\n}\n"]}

package/build/cjs/blocks/Table/Table.css

@@ -1,10 +1,10 @@
-.pc-table-block__title {
+.pc-table-block__title.pc-table-block__title {
   margin: 0;
 }
 
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
-.pc-table-block__title {
+.pc-table-block__title.pc-table-block__title {
   font-size: var(--g-text-display-2-font-size);
   line-height: var(--g-text-display-2-line-height);
   color: var(--pc-text-header-color);
@@ -14,11 +14,12 @@ unpredictable css rules order in build */
   margin-right: 32px;
 }
 @media (max-width: 576px) {
-  .pc-table-block__title {
+  .pc-table-block__title.pc-table-block__title {
     font-size: var(--g-text-display-1-font-size);
     line-height: var(--g-text-display-1-line-height);
   }
 }
+
 .pc-table-block__table {
   margin-top: 0;
 }

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

@@ -8,7 +8,9 @@ const utils_1 = require("../../utils/index.js");
 const b = (0, utils_1.block)('table-block');
 const TableBlock = (props) => {
     const { title, table } = props;
-    return ((0, jsx_runtime_1.jsx)("div", { className: b(), children: (0, jsx_runtime_1.jsx)(grid_1.Grid, { className: b('content'), children: (0, jsx_runtime_1.jsxs)(grid_1.Row, { className: b('row'), children: [(0, jsx_runtime_1.jsx)(grid_1.Col, { sizes: { [grid_1.GridColumnSize.Md]: 4, [grid_1.GridColumnSize.All]: 12 }, children: (0, jsx_runtime_1.jsx)("h2", { className: b('title'), children: title }) }), (0, jsx_runtime_1.jsx)(grid_1.Col, { sizes: { [grid_1.GridColumnSize.Md]: 8, [grid_1.GridColumnSize.All]: 12 }, children: (0, jsx_runtime_1.jsx)(components_1.Table, { 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)(components_1.YFMWrapper, { tagName: "h2", contentClassName: b('title'), content: title, modifiers: {
+                                constructor: true,
+                            } }) }), (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)) })] }) }) }));
 };
 exports.TableBlock = TableBlock;
 exports.default = exports.TableBlock;

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

@@ -1 +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,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,KAAM,KAAK,GAAI,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"]}
+{"version":3,"file":"Table.js","sourceRoot":"../../../../src","sources":["blocks/Table/Table.tsx"],"names":[],"mappings":";;;;AAAA,0DAAmD;AACnD,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,uBAAC,uBAAU,IACP,OAAO,EAAC,IAAI,EACZ,gBAAgB,EAAE,CAAC,CAAC,OAAO,CAAC,EAC5B,OAAO,EAAE,KAAK,EACd,SAAS,EAAE;gCACP,WAAW,EAAE,IAAI;6BACpB,GACH,GACA,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;AAxBW,QAAA,UAAU,cAwBrB;AAEF,kBAAe,kBAAU,CAAC","sourcesContent":["import {Table, YFMWrapper} 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                        <YFMWrapper\n                            tagName=\"h2\"\n                            contentClassName={b('title')}\n                            content={title}\n                            modifiers={{\n                                constructor: true,\n                            }}\n                        />\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

@@ -6,18 +6,13 @@ exports.TableBlock = {
     'table-block': {
         additionalProperties: false,
         required: ['title', 'table'],
-        properties: {
-            ...common_1.BlockBaseProps,
-            title: {
+        properties: Object.assign(Object.assign({}, common_1.BlockBaseProps), { title: {
                 type: 'string',
                 contentType: 'text',
-            },
-            table: {
+            }, table: {
                 additionalProperties: false,
                 required: ['content'],
-                properties: {
-                    ...common_1.BaseProps,
-                    content: {
+                properties: Object.assign(Object.assign({}, common_1.BaseProps), { content: {
                         type: 'array',
                         items: {
                             type: 'array',
@@ -36,31 +31,24 @@ exports.TableBlock = {
                                 ],
                             },
                         },
-                    },
-                    legend: {
+                    }, legend: {
                         type: 'array',
                         items: {
                             type: 'string',
                             contentType: 'yfm',
                         },
-                    },
-                    hideLegend: {
+                    }, hideLegend: {
                         type: 'boolean',
-                    },
-                    justify: {
+                    }, justify: {
                         type: 'array',
                         items: common_1.JustifyProps,
-                    },
-                    marker: {
+                    }, marker: {
                         type: 'string',
                         enum: ['disk', 'tick'],
-                    },
-                    caption: {
+                    }, caption: {
                         type: 'string',
-                    },
-                },
-            },
-        },
+                    } }),
+            } }),
     },
 };
 //# sourceMappingURL=schema.js.map

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

@@ -1 +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,EAAE;YACR,GAAG,uBAAc;YACjB,KAAK,EAAE;gBACH,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,MAAM;aACtB;YACD,KAAK,EAAE;gBACH,oBAAoB,EAAE,KAAK;gBAC3B,QAAQ,EAAE,CAAC,SAAS,CAAC;gBACrB,UAAU,EAAE;oBACR,GAAG,kBAAS;oBACZ,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;oBACD,MAAM,EAAE;wBACJ,IAAI,EAAE,OAAO;wBACb,KAAK,EAAE;4BACH,IAAI,EAAE,QAAQ;4BACd,WAAW,EAAE,KAAK;yBACrB;qBACJ;oBACD,UAAU,EAAE;wBACR,IAAI,EAAE,SAAS;qBAClB;oBACD,OAAO,EAAE;wBACL,IAAI,EAAE,OAAO;wBACb,KAAK,EAAE,qBAAY;qBACtB;oBACD,MAAM,EAAE;wBACJ,IAAI,EAAE,QAAQ;wBACd,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;qBACzB;oBACD,OAAO,EAAE;wBACL,IAAI,EAAE,QAAQ;qBACjB;iBACJ;aACJ;SACJ;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"]}
+{"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.js

@@ -22,6 +22,7 @@ const TabsTextContent_1 = tslib_1.__importDefault(require("./TabsTextContent/Tab
 const b = (0, utils_2.block)('tabs-block');
 // eslint-disable-next-line complexity
 const TabsBlock = ({ items, title, description, animated, tabsColSizes, centered, direction = 'media-content', contentSize = 's', }) => {
+    var _a, _b;
     const [activeTab, setActiveTab] = React.useState(items[0].tabName);
     const [play, setPlay] = React.useState(false);
     const theme = (0, theme_1.useTheme)();
@@ -29,17 +30,18 @@ const TabsBlock = ({ items, title, description, animated, tabsColSizes, centered
     const activeTabData = items.find(({ tabName }) => tabName === activeTab);
     const isReverse = direction === 'content-media';
     const ref = React.useRef(null);
-    const mediaWidth = ref?.current?.offsetWidth;
+    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?.media, theme);
-    const hasNoImage = !themedMedia?.image && !activeTabData?.image;
+    const themedMedia = (0, utils_2.getThemedValue)(activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.media, theme);
+    const hasNoImage = !(themedMedia === null || themedMedia === void 0 ? void 0 : themedMedia.image) && !(activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.image);
     const mediaVideoHeight = hasNoImage && mediaWidth && (0, VideoBlock_1.getHeight)(mediaWidth);
-    const [minImageHeight, setMinImageHeight] = React.useState(ref?.current?.offsetHeight);
+    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;
     const handleImageHeight = React.useCallback(() => {
-        if (minImageHeight !== ref?.current?.offsetHeight) {
-            setMinImageHeight(ref?.current?.offsetHeight);
+        var _a, _b;
+        if (minImageHeight !== ((_a = ref === null || ref === void 0 ? void 0 : ref.current) === null || _a === void 0 ? void 0 : _a.offsetHeight)) {
+            setMinImageHeight((_b = ref === null || ref === void 0 ? void 0 : ref.current) === null || _b === void 0 ? void 0 : _b.offsetHeight);
         }
     }, [minImageHeight]);
     const onSelectTab = React.useCallback((id, e) => {
@@ -54,7 +56,7 @@ const TabsBlock = ({ items, title, description, animated, tabsColSizes, centered
         handleImageHeight();
     }, [activeTab, handleImageHeight]);
     if (activeTabData) {
-        const themedImage = (0, utils_2.getThemedValue)(activeTabData?.image, theme);
+        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, {
@@ -62,19 +64,19 @@ const TabsBlock = ({ items, title, description, animated, tabsColSizes, centered
             });
         }
     }
-    const showMedia = Boolean(activeTabData?.media || imageProps);
-    const showText = Boolean(activeTabData?.text);
-    const border = activeTabData?.border || 'shadow';
+    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?.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, { ...(0, microdata_1.mergeVideoMicrodata)((0, utils_2.getThemedValue)(activeTabData.media, theme), {
-                            name: activeTabData.tabName,
-                            description: activeTabData.caption
-                                ? activeTabData.caption
-                                : undefined,
-                        }), key: activeTab, className: b('media', { border }), playVideo: play, height: mediaVideoHeight || undefined, onImageLoad: handleImageHeight }) }) })), imageProps && ((0, jsx_runtime_1.jsx)(React.Fragment, { children: (0, jsx_runtime_1.jsx)(FullscreenImage_1.default, { ...imageProps, imageClassName: b('image', { border }) }) })), 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 }) }))] }));
+        }, className: b('col', { centered: centered }), children: [(activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.media) && ((0, jsx_runtime_1.jsx)("div", { style: { minHeight: mediaVideoHeight || minImageHeight }, children: (0, jsx_runtime_1.jsx)("div", { ref: ref, children: (0, react_1.createElement)(Media_1.default, Object.assign({}, (0, microdata_1.mergeVideoMicrodata)((0, utils_2.getThemedValue)(activeTabData.media, theme), {
+                        name: activeTabData.tabName,
+                        description: activeTabData.caption
+                            ? activeTabData.caption
+                            : undefined,
+                    }), { key: activeTab, className: b('media', { border }), playVideo: play, height: mediaVideoHeight || undefined, onImageLoad: handleImageHeight })) }) })), imageProps && ((0, jsx_runtime_1.jsx)(React.Fragment, { children: (0, jsx_runtime_1.jsx)(FullscreenImage_1.default, Object.assign({}, imageProps, { imageClassName: b('image', { border }) })) })), (activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.caption) && ((0, jsx_runtime_1.jsx)("p", { className: b('caption'), id: captionId, children: (0, jsx_runtime_1.jsx)(YFMWrapper_1.default, { content: activeTabData.caption, modifiers: { constructor: true }, id: captionId }) }))] }));
     return ((0, jsx_runtime_1.jsxs)(AnimateBlock_1.default, { className: b(), onScroll: () => setPlay(true), animate: animated, children: [(0, jsx_runtime_1.jsx)(Title_1.default, { title: title, subtitle: description, className: b('title', { centered: centered }) }), (0, jsx_runtime_1.jsx)(grid_1.Row, { justifyContent: centered ? grid_1.GridJustifyContent.Center : undefined, children: (0, jsx_runtime_1.jsx)(grid_1.Col, { sizes: tabsColSizes, children: (0, jsx_runtime_1.jsx)(ButtonTabs_1.default, { items: tabs, onSelectTab: onSelectTab, activeTab: activeTab, className: b('tabs', { centered: centered }) }) }) }), activeTabData && ((0, jsx_runtime_1.jsxs)(grid_1.Row, { className: b('row', { reverse: isReverse }), children: [mediaContent, textContent] }))] }));
 };
 exports.TabsBlock = TabsBlock;

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

@@ -1 +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"]}
+{"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/schema.js

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

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

@@ -1 +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,EAAE;QACR,GAAG,oBAAoB;QACvB,OAAO,EAAE;YACL,IAAI,EAAE,QAAQ;SACjB;QACD,OAAO,EAAE;YACL,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,MAAM;SACtB;QACD,KAAK,EAAE,IAAA,kBAAS,EAAC;YACb,IAAI,EAAE,QAAQ;YACd,UAAU,EAAE,mBAAU;SACzB,CAAC;QACF,iBAAiB;QACjB,IAAI,EAAE,kBAAS;QACf,KAAK,EAAE,IAAA,kBAAS,EAAC,mBAAU,CAAC;QAC5B,MAAM,EAAE;YACJ,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC;SACnC;KACJ;CACJ,CAAC;AAEW,QAAA,SAAS,GAAG;IACrB,YAAY,EAAE;QACV,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;QAC5B,UAAU,EAAE;YACR,GAAG,uBAAc;YACjB,GAAG,yBAAgB;YACnB,YAAY,EAAE,4BAAmB,CAAC,MAAM,CACpC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,EAAC,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,mBAAU,EAAC,CAAC,EAC7C,EAAE,CACL;YACD,SAAS,EAAE;gBACP,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,uBAAc;aACvB;YACD,QAAQ,EAAE,EAAC,IAAI,EAAE,SAAS,EAAC;YAC3B,KAAK,EAAE,IAAA,qBAAa,EAAC,gBAAQ,CAAC;YAC9B,WAAW,EAAE;gBACT,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,qBAAY;aACrB;SACJ;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"]}
+{"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

@@ -3,7 +3,9 @@ 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 SliderOldBlock } from "./SliderOld/SliderOld.js";
 export { default as SliderBlock } from "./Slider/Slider.js";
+export type { Swiper, SwiperOptions } 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";

package/build/cjs/blocks/index.js

@@ -1,6 +1,6 @@
 "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;
+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.SliderOldBlock = 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; } });
@@ -12,6 +12,8 @@ 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 SliderOld_1 = require("./SliderOld/SliderOld.js");
+Object.defineProperty(exports, "SliderOldBlock", { enumerable: true, get: function () { return tslib_1.__importDefault(SliderOld_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");

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["blocks/index.ts"],"names":[],"mappings":";;;;AAAA,6CAAuD;AAA/C,8HAAA,OAAO,OAAe;AAC9B,sDAAgE;AAAxD,oIAAA,OAAO,OAAkB;AACjC,uCAAiD;AAAzC,0HAAA,OAAO,OAAa;AAC5B,0CAAoD;AAA5C,4HAAA,OAAO,OAAc;AAC7B,oCAA8C;AAAtC,wHAAA,OAAO,OAAY;AAC3B,6CAAuD;AAA/C,8HAAA,OAAO,OAAe;AAC9B,2EAAqF;AAA7E,kJAAA,OAAO,OAAyB;AACxC,iFAAsF;AAA9E,iJAAA,OAAO,OAAsB;AACrC,sDAAgE;AAAxD,oIAAA,OAAO,OAAkB;AACjC,0CAAoD;AAA5C,4HAAA,OAAO,OAAc;AAC7B,uCAAiD;AAAzC,0HAAA,OAAO,OAAa;AAC5B,6CAAuD;AAA/C,8HAAA,OAAO,OAAe;AAC9B,0CAAoD;AAA5C,4HAAA,OAAO,OAAc;AAC7B,+DAAyE;AAAjE,0IAAA,OAAO,OAAqB;AACpC,yDAAmE;AAA3D,sIAAA,OAAO,OAAmB;AAClC,kEAA4E;AAApE,4IAAA,OAAO,OAAsB;AACrC,0CAAoD;AAA5C,4HAAA,OAAO,OAAc;AAC7B,4DAAiE;AAAzD,mIAAA,OAAO,OAAe;AAC9B,uCAAiD;AAAzC,0HAAA,OAAO,OAAa","sourcesContent":["export {default as BannerBlock} from './Banner/Banner';\nexport {default as CompaniesBlock} from './Companies/Companies';\nexport {default as InfoBlock} from './Info/Info';\nexport {default as MediaBlock} from './Media/Media';\nexport {default as MapBlock} from './Map/Map';\nexport {default as SliderBlock} from './Slider/Slider';\nexport {default as ExtendedFeaturesBlock} from './ExtendedFeatures/ExtendedFeatures';\nexport {default as PromoFeaturesBlock} from './PromoFeaturesBlock/PromoFeaturesBlock';\nexport {default as QuestionsBlock} from './Questions/Questions';\nexport {default as TableBlock} from './Table/Table';\nexport {default as TabsBlock} from './Tabs/Tabs';\nexport {default as HeaderBlock} from './Header/Header';\nexport {default as IconsBlock} from './Icons/Icons';\nexport {default as HeaderSliderBlock} from './HeaderSlider/HeaderSlider';\nexport {default as CardLayoutBlock} from './CardLayout/CardLayout';\nexport {default as ContentLayoutBlock} from './ContentLayout/ContentLayout';\nexport {default as ShareBlock} from './Share/Share';\nexport {default as FilterBlock} from './FilterBlock/FilterBlock';\nexport {default as FormBlock} from './Form/Form';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["blocks/index.ts"],"names":[],"mappings":";;;;AAAA,6CAAuD;AAA/C,8HAAA,OAAO,OAAe;AAC9B,sDAAgE;AAAxD,oIAAA,OAAO,OAAkB;AACjC,uCAAiD;AAAzC,0HAAA,OAAO,OAAa;AAC5B,0CAAoD;AAA5C,4HAAA,OAAO,OAAc;AAC7B,oCAA8C;AAAtC,wHAAA,OAAO,OAAY;AAC3B,sDAAgE;AAAxD,oIAAA,OAAO,OAAkB;AACjC,6CAAuD;AAA/C,8HAAA,OAAO,OAAe;AAE9B,2EAAqF;AAA7E,kJAAA,OAAO,OAAyB;AACxC,iFAAsF;AAA9E,iJAAA,OAAO,OAAsB;AACrC,sDAAgE;AAAxD,oIAAA,OAAO,OAAkB;AACjC,0CAAoD;AAA5C,4HAAA,OAAO,OAAc;AAC7B,uCAAiD;AAAzC,0HAAA,OAAO,OAAa;AAC5B,6CAAuD;AAA/C,8HAAA,OAAO,OAAe;AAC9B,0CAAoD;AAA5C,4HAAA,OAAO,OAAc;AAC7B,+DAAyE;AAAjE,0IAAA,OAAO,OAAqB;AACpC,yDAAmE;AAA3D,sIAAA,OAAO,OAAmB;AAClC,kEAA4E;AAApE,4IAAA,OAAO,OAAsB;AACrC,0CAAoD;AAA5C,4HAAA,OAAO,OAAc;AAC7B,4DAAiE;AAAzD,mIAAA,OAAO,OAAe;AAC9B,uCAAiD;AAAzC,0HAAA,OAAO,OAAa","sourcesContent":["export {default as BannerBlock} from './Banner/Banner';\nexport {default as CompaniesBlock} from './Companies/Companies';\nexport {default as InfoBlock} from './Info/Info';\nexport {default as MediaBlock} from './Media/Media';\nexport {default as MapBlock} from './Map/Map';\nexport {default as SliderOldBlock} from './SliderOld/SliderOld';\nexport {default as SliderBlock} from './Slider/Slider';\nexport type {Swiper, SwiperOptions} from './Slider/Slider';\nexport {default as ExtendedFeaturesBlock} from './ExtendedFeatures/ExtendedFeatures';\nexport {default as PromoFeaturesBlock} from './PromoFeaturesBlock/PromoFeaturesBlock';\nexport {default as QuestionsBlock} from './Questions/Questions';\nexport {default as TableBlock} from './Table/Table';\nexport {default as TabsBlock} from './Tabs/Tabs';\nexport {default as HeaderBlock} from './Header/Header';\nexport {default as IconsBlock} from './Icons/Icons';\nexport {default as HeaderSliderBlock} from './HeaderSlider/HeaderSlider';\nexport {default as CardLayoutBlock} from './CardLayout/CardLayout';\nexport {default as ContentLayoutBlock} from './ContentLayout/ContentLayout';\nexport {default as ShareBlock} from './Share/Share';\nexport {default as FilterBlock} from './FilterBlock/FilterBlock';\nexport {default as FormBlock} from './Form/Form';\n"]}

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

@@ -10,6 +10,7 @@ export * from "./Info/schema.js";
 export * from "./Media/schema.js";
 export * from "./PromoFeaturesBlock/schema.js";
 export * from "./Questions/schema.js";
+export * from "./SliderOld/schema.js";
 export * from "./Slider/schema.js";
 export * from "./Table/schema.js";
 export * from "./Share/schema.js";

package/build/cjs/blocks/validators.js

@@ -13,6 +13,7 @@ tslib_1.__exportStar(require("./Info/schema.js"), exports);
 tslib_1.__exportStar(require("./Media/schema.js"), exports);
 tslib_1.__exportStar(require("./PromoFeaturesBlock/schema.js"), exports);
 tslib_1.__exportStar(require("./Questions/schema.js"), exports);
+tslib_1.__exportStar(require("./SliderOld/schema.js"), exports);
 tslib_1.__exportStar(require("./Slider/schema.js"), exports);
 tslib_1.__exportStar(require("./Table/schema.js"), exports);
 tslib_1.__exportStar(require("./Share/schema.js"), exports);

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

@@ -1 +1 @@
-{"version":3,"file":"validators.js","sourceRoot":"../../../src","sources":["blocks/validators.ts"],"names":[],"mappings":";;;AAAA,6DAAgC;AAChC,iEAAoC;AACpC,gEAAmC;AACnC,oEAAuC;AACvC,uEAA0C;AAC1C,6DAAgC;AAChC,mEAAsC;AACtC,4DAA+B;AAC/B,2DAA8B;AAC9B,4DAA+B;AAC/B,yEAA4C;AAC5C,gEAAmC;AACnC,6DAAgC;AAChC,4DAA+B;AAC/B,4DAA+B","sourcesContent":["export * from './Banner/schema';\nexport * from './CardLayout/schema';\nexport * from './Companies/schema';\nexport * from './ContentLayout/schema';\nexport * from './ExtendedFeatures/schema';\nexport * from './Header/schema';\nexport * from './HeaderSlider/schema';\nexport * from './Icons/schema';\nexport * from './Info/schema';\nexport * from './Media/schema';\nexport * from './PromoFeaturesBlock/schema';\nexport * from './Questions/schema';\nexport * from './Slider/schema';\nexport * from './Table/schema';\nexport * from './Share/schema';\n"]}
+{"version":3,"file":"validators.js","sourceRoot":"../../../src","sources":["blocks/validators.ts"],"names":[],"mappings":";;;AAAA,6DAAgC;AAChC,iEAAoC;AACpC,gEAAmC;AACnC,oEAAuC;AACvC,uEAA0C;AAC1C,6DAAgC;AAChC,mEAAsC;AACtC,4DAA+B;AAC/B,2DAA8B;AAC9B,4DAA+B;AAC/B,yEAA4C;AAC5C,gEAAmC;AACnC,gEAAmC;AACnC,6DAAgC;AAChC,4DAA+B;AAC/B,4DAA+B","sourcesContent":["export * from './Banner/schema';\nexport * from './CardLayout/schema';\nexport * from './Companies/schema';\nexport * from './ContentLayout/schema';\nexport * from './ExtendedFeatures/schema';\nexport * from './Header/schema';\nexport * from './HeaderSlider/schema';\nexport * from './Icons/schema';\nexport * from './Info/schema';\nexport * from './Media/schema';\nexport * from './PromoFeaturesBlock/schema';\nexport * from './Questions/schema';\nexport * from './SliderOld/schema';\nexport * from './Slider/schema';\nexport * from './Table/schema';\nexport * from './Share/schema';\n"]}

package/build/cjs/components/Author/Author.js

@@ -17,7 +17,7 @@ const Author = (props) => {
     if (!isAvatarJSX && avatar) {
         avatarProps = (0, utils_2.getMediaImage)(avatar);
     }
-    return ((0, jsx_runtime_1.jsxs)("div", { className: b({ type, theme }, className), "data-qa": qa, children: [avatar && ((0, jsx_runtime_1.jsx)("div", { className: b('avatar', authorContainerClassName), children: isAvatarJSX ? avatar : (0, jsx_runtime_1.jsx)(index_1.Image, { ...avatarProps }) })), (0, jsx_runtime_1.jsxs)("div", { className: b('label'), children: [(0, jsx_runtime_1.jsx)("div", { className: b('name'), children: name }), description && (0, jsx_runtime_1.jsx)("div", { className: b('description'), children: description })] })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: b({ type, theme }, className), "data-qa": qa, children: [avatar && ((0, jsx_runtime_1.jsx)("div", { className: b('avatar', authorContainerClassName), children: isAvatarJSX ? avatar : (0, jsx_runtime_1.jsx)(index_1.Image, Object.assign({}, avatarProps)) })), (0, jsx_runtime_1.jsxs)("div", { className: b('label'), children: [(0, jsx_runtime_1.jsx)("div", { className: b('name'), children: name }), description && (0, jsx_runtime_1.jsx)("div", { className: b('description'), children: description })] })] }));
 };
 exports.default = Author;
 //# sourceMappingURL=Author.js.map

package/build/cjs/components/Author/Author.js.map

@@ -1 +1 @@
-{"version":3,"file":"Author.js","sourceRoot":"../../../../src","sources":["components/Author/Author.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,kDAAiE;AACjE,gDAAkC;AAClC,mDAAmD;AACnD,uCAA+B;AAI/B,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,QAAQ,CAAC,CAAC;AAE1B,MAAM,MAAM,GAAG,CAAC,KAA2C,EAAE,EAAE;IAC3D,MAAM,EACF,MAAM,EACN,SAAS,EACT,wBAAwB,EACxB,IAAI,GAAG,mBAAU,CAAC,MAAM,EACxB,EAAE,EACF,KAAK,GACR,GAAG,KAAK,CAAC;IACV,MAAM,EAAC,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAC,GAAG,MAAM,CAAC;IAE5D,MAAM,IAAI,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,SAAS,IAAI,UAAU,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;IACnE,MAAM,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;IACjD,IAAI,WAAW,GAAG,EAAE,CAAC;IACrB,IAAI,CAAC,WAAW,IAAI,MAAM,EAAE,CAAC;QACzB,WAAW,GAAG,IAAA,qBAAa,EAAC,MAAoB,CAAC,CAAC;IACtD,CAAC;IAED,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAE,KAAK,EAAC,EAAE,SAAS,CAAC,aAAW,EAAE,aACnD,MAAM,IAAI,CACP,gCAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,EAAE,wBAAwB,CAAC,YAChD,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,uBAAC,aAAK,OAAK,WAAW,GAAI,GAChD,CACT,EACD,iCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,aACtB,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,IAAI,GAAO,EACtC,WAAW,IAAI,gCAAK,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,YAAG,WAAW,GAAO,IACnE,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AACF,kBAAe,MAAM,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {AuthorProps, AuthorType, ImageProps} from '../../models';\nimport {block} from '../../utils';\nimport {getMediaImage} from '../Media/Image/utils';\nimport {Image} from '../index';\n\nimport './Author.scss';\n\nconst b = block('author');\n\nconst Author = (props: React.PropsWithChildren<AuthorProps>) => {\n    const {\n        author,\n        className,\n        authorContainerClassName,\n        type = AuthorType.Column,\n        qa,\n        theme,\n    } = props;\n    const {firstName, secondName, description, avatar} = author;\n\n    const name = secondName ? `${firstName} ${secondName}` : firstName;\n    const isAvatarJSX = React.isValidElement(avatar);\n    let avatarProps = {};\n    if (!isAvatarJSX && avatar) {\n        avatarProps = getMediaImage(avatar as ImageProps);\n    }\n\n    return (\n        <div className={b({type, theme}, className)} data-qa={qa}>\n            {avatar && (\n                <div className={b('avatar', authorContainerClassName)}>\n                    {isAvatarJSX ? avatar : <Image {...avatarProps} />}\n                </div>\n            )}\n            <div className={b('label')}>\n                <div className={b('name')}>{name}</div>\n                {description && <div className={b('description')}>{description}</div>}\n            </div>\n        </div>\n    );\n};\nexport default Author;\n"]}
+{"version":3,"file":"Author.js","sourceRoot":"../../../../src","sources":["components/Author/Author.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,kDAAiE;AACjE,gDAAkC;AAClC,mDAAmD;AACnD,uCAA+B;AAI/B,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,QAAQ,CAAC,CAAC;AAE1B,MAAM,MAAM,GAAG,CAAC,KAA2C,EAAE,EAAE;IAC3D,MAAM,EACF,MAAM,EACN,SAAS,EACT,wBAAwB,EACxB,IAAI,GAAG,mBAAU,CAAC,MAAM,EACxB,EAAE,EACF,KAAK,GACR,GAAG,KAAK,CAAC;IACV,MAAM,EAAC,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAC,GAAG,MAAM,CAAC;IAE5D,MAAM,IAAI,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,SAAS,IAAI,UAAU,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;IACnE,MAAM,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;IACjD,IAAI,WAAW,GAAG,EAAE,CAAC;IACrB,IAAI,CAAC,WAAW,IAAI,MAAM,EAAE,CAAC;QACzB,WAAW,GAAG,IAAA,qBAAa,EAAC,MAAoB,CAAC,CAAC;IACtD,CAAC;IAED,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAE,KAAK,EAAC,EAAE,SAAS,CAAC,aAAW,EAAE,aACnD,MAAM,IAAI,CACP,gCAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,EAAE,wBAAwB,CAAC,YAChD,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,uBAAC,aAAK,oBAAK,WAAW,EAAI,GAChD,CACT,EACD,iCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,aACtB,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,IAAI,GAAO,EACtC,WAAW,IAAI,gCAAK,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,YAAG,WAAW,GAAO,IACnE,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AACF,kBAAe,MAAM,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {AuthorProps, AuthorType, ImageProps} from '../../models';\nimport {block} from '../../utils';\nimport {getMediaImage} from '../Media/Image/utils';\nimport {Image} from '../index';\n\nimport './Author.scss';\n\nconst b = block('author');\n\nconst Author = (props: React.PropsWithChildren<AuthorProps>) => {\n    const {\n        author,\n        className,\n        authorContainerClassName,\n        type = AuthorType.Column,\n        qa,\n        theme,\n    } = props;\n    const {firstName, secondName, description, avatar} = author;\n\n    const name = secondName ? `${firstName} ${secondName}` : firstName;\n    const isAvatarJSX = React.isValidElement(avatar);\n    let avatarProps = {};\n    if (!isAvatarJSX && avatar) {\n        avatarProps = getMediaImage(avatar as ImageProps);\n    }\n\n    return (\n        <div className={b({type, theme}, className)} data-qa={qa}>\n            {avatar && (\n                <div className={b('avatar', authorContainerClassName)}>\n                    {isAvatarJSX ? avatar : <Image {...avatarProps} />}\n                </div>\n            )}\n            <div className={b('label')}>\n                <div className={b('name')}>{name}</div>\n                {description && <div className={b('description')}>{description}</div>}\n            </div>\n        </div>\n    );\n};\nexport default Author;\n"]}