@doyourjob/gravity-ui-page-constructor 5.31.238 → 5.31.239

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

@@ -65,7 +65,13 @@ const TabsBlock = ({ items, title, description, animated, tabsColSizes, centered
     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 && (react_1.default.createElement(TabsTextContent_1.default, { showMedia: showMedia, data: activeTabData, imageProps: imageProps ? imageProps : undefined, isReverse: isReverse, contentSize: contentSize, centered: centered }));
-    const mediaContent = showMedia && (react_1.default.createElement(grid_1.Col, { sizes: { all: 12, md: 8 }, orders: {
+    const mediaContentSizes = (0, react_1.useMemo)(() => {
+        if (activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.contentColumns) {
+            return { all: 12, md: 12 - activeTabData.contentColumns };
+        }
+        return { all: 12, md: 8 };
+    }, [activeTabData]);
+    const mediaContent = showMedia && (react_1.default.createElement(grid_1.Col, { sizes: mediaContentSizes, orders: {
             all: grid_1.GridColumnOrderClasses.Last,
             md: grid_1.GridColumnOrderClasses.First,
         }, className: b('col', { centered: centered }) },

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

@@ -2,17 +2,23 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TabsTextContent = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const react_1 = tslib_1.__importStar(require("react"));
 const grid_1 = require("../../../grid");
 const sub_blocks_1 = require("../../../sub-blocks");
 const utils_1 = require("../../../utils");
 const b = (0, utils_1.block)('tabs-block-text-content');
 const TabsTextContent = ({ centered, contentSize = 's', showMedia, data, imageProps, isReverse, }) => {
+    const { media, title, text, additionalInfo, link, links, buttons, list, contentColumns } = data || {};
+    const sizes = (0, react_1.useMemo)(() => {
+        if (contentColumns) {
+            return { all: 12, md: contentColumns };
+        }
+        return { all: 12, md: showMedia ? 4 : 8 };
+    }, [contentColumns, showMedia]);
     if (!data) {
         return null;
     }
-    const { media, title, text, additionalInfo, link, links, buttons, list } = data;
-    return (react_1.default.createElement(grid_1.Col, { sizes: { all: 12, md: showMedia ? 4 : 8 }, className: b({ centered: centered }) },
+    return (react_1.default.createElement(grid_1.Col, { sizes: sizes, className: b({ centered: centered }) },
         react_1.default.createElement("div", { className: b('wrapper', {
                 reverse: isReverse,
                 'no-image': !(media || imageProps),

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

@@ -6,6 +6,10 @@ export declare const tabsItem: {
         tabName: {
             type: string;
         };
+        contentColumns: {
+            type: string;
+            enum: number[];
+        };
         caption: {
             type: string;
             contentType: string;

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

@@ -14,6 +14,9 @@ exports.tabsItem = {
     required: ['tabName'],
     properties: Object.assign(Object.assign({}, TabsItemContentProps), { tabName: {
             type: 'string',
+        }, contentColumns: {
+            type: 'number',
+            enum: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],
         }, caption: {
             type: 'string',
             contentType: 'text',

package/build/cjs/models/constructor-items/blocks.d.ts

@@ -476,6 +476,7 @@ export interface TabsBlockItem extends Omit<ContentBlockProps, 'size' | 'colSize
     image?: ThemedImage;
     caption?: string;
     media?: ThemedMediaProps;
+    contentColumns?: number;
 }
 export interface TabsBlockProps extends Animatable {
     title?: TitleItemProps | string;

package/build/esm/blocks/Tabs/Tabs.js

@@ -1,4 +1,4 @@
-import React, { Fragment, useCallback, useEffect, useRef, useState } from 'react';
+import React, { Fragment, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { useUniqId } from '@gravity-ui/uikit';
 import AnimateBlock from '../../components/AnimateBlock/AnimateBlock';
 import ButtonTabs from '../../components/ButtonTabs/ButtonTabs';
@@ -62,7 +62,13 @@ export const TabsBlock = ({ items, title, description, animated, tabsColSizes, c
     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 && (React.createElement(TabsTextContent, { showMedia: showMedia, data: activeTabData, imageProps: imageProps ? imageProps : undefined, isReverse: isReverse, contentSize: contentSize, centered: centered }));
-    const mediaContent = showMedia && (React.createElement(Col, { sizes: { all: 12, md: 8 }, orders: {
+    const mediaContentSizes = useMemo(() => {
+        if (activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.contentColumns) {
+            return { all: 12, md: 12 - activeTabData.contentColumns };
+        }
+        return { all: 12, md: 8 };
+    }, [activeTabData]);
+    const mediaContent = showMedia && (React.createElement(Col, { sizes: mediaContentSizes, orders: {
             all: GridColumnOrderClasses.Last,
             md: GridColumnOrderClasses.First,
         }, className: b('col', { centered: centered }) },

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

@@ -1,15 +1,21 @@
-import React from 'react';
+import React, { useMemo } from 'react';
 import { Col } from '../../../grid';
 import { Content } from '../../../sub-blocks';
 import { block } from '../../../utils';
 import './TabsTextContent.css';
 const b = block('tabs-block-text-content');
 export const TabsTextContent = ({ centered, contentSize = 's', showMedia, data, imageProps, isReverse, }) => {
+    const { media, title, text, additionalInfo, link, links, buttons, list, contentColumns } = data || {};
+    const sizes = useMemo(() => {
+        if (contentColumns) {
+            return { all: 12, md: contentColumns };
+        }
+        return { all: 12, md: showMedia ? 4 : 8 };
+    }, [contentColumns, showMedia]);
     if (!data) {
         return null;
     }
-    const { media, title, text, additionalInfo, link, links, buttons, list } = data;
-    return (React.createElement(Col, { sizes: { all: 12, md: showMedia ? 4 : 8 }, className: b({ centered: centered }) },
+    return (React.createElement(Col, { sizes: sizes, className: b({ centered: centered }) },
         React.createElement("div", { className: b('wrapper', {
                 reverse: isReverse,
                 'no-image': !(media || imageProps),

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

@@ -6,6 +6,10 @@ export declare const tabsItem: {
         tabName: {
             type: string;
         };
+        contentColumns: {
+            type: string;
+            enum: number[];
+        };
         caption: {
             type: string;
             contentType: string;

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

@@ -10,6 +10,9 @@ export const tabsItem = {
     required: ['tabName'],
     properties: Object.assign(Object.assign({}, TabsItemContentProps), { tabName: {
             type: 'string',
+        }, contentColumns: {
+            type: 'number',
+            enum: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],
         }, caption: {
             type: 'string',
             contentType: 'text',

package/build/esm/models/constructor-items/blocks.d.ts

@@ -476,6 +476,7 @@ export interface TabsBlockItem extends Omit<ContentBlockProps, 'size' | 'colSize
     image?: ThemedImage;
     caption?: string;
     media?: ThemedMediaProps;
+    contentColumns?: number;
 }
 export interface TabsBlockProps extends Animatable {
     title?: TitleItemProps | string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@doyourjob/gravity-ui-page-constructor",
-  "version": "5.31.238",
+  "version": "5.31.239",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {