@gravity-ui/page-constructor 8.4.2 → 8.5.0-alpha.1

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

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const generateFormFieldsFromAjv_1 = require("../../form-generator-v2/utils/generateFormFieldsFromAjv.js");
+const Table_1 = tslib_1.__importDefault(require("./Table.js"));
+const schema_1 = require("./schema.js");
+const TableBlockConfig = {
+    type: 'table-block',
+    component: Table_1.default,
+    schema: {
+        name: 'Table Block',
+        group: '@gravity-ui/page-constructor/Blocks',
+        // TODO: change to custom block schema
+        inputs: (0, generateFormFieldsFromAjv_1.generateFormFieldsFromAjvSchema)(schema_1.TableBlock['table-block']),
+        default: {
+            type: 'table-block',
+            title: 'Lorem ipsum dolor sit amet',
+            table: {
+                content: [
+                    ['Lorem', 'ipsum 1', 'dolor 2', 'sit 3'],
+                    ['Lorem 1', '0', '0', '0'],
+                    ['Lorem 2', '0', '0', '1'],
+                    ['Lorem 3', '0', '0', '1'],
+                    ['Lorem 4', '0', '1', '1'],
+                    ['Lorem 5', '1', '1', '1'],
+                ],
+                legend: ['ipsum 1', 'ipsum 2'],
+                justify: ['start', 'center', 'center', 'center'],
+            },
+        },
+    },
+};
+exports.default = TableBlockConfig;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["blocks/Table/index.ts"],"names":[],"mappings":";;;AAEA,0GAAwG;AAExG,+DAAiC;AACjC,wCAAwD;AAExD,MAAM,gBAAgB,GAAG;IACrB,IAAI,EAAE,aAAa;IACnB,SAAS,EAAE,eAAU;IACrB,MAAM,EAAE;QACJ,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,qCAAqC;QAC5C,sCAAsC;QACtC,MAAM,EAAE,IAAA,2DAA+B,EACnC,mBAAgB,CAAC,aAAa,CAAkC,CACnE;QACD,OAAO,EAAE;YACL,IAAI,EAAE,aAAa;YACnB,KAAK,EAAE,4BAA4B;YACnC,KAAK,EAAE;gBACH,OAAO,EAAE;oBACL,CAAC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC;oBACxC,CAAC,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;oBAC1B,CAAC,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;oBAC1B,CAAC,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;oBAC1B,CAAC,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;oBAC1B,CAAC,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;iBAC7B;gBACD,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;gBAC9B,OAAO,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC;aACnD;SACJ;KACJ;CACJ,CAAC;AAEF,kBAAe,gBAAgB,CAAC","sourcesContent":["import {JSONSchemaType} from 'ajv';\n\nimport {generateFormFieldsFromAjvSchema} from '../../form-generator-v2/utils/generateFormFieldsFromAjv';\n\nimport TableBlock from './Table';\nimport {TableBlock as TableBlockSchema} from './schema';\n\nconst TableBlockConfig = {\n    type: 'table-block',\n    component: TableBlock,\n    schema: {\n        name: 'Table Block',\n        group: '@gravity-ui/page-constructor/Blocks',\n        // TODO: change to custom block schema\n        inputs: generateFormFieldsFromAjvSchema(\n            TableBlockSchema['table-block'] as unknown as JSONSchemaType<{}>,\n        ),\n        default: {\n            type: 'table-block',\n            title: 'Lorem ipsum dolor sit amet',\n            table: {\n                content: [\n                    ['Lorem', 'ipsum 1', 'dolor 2', 'sit 3'],\n                    ['Lorem 1', '0', '0', '0'],\n                    ['Lorem 2', '0', '0', '1'],\n                    ['Lorem 3', '0', '0', '1'],\n                    ['Lorem 4', '0', '1', '1'],\n                    ['Lorem 5', '1', '1', '1'],\n                ],\n                legend: ['ipsum 1', 'ipsum 2'],\n                justify: ['start', 'center', 'center', 'center'],\n            },\n        },\n    },\n};\n\nexport default TableBlockConfig;\n"]}

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

@@ -0,0 +1,20 @@
+declare const TableBlockConfig: {
+    type: string;
+    component: (props: import("../../index.js").TableBlockProps) => import("react/jsx-runtime").JSX.Element;
+    schema: {
+        name: string;
+        group: string;
+        hidden: boolean;
+        inputs: import("../../form-generator-v2/types.js").Fields;
+        default: {
+            type: string;
+            title: string;
+            table: {
+                content: string[][];
+                legend: string[];
+                justify: string[];
+            };
+        };
+    };
+};
+export default TableBlockConfig;

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

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const generateFormFieldsFromAjv_1 = require("../../form-generator-v2/utils/generateFormFieldsFromAjv.js");
+const Table_1 = tslib_1.__importDefault(require("./Table.js"));
+const schema_1 = require("./schema.js");
+const TableBlockConfig = {
+    type: 'table-block',
+    component: Table_1.default,
+    schema: {
+        name: 'Table Block',
+        group: '@deprecated',
+        hidden: true,
+        inputs: (0, generateFormFieldsFromAjv_1.generateFormFieldsFromAjvSchema)(schema_1.TableBlock['table-block']),
+        default: {
+            type: 'table-block',
+            title: 'Lorem ipsum dolor sit amet',
+            table: {
+                content: [
+                    ['Lorem', 'ipsum 1', 'dolor 2', 'sit 3'],
+                    ['Lorem 1', '0', '0', '0'],
+                    ['Lorem 2', '0', '0', '1'],
+                    ['Lorem 3', '0', '0', '1'],
+                    ['Lorem 4', '0', '1', '1'],
+                    ['Lorem 5', '1', '1', '1'],
+                ],
+                legend: ['ipsum 1', 'ipsum 2'],
+                justify: ['start', 'center', 'center', 'center'],
+            },
+        },
+    },
+};
+exports.default = TableBlockConfig;
+//# sourceMappingURL=index_deprecated.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index_deprecated.js","sourceRoot":"../../../../src","sources":["blocks/Table/index_deprecated.ts"],"names":[],"mappings":";;;AAEA,0GAAwG;AAExG,+DAAiC;AACjC,wCAAwD;AAExD,MAAM,gBAAgB,GAAG;IACrB,IAAI,EAAE,aAAa;IACnB,SAAS,EAAE,eAAU;IACrB,MAAM,EAAE;QACJ,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,IAAI;QACZ,MAAM,EAAE,IAAA,2DAA+B,EACnC,mBAAgB,CAAC,aAAa,CAAkC,CACnE;QACD,OAAO,EAAE;YACL,IAAI,EAAE,aAAa;YACnB,KAAK,EAAE,4BAA4B;YACnC,KAAK,EAAE;gBACH,OAAO,EAAE;oBACL,CAAC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC;oBACxC,CAAC,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;oBAC1B,CAAC,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;oBAC1B,CAAC,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;oBAC1B,CAAC,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;oBAC1B,CAAC,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;iBAC7B;gBACD,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;gBAC9B,OAAO,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC;aACnD;SACJ;KACJ;CACJ,CAAC;AAEF,kBAAe,gBAAgB,CAAC","sourcesContent":["import {JSONSchemaType} from 'ajv';\n\nimport {generateFormFieldsFromAjvSchema} from '../../form-generator-v2/utils/generateFormFieldsFromAjv';\n\nimport TableBlock from './Table';\nimport {TableBlock as TableBlockSchema} from './schema';\n\nconst TableBlockConfig = {\n    type: 'table-block',\n    component: TableBlock,\n    schema: {\n        name: 'Table Block',\n        group: '@deprecated',\n        hidden: true,\n        inputs: generateFormFieldsFromAjvSchema(\n            TableBlockSchema['table-block'] as unknown as JSONSchemaType<{}>,\n        ),\n        default: {\n            type: 'table-block',\n            title: 'Lorem ipsum dolor sit amet',\n            table: {\n                content: [\n                    ['Lorem', 'ipsum 1', 'dolor 2', 'sit 3'],\n                    ['Lorem 1', '0', '0', '0'],\n                    ['Lorem 2', '0', '0', '1'],\n                    ['Lorem 3', '0', '0', '1'],\n                    ['Lorem 4', '0', '1', '1'],\n                    ['Lorem 5', '1', '1', '1'],\n                ],\n                legend: ['ipsum 1', 'ipsum 2'],\n                justify: ['start', 'center', 'center', 'center'],\n            },\n        },\n    },\n};\n\nexport default TableBlockConfig;\n"]}

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

@@ -8,6 +8,7 @@ export declare const TableBlock: {
                 contentType: string;
             };
             table: {
+                type: string;
                 additionalProperties: boolean;
                 required: string[];
                 properties: {

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TableBlock = void 0;
-const common_1 = require("../../schema/validators/common.js");
+const common_1 = require("../../gravity-blocks/schema/validators/common.js");
 exports.TableBlock = {
     'table-block': {
         additionalProperties: false,
@@ -13,6 +13,7 @@ exports.TableBlock = {
                 contentType: 'text',
             },
             table: {
+                type: 'object',
                 additionalProperties: false,
                 required: ['content'],
                 properties: {

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,6EAIuD;AAE1C,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,IAAI,EAAE,QAAQ;gBACd,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 {\n    BaseProps,\n    BlockBaseProps,\n    JustifyProps,\n} from '../../gravity-blocks/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                type: 'object',\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/TabContent/TabContent.js

@@ -10,9 +10,9 @@ const components_1 = require("../../../components/index.js");
 const utils_1 = require("../../../components/Media/Image/utils.js");
 const Media_1 = tslib_1.__importDefault(require("../../../components/Media/Media.js"));
 const VideoBlock_1 = require("../../../components/VideoBlock/VideoBlock.js");
-const projectSettingsContext_1 = require("../../../context/projectSettingsContext/index.js");
-const theme_1 = require("../../../context/theme/index.js");
-const grid_1 = require("../../../grid/index.js");
+const projectSettingsContext_1 = require("../../../gravity-blocks/context/projectSettingsContext/index.js");
+const theme_1 = require("../../../gravity-blocks/context/theme/index.js");
+const grid_1 = require("../../../gravity-blocks/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"));

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

@@ -1 +1 @@
-{"version":3,"file":"TabContent.js","sourceRoot":"../../../../../src","sources":["blocks/Tabs/TabContent/TabContent.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {useUniqId} from '@gravity-ui/uikit';\n\nimport {FullscreenImage, YFMWrapper} from '../../../components';\nimport {getMediaImage} from '../../../components/Media/Image/utils';\nimport Media from '../../../components/Media/Media';\nimport {getHeight} from '../../../components/VideoBlock/VideoBlock';\nimport {ProjectSettingsContext} from '../../../context/projectSettingsContext';\nimport {useTheme} from '../../../context/theme';\nimport {Col, GridColumnOrderClasses, Row} from '../../../grid';\nimport {ContentSize, TabsBlockItem} from '../../../models';\nimport {block, getThemedValue} from '../../../utils';\nimport {mergeVideoMicrodata} from '../../../utils/microdata';\nimport TabsTextContent from '../TabsTextContent/TabsTextContent';\n\nimport './TabContent.scss';\n\nconst b = block('tab-content');\n\nexport interface TabContentProps {\n    tabData: TabsBlockItem;\n    isActive: boolean;\n    isReverse: boolean;\n    contentSize: ContentSize;\n    centered?: boolean;\n    play: boolean;\n    getTabElementId?: (tabId: string) => string;\n    getTabContentElementId?: (tabId: string) => string;\n}\n\nexport const TabContent = ({\n    tabData,\n    isActive,\n    isReverse,\n    contentSize,\n    centered,\n    play,\n    getTabElementId,\n    getTabContentElementId,\n}: TabContentProps) => {\n    const {tabName} = tabData;\n\n    const mediaContainerRef = React.useRef<HTMLDivElement>(null);\n    const theme = useTheme();\n    const {renderInvisibleBlocks} = React.useContext(ProjectSettingsContext);\n\n    const captionId = useUniqId();\n\n    const mediaWidth = mediaContainerRef?.current?.offsetWidth;\n    const [minImageHeight, setMinImageHeight] = React.useState(\n        mediaContainerRef?.current?.offsetHeight,\n    );\n\n    const shouldRender = renderInvisibleBlocks || isActive;\n\n    const themedImage = getThemedValue(tabData.image, theme);\n    const themedMedia = getThemedValue(tabData.media, theme);\n\n    const hasNoImage = !themedMedia?.image && !tabData.image;\n    const mediaVideoHeight = hasNoImage && mediaWidth && getHeight(mediaWidth);\n\n    // TODO remove property support activeTabData?.image. Use only activeTabData?.media?.image\n    const imageProps = React.useMemo(() => {\n        const imagePropsResult = themedImage && getMediaImage(themedImage);\n\n        if (tabData.caption && imagePropsResult) {\n            Object.assign(imagePropsResult, {\n                'aria-describedby': captionId,\n            });\n        }\n\n        return imagePropsResult;\n    }, [captionId, tabData.caption, themedImage]);\n\n    const handleImageHeight = React.useCallback(() => {\n        if (minImageHeight !== mediaContainerRef?.current?.offsetHeight) {\n            setMinImageHeight(mediaContainerRef?.current?.offsetHeight);\n        }\n    }, [minImageHeight]);\n\n    React.useEffect(() => {\n        handleImageHeight();\n    }, [isActive, handleImageHeight]);\n\n    if (!shouldRender) {\n        return null;\n    }\n\n    const showMedia = isActive && Boolean(tabData.media || imageProps);\n    const showText = Boolean(tabData.text);\n    const border = tabData.border || 'shadow';\n\n    const textContent = showText && (\n        <TabsTextContent\n            showMedia={showMedia}\n            data={tabData}\n            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            {tabData.media && (\n                <div style={{minHeight: mediaVideoHeight || minImageHeight}}>\n                    <div ref={mediaContainerRef}>\n                        <Media\n                            {...mergeVideoMicrodata(getThemedValue(tabData.media, theme), {\n                                name: tabData.tabName,\n                                description: tabData.caption ? tabData.caption : undefined,\n                            })}\n                            key={tabName}\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            {tabData.caption && (\n                <div className={b('caption')} id={captionId}>\n                    <YFMWrapper\n                        content={tabData.caption}\n                        modifiers={{constructor: true}}\n                        id={captionId}\n                    />\n                </div>\n            )}\n        </Col>\n    );\n\n    return (\n        <Row\n            key={tabName}\n            className={b('row', {reverse: isReverse, hidden: !isActive})}\n            id={getTabContentElementId?.(tabName)}\n            role=\"tabpanel\"\n            ariaProps={{\n                'aria-labelledby': getTabElementId?.(tabName),\n            }}\n        >\n            {mediaContent}\n            {textContent}\n        </Row>\n    );\n};\n"]}
+{"version":3,"file":"TabContent.js","sourceRoot":"../../../../../src","sources":["blocks/Tabs/TabContent/TabContent.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {useUniqId} from '@gravity-ui/uikit';\n\nimport {FullscreenImage, YFMWrapper} from '../../../components';\nimport {getMediaImage} from '../../../components/Media/Image/utils';\nimport Media from '../../../components/Media/Media';\nimport {getHeight} from '../../../components/VideoBlock/VideoBlock';\nimport {ProjectSettingsContext} from '../../../gravity-blocks/context/projectSettingsContext';\nimport {useTheme} from '../../../gravity-blocks/context/theme';\nimport {Col, GridColumnOrderClasses, Row} from '../../../gravity-blocks/grid';\nimport {ContentSize, TabsBlockItem} from '../../../models';\nimport {block, getThemedValue} from '../../../utils';\nimport {mergeVideoMicrodata} from '../../../utils/microdata';\nimport TabsTextContent from '../TabsTextContent/TabsTextContent';\n\nimport './TabContent.scss';\n\nconst b = block('tab-content');\n\nexport interface TabContentProps {\n    tabData: TabsBlockItem;\n    isActive: boolean;\n    isReverse: boolean;\n    contentSize: ContentSize;\n    centered?: boolean;\n    play: boolean;\n    getTabElementId?: (tabId: string) => string;\n    getTabContentElementId?: (tabId: string) => string;\n}\n\nexport const TabContent = ({\n    tabData,\n    isActive,\n    isReverse,\n    contentSize,\n    centered,\n    play,\n    getTabElementId,\n    getTabContentElementId,\n}: TabContentProps) => {\n    const {tabName} = tabData;\n\n    const mediaContainerRef = React.useRef<HTMLDivElement>(null);\n    const theme = useTheme();\n    const {renderInvisibleBlocks} = React.useContext(ProjectSettingsContext);\n\n    const captionId = useUniqId();\n\n    const mediaWidth = mediaContainerRef?.current?.offsetWidth;\n    const [minImageHeight, setMinImageHeight] = React.useState(\n        mediaContainerRef?.current?.offsetHeight,\n    );\n\n    const shouldRender = renderInvisibleBlocks || isActive;\n\n    const themedImage = getThemedValue(tabData.image, theme);\n    const themedMedia = getThemedValue(tabData.media, theme);\n\n    const hasNoImage = !themedMedia?.image && !tabData.image;\n    const mediaVideoHeight = hasNoImage && mediaWidth && getHeight(mediaWidth);\n\n    // TODO remove property support activeTabData?.image. Use only activeTabData?.media?.image\n    const imageProps = React.useMemo(() => {\n        const imagePropsResult = themedImage && getMediaImage(themedImage);\n\n        if (tabData.caption && imagePropsResult) {\n            Object.assign(imagePropsResult, {\n                'aria-describedby': captionId,\n            });\n        }\n\n        return imagePropsResult;\n    }, [captionId, tabData.caption, themedImage]);\n\n    const handleImageHeight = React.useCallback(() => {\n        if (minImageHeight !== mediaContainerRef?.current?.offsetHeight) {\n            setMinImageHeight(mediaContainerRef?.current?.offsetHeight);\n        }\n    }, [minImageHeight]);\n\n    React.useEffect(() => {\n        handleImageHeight();\n    }, [isActive, handleImageHeight]);\n\n    if (!shouldRender) {\n        return null;\n    }\n\n    const showMedia = isActive && Boolean(tabData.media || imageProps);\n    const showText = Boolean(tabData.text);\n    const border = tabData.border || 'shadow';\n\n    const textContent = showText && (\n        <TabsTextContent\n            showMedia={showMedia}\n            data={tabData}\n            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            {tabData.media && (\n                <div style={{minHeight: mediaVideoHeight || minImageHeight}}>\n                    <div ref={mediaContainerRef}>\n                        <Media\n                            {...mergeVideoMicrodata(getThemedValue(tabData.media, theme), {\n                                name: tabData.tabName,\n                                description: tabData.caption ? tabData.caption : undefined,\n                            })}\n                            key={tabName}\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            {tabData.caption && (\n                <div className={b('caption')} id={captionId}>\n                    <YFMWrapper\n                        content={tabData.caption}\n                        modifiers={{constructor: true}}\n                        id={captionId}\n                    />\n                </div>\n            )}\n        </Col>\n    );\n\n    return (\n        <Row\n            key={tabName}\n            className={b('row', {reverse: isReverse, hidden: !isActive})}\n            id={getTabContentElementId?.(tabName)}\n            role=\"tabpanel\"\n            ariaProps={{\n                'aria-labelledby': getTabElementId?.(tabName),\n            }}\n        >\n            {mediaContent}\n            {textContent}\n        </Row>\n    );\n};\n"]}

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

@@ -8,7 +8,7 @@ const uikit_1 = require("@gravity-ui/uikit");
 const AnimateBlock_1 = tslib_1.__importDefault(require("../../components/AnimateBlock/AnimateBlock.js"));
 const ButtonTabs_1 = tslib_1.__importDefault(require("../../components/ButtonTabs/ButtonTabs.js"));
 const Title_1 = tslib_1.__importDefault(require("../../components/Title/Title.js"));
-const grid_1 = require("../../grid/index.js");
+const grid_1 = require("../../gravity-blocks/grid/index.js");
 const utils_1 = require("../../utils/index.js");
 const TabContent_1 = require("./TabContent/TabContent.js");
 const b = (0, utils_1.block)('tabs-block');
@@ -28,10 +28,10 @@ const TabsBlock = ({ items, title, description, animated, tabsColSizes, centered
             block: 'nearest',
         });
     }, []);
-    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 }), getTabElementId: getTabElementId, getTabContentElementId: getTabContentElementId }) }) }), items.map((tabData) => {
-                const { tabName } = tabData;
-                return ((0, jsx_runtime_1.jsx)(TabContent_1.TabContent, { tabData: tabData, isActive: tabName === activeTab, isReverse: isReverse, contentSize: contentSize, centered: centered, play: play, getTabElementId: getTabElementId, getTabContentElementId: getTabContentElementId }, tabName));
-            })] }));
+    return ((0, jsx_runtime_1.jsx)(grid_1.Grid, { children: (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 }), getTabElementId: getTabElementId, getTabContentElementId: getTabContentElementId }) }) }), items.map((tabData) => {
+                    const { tabName } = tabData;
+                    return ((0, jsx_runtime_1.jsx)(TabContent_1.TabContent, { tabData: tabData, isActive: tabName === activeTab, isReverse: isReverse, contentSize: contentSize, centered: centered, play: play, getTabElementId: getTabElementId, getTabContentElementId: getTabContentElementId }, tabName));
+                })] }) }));
 };
 exports.TabsBlock = TabsBlock;
 exports.default = exports.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":";;;;;AAAA,qDAA+B;AAE/B,6CAA4C;AAE5C,yGAAsE;AACtE,mGAAuF;AACvF,oFAAiD;AACjD,8CAAwD;AAExD,gDAAkC;AAElC,2DAAmD;AAInD,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,YAAY,CAAC,CAAC;AAEvB,MAAM,SAAS,GAAG,CAAC,EACtB,KAAK,EACL,KAAK,EACL,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,SAAS,GAAG,eAAe,EAC3B,WAAW,GAAG,GAAG,GACJ,EAAE,EAAE;IACjB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAgB,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAClF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAC;IAEvD,MAAM,IAAI,GAA0B,KAAK,CAAC,GAAG,CAAC,CAAC,EAAC,OAAO,EAAC,EAAE,EAAE,CAAC,CAAC,EAAC,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAC,CAAC,CAAC,CAAC;IAC9F,MAAM,SAAS,GAAG,SAAS,KAAK,eAAe,CAAC;IAEhD,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CACxB,GAAG,EAAE,CACD,KAAK,CAAC,MAAM,CACR,CAAC,GAAG,EAAE,EAAC,OAAO,EAAC,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE,EAAC,CAAC,OAAO,CAAC,EAAE,IAAA,iBAAS,GAAE,EAAC,CAAC,EAChE,EAA4B,CAC/B,EACL,CAAC,KAAK,CAAC,CACV,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;IAC9D,MAAM,sBAAsB,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC;IAE7E,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CACjC,CAAC,KAAoB,EAAE,CAA0D,EAAE,EAAE;QACjF,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC,CAAC,aAAa,CAAC,cAAc,CAAC;YAC3B,MAAM,EAAE,QAAQ;YAChB,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,SAAS;SACnB,CAAC,CAAC;IACP,CAAC,EACD,EAAE,CACL,CAAC;IAEF,OAAO,CACH,wBAAC,sBAAY,IAAC,SAAS,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,QAAQ,aAC1E,uBAAC,eAAK,IACF,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,WAAW,EACrB,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,QAAQ,EAAE,QAAQ,EAAC,CAAC,GAC7C,EACF,uBAAC,UAAG,IAAC,cAAc,EAAE,QAAQ,CAAC,CAAC,CAAC,yBAAkB,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,YACjE,uBAAC,UAAG,IAAC,KAAK,EAAE,YAAY,YACpB,uBAAC,oBAAU,IACP,KAAK,EAAE,IAAI,EACX,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,QAAQ,EAAE,QAAQ,EAAC,CAAC,EAC1C,eAAe,EAAE,eAAe,EAChC,sBAAsB,EAAE,sBAAsB,GAChD,GACA,GACJ,EACL,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;gBACnB,MAAM,EAAC,OAAO,EAAC,GAAG,OAAO,CAAC;gBAE1B,OAAO,CACH,uBAAC,uBAAU,IAEP,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,OAAO,KAAK,SAAS,EAC/B,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,eAAe,EAAE,eAAe,EAChC,sBAAsB,EAAE,sBAAsB,IARzC,OAAO,CASd,CACL,CAAC;YACN,CAAC,CAAC,IACS,CAClB,CAAC;AACN,CAAC,CAAC;AA9EW,QAAA,SAAS,aA8EpB;AAEF,kBAAe,iBAAS,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {getUniqId} from '@gravity-ui/uikit';\n\nimport AnimateBlock from '../../components/AnimateBlock/AnimateBlock';\nimport ButtonTabs, {ButtonTabsItemProps} from '../../components/ButtonTabs/ButtonTabs';\nimport Title from '../../components/Title/Title';\nimport {Col, GridJustifyContent, Row} from '../../grid';\nimport {TabsBlockProps} from '../../models';\nimport {block} from '../../utils';\n\nimport {TabContent} from './TabContent/TabContent';\n\nimport './Tabs.scss';\n\nconst b = block('tabs-block');\n\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\n    const tabs: ButtonTabsItemProps[] = items.map(({tabName}) => ({title: tabName, id: tabName}));\n    const isReverse = direction === 'content-media';\n\n    const tabIds = React.useMemo(\n        () =>\n            items.reduce(\n                (acc, {tabName}) => Object.assign(acc, {[tabName]: getUniqId()}),\n                {} as Record<string, string>,\n            ),\n        [items],\n    );\n\n    const getTabElementId = (tabId: string) => `${tabIds[tabId]}`;\n    const getTabContentElementId = (tabId: string) => `${tabIds[tabId]}-content`;\n\n    const onSelectTab = React.useCallback(\n        (tabId: string | null, e: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => {\n            setActiveTab(tabId);\n            e.currentTarget.scrollIntoView({\n                inline: 'center',\n                behavior: 'smooth',\n                block: 'nearest',\n            });\n        },\n        [],\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                        getTabElementId={getTabElementId}\n                        getTabContentElementId={getTabContentElementId}\n                    />\n                </Col>\n            </Row>\n            {items.map((tabData) => {\n                const {tabName} = tabData;\n\n                return (\n                    <TabContent\n                        key={tabName}\n                        tabData={tabData}\n                        isActive={tabName === activeTab}\n                        isReverse={isReverse}\n                        contentSize={contentSize}\n                        centered={centered}\n                        play={play}\n                        getTabElementId={getTabElementId}\n                        getTabContentElementId={getTabContentElementId}\n                    />\n                );\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 * as React from 'react';\n\nimport {getUniqId} from '@gravity-ui/uikit';\n\nimport AnimateBlock from '../../components/AnimateBlock/AnimateBlock';\nimport ButtonTabs, {ButtonTabsItemProps} from '../../components/ButtonTabs/ButtonTabs';\nimport Title from '../../components/Title/Title';\nimport {Col, Grid, GridJustifyContent, Row} from '../../gravity-blocks/grid';\nimport {TabsBlockProps} from '../../models';\nimport {block} from '../../utils';\n\nimport {TabContent} from './TabContent/TabContent';\n\nimport './Tabs.scss';\n\nconst b = block('tabs-block');\n\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\n    const tabs: ButtonTabsItemProps[] = items.map(({tabName}) => ({title: tabName, id: tabName}));\n    const isReverse = direction === 'content-media';\n\n    const tabIds = React.useMemo(\n        () =>\n            items.reduce(\n                (acc, {tabName}) => Object.assign(acc, {[tabName]: getUniqId()}),\n                {} as Record<string, string>,\n            ),\n        [items],\n    );\n\n    const getTabElementId = (tabId: string) => `${tabIds[tabId]}`;\n    const getTabContentElementId = (tabId: string) => `${tabIds[tabId]}-content`;\n\n    const onSelectTab = React.useCallback(\n        (tabId: string | null, e: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => {\n            setActiveTab(tabId);\n            e.currentTarget.scrollIntoView({\n                inline: 'center',\n                behavior: 'smooth',\n                block: 'nearest',\n            });\n        },\n        [],\n    );\n\n    return (\n        <Grid>\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                            getTabElementId={getTabElementId}\n                            getTabContentElementId={getTabContentElementId}\n                        />\n                    </Col>\n                </Row>\n                {items.map((tabData) => {\n                    const {tabName} = tabData;\n\n                    return (\n                        <TabContent\n                            key={tabName}\n                            tabData={tabData}\n                            isActive={tabName === activeTab}\n                            isReverse={isReverse}\n                            contentSize={contentSize}\n                            centered={centered}\n                            play={play}\n                            getTabElementId={getTabElementId}\n                            getTabContentElementId={getTabContentElementId}\n                        />\n                    );\n                })}\n            </AnimateBlock>\n        </Grid>\n    );\n};\n\nexport default TabsBlock;\n"]}

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

@@ -2,7 +2,7 @@
 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 grid_1 = require("../../../gravity-blocks/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');

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

@@ -1 +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"]}
+{"version":3,"file":"TabsTextContent.js","sourceRoot":"../../../../../src","sources":["blocks/Tabs/TabsTextContent/TabsTextContent.tsx"],"names":[],"mappings":";;;;AAAA,gEAAiD;AAEjD,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 '../../../gravity-blocks/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/icon.d.ts

@@ -0,0 +1,2 @@
+declare const _default: string;
+export default _default;

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const svg_1 = require("../../utils/svg.js");
+exports.default = (0, svg_1.svgToDataUri)(`<svg width="100" height="50" viewBox="0 0 100 50" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="100" height="50" rx="7.97674" fill="white"/>
+<rect x="9.11628" y="8.5" width="10" height="2" rx="0.569767" fill="black"/>
+<rect x="20.1163" y="8.5" width="10" height="2" rx="0.569767" fill="black"/>
+<rect x="31.1163" y="8.5" width="10" height="2" rx="0.569767" fill="black"/>
+<rect x="42.1163" y="8.5" width="10" height="2" rx="0.569767" fill="black"/>
+<rect x="9.11628" y="12.5" width="52" height="29" rx="3" fill="black"/>
+<rect x="63.1163" y="12.5" width="13" height="2" rx="0.569767" fill="#262626"/>
+<rect x="63.1163" y="15.5" width="23.7674" height="2" rx="0.569767" fill="#262626"/>
+<rect x="63.1163" y="18.5" width="23.7674" height="2" rx="0.569767" fill="#262626"/>
+<rect x="63.1163" y="22.5" width="7" height="2" rx="0.569767" fill="#262626"/>
+</svg>`);
+//# sourceMappingURL=icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon.js","sourceRoot":"../../../../src","sources":["blocks/Tabs/icon.ts"],"names":[],"mappings":";;AAAA,4CAA6C;AAE7C,kBAAe,IAAA,kBAAY,EACvB;;;;;;;;;;;OAWG,CACN,CAAC","sourcesContent":["import {svgToDataUri} from '../../utils/svg';\n\nexport default svgToDataUri(\n    `<svg width=\"100\" height=\"50\" viewBox=\"0 0 100 50\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<rect width=\"100\" height=\"50\" rx=\"7.97674\" fill=\"white\"/>\n<rect x=\"9.11628\" y=\"8.5\" width=\"10\" height=\"2\" rx=\"0.569767\" fill=\"black\"/>\n<rect x=\"20.1163\" y=\"8.5\" width=\"10\" height=\"2\" rx=\"0.569767\" fill=\"black\"/>\n<rect x=\"31.1163\" y=\"8.5\" width=\"10\" height=\"2\" rx=\"0.569767\" fill=\"black\"/>\n<rect x=\"42.1163\" y=\"8.5\" width=\"10\" height=\"2\" rx=\"0.569767\" fill=\"black\"/>\n<rect x=\"9.11628\" y=\"12.5\" width=\"52\" height=\"29\" rx=\"3\" fill=\"black\"/>\n<rect x=\"63.1163\" y=\"12.5\" width=\"13\" height=\"2\" rx=\"0.569767\" fill=\"#262626\"/>\n<rect x=\"63.1163\" y=\"15.5\" width=\"23.7674\" height=\"2\" rx=\"0.569767\" fill=\"#262626\"/>\n<rect x=\"63.1163\" y=\"18.5\" width=\"23.7674\" height=\"2\" rx=\"0.569767\" fill=\"#262626\"/>\n<rect x=\"63.1163\" y=\"22.5\" width=\"7\" height=\"2\" rx=\"0.569767\" fill=\"#262626\"/>\n</svg>`,\n);\n"]}

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

@@ -0,0 +1,19 @@
+declare const TabsBlockConfig: {
+    type: string;
+    component: ({ items, title, description, animated, tabsColSizes, centered, direction, contentSize, }: import("../../index.js").TabsBlockProps) => import("react/jsx-runtime").JSX.Element;
+    schema: {
+        name: string;
+        group: string;
+        inputs: import("../../form-generator-v2/types.js").Fields;
+        default: {
+            title: string;
+            items: {
+                tabName: string;
+                text: string;
+                title: string;
+            }[];
+        };
+        previewImg: string;
+    };
+};
+export default TabsBlockConfig;

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

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const generateFormFieldsFromAjv_1 = require("../../form-generator-v2/utils/generateFormFieldsFromAjv.js");
+const Tabs_1 = tslib_1.__importDefault(require("./Tabs.js"));
+const icon_1 = tslib_1.__importDefault(require("./icon.js"));
+const schema_1 = require("./schema.js");
+const TabsBlockConfig = {
+    type: '@gravity-ui/page-constructor/tabs-block',
+    component: Tabs_1.default,
+    schema: {
+        name: 'Tabs Block',
+        group: '@gravity-ui/page-constructor/Blocks',
+        inputs: (0, generateFormFieldsFromAjv_1.generateFormFieldsFromAjvSchema)(schema_1.TabsBlock['tabs-block']),
+        default: {
+            title: 'Tabs Block',
+            items: [
+                {
+                    tabName: 'First Tab',
+                    text: 'First Tab Content',
+                    title: 'First Tab Title',
+                },
+                {
+                    text: 'Second Tab Content',
+                    title: 'Second Tab Title',
+                    tabName: 'Second Tab',
+                },
+            ],
+        },
+        previewImg: icon_1.default,
+    },
+};
+exports.default = TabsBlockConfig;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["blocks/Tabs/index.ts"],"names":[],"mappings":";;;AAEA,0GAAwG;AAExG,6DAA+B;AAC/B,6DAA0B;AAC1B,wCAAsD;AAEtD,MAAM,eAAe,GAAG;IACpB,IAAI,EAAE,yCAAyC;IAC/C,SAAS,EAAE,cAAS;IACpB,MAAM,EAAE;QACJ,IAAI,EAAE,YAAY;QAClB,KAAK,EAAE,qCAAqC;QAC5C,MAAM,EAAE,IAAA,2DAA+B,EACnC,kBAAe,CAAC,YAAY,CAAkC,CACjE;QACD,OAAO,EAAE;YACL,KAAK,EAAE,YAAY;YACnB,KAAK,EAAE;gBACH;oBACI,OAAO,EAAE,WAAW;oBACpB,IAAI,EAAE,mBAAmB;oBACzB,KAAK,EAAE,iBAAiB;iBAC3B;gBACD;oBACI,IAAI,EAAE,oBAAoB;oBAC1B,KAAK,EAAE,kBAAkB;oBACzB,OAAO,EAAE,YAAY;iBACxB;aACJ;SACJ;QACD,UAAU,EAAE,cAAI;KACnB;CACJ,CAAC;AAEF,kBAAe,eAAe,CAAC","sourcesContent":["import {JSONSchemaType} from 'ajv';\n\nimport {generateFormFieldsFromAjvSchema} from '../../form-generator-v2/utils/generateFormFieldsFromAjv';\n\nimport TabsBlock from './Tabs';\nimport icon from './icon';\nimport {TabsBlock as TabsBlockSchema} from './schema';\n\nconst TabsBlockConfig = {\n    type: '@gravity-ui/page-constructor/tabs-block',\n    component: TabsBlock,\n    schema: {\n        name: 'Tabs Block',\n        group: '@gravity-ui/page-constructor/Blocks',\n        inputs: generateFormFieldsFromAjvSchema(\n            TabsBlockSchema['tabs-block'] as unknown as JSONSchemaType<{}>,\n        ),\n        default: {\n            title: 'Tabs Block',\n            items: [\n                {\n                    tabName: 'First Tab',\n                    text: 'First Tab Content',\n                    title: 'First Tab Title',\n                },\n                {\n                    text: 'Second Tab Content',\n                    title: 'Second Tab Title',\n                    tabName: 'Second Tab',\n                },\n            ],\n        },\n        previewImg: icon,\n    },\n};\n\nexport default TabsBlockConfig;\n"]}

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

@@ -0,0 +1,19 @@
+declare const TabsBlockConfig: {
+    type: string;
+    component: ({ items, title, description, animated, tabsColSizes, centered, direction, contentSize, }: import("../../index.js").TabsBlockProps) => import("react/jsx-runtime").JSX.Element;
+    schema: {
+        name: string;
+        group: string;
+        hidden: boolean;
+        inputs: import("../../form-generator-v2/types.js").Fields;
+        default: {
+            title: string;
+            items: {
+                tabName: string;
+                text: string;
+                title: string;
+            }[];
+        };
+    };
+};
+export default TabsBlockConfig;

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

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const generateFormFieldsFromAjv_1 = require("../../form-generator-v2/utils/generateFormFieldsFromAjv.js");
+const Tabs_1 = tslib_1.__importDefault(require("./Tabs.js"));
+const schema_1 = require("./schema.js");
+const TabsBlockConfig = {
+    type: 'tabs-block',
+    component: Tabs_1.default,
+    schema: {
+        name: 'Tabs Block',
+        group: '@deprecated',
+        hidden: true,
+        inputs: (0, generateFormFieldsFromAjv_1.generateFormFieldsFromAjvSchema)(schema_1.TabsBlock['tabs-block']),
+        default: {
+            title: 'Tabs Block',
+            items: [
+                {
+                    tabName: 'First Tab',
+                    text: 'First Tab Content',
+                    title: 'First Tab Title',
+                },
+                {
+                    text: 'Second Tab Content',
+                    title: 'Second Tab Title',
+                    tabName: 'Second Tab',
+                },
+            ],
+        },
+    },
+};
+exports.default = TabsBlockConfig;
+//# sourceMappingURL=index_deprecated.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index_deprecated.js","sourceRoot":"../../../../src","sources":["blocks/Tabs/index_deprecated.ts"],"names":[],"mappings":";;;AAEA,0GAAwG;AAExG,6DAA+B;AAC/B,wCAAsD;AAEtD,MAAM,eAAe,GAAG;IACpB,IAAI,EAAE,YAAY;IAClB,SAAS,EAAE,cAAS;IACpB,MAAM,EAAE;QACJ,IAAI,EAAE,YAAY;QAClB,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,IAAI;QACZ,MAAM,EAAE,IAAA,2DAA+B,EACnC,kBAAe,CAAC,YAAY,CAAkC,CACjE;QACD,OAAO,EAAE;YACL,KAAK,EAAE,YAAY;YACnB,KAAK,EAAE;gBACH;oBACI,OAAO,EAAE,WAAW;oBACpB,IAAI,EAAE,mBAAmB;oBACzB,KAAK,EAAE,iBAAiB;iBAC3B;gBACD;oBACI,IAAI,EAAE,oBAAoB;oBAC1B,KAAK,EAAE,kBAAkB;oBACzB,OAAO,EAAE,YAAY;iBACxB;aACJ;SACJ;KACJ;CACJ,CAAC;AAEF,kBAAe,eAAe,CAAC","sourcesContent":["import {JSONSchemaType} from 'ajv';\n\nimport {generateFormFieldsFromAjvSchema} from '../../form-generator-v2/utils/generateFormFieldsFromAjv';\n\nimport TabsBlock from './Tabs';\nimport {TabsBlock as TabsBlockSchema} from './schema';\n\nconst TabsBlockConfig = {\n    type: 'tabs-block',\n    component: TabsBlock,\n    schema: {\n        name: 'Tabs Block',\n        group: '@deprecated',\n        hidden: true,\n        inputs: generateFormFieldsFromAjvSchema(\n            TabsBlockSchema['tabs-block'] as unknown as JSONSchemaType<{}>,\n        ),\n        default: {\n            title: 'Tabs Block',\n            items: [\n                {\n                    tabName: 'First Tab',\n                    text: 'First Tab Content',\n                    title: 'First Tab Title',\n                },\n                {\n                    text: 'Second Tab Content',\n                    title: 'Second Tab Title',\n                    tabName: 'Second Tab',\n                },\n            ],\n        },\n    },\n};\n\nexport default TabsBlockConfig;\n"]}

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

@@ -4,8 +4,8 @@ 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 common_1 = require("../../gravity-blocks/schema/validators/common.js");
+const utils_1 = require("../../gravity-blocks/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 = {

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,6EAUuD;AACvD,2EAA2E;AAC3E,+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 '../../gravity-blocks/schema/validators/common';\nimport {filteredArray} from '../../gravity-blocks/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/extensions/GeneralExtension.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import type { PageConstructorWrapperProps } from "../../common/types/index.js";
+import type { PageConstructorExtension } from "../../containers/PageConstructor/PageConstructor.js";
+interface GeneralExtensionWrapperProps {
+    microdata?: {
+        contentUpdatedDate?: string;
+    };
+}
+interface GeneralExtensionGlobalConfig {
+    isBranded?: boolean;
+    animated?: boolean;
+}
+export interface GeneralPageContent extends GeneralExtensionGlobalConfig {
+}
+export declare const GeneralExtensionContentWrapper: React.FC<GeneralExtensionWrapperProps & PageConstructorWrapperProps>;
+export declare const GeneralExtension: ({ wrapperProps, globalDefaults, }: {
+    wrapperProps?: GeneralExtensionWrapperProps;
+    globalDefaults?: GeneralExtensionGlobalConfig;
+}) => PageConstructorExtension<GeneralExtensionGlobalConfig, GeneralExtensionWrapperProps>;
+export {};

package/build/cjs/blocks/extensions/GeneralExtension.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GeneralExtension = exports.GeneralExtensionContentWrapper = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_1 = require("@gravity-ui/uikit");
+const BrandFooter_1 = tslib_1.__importDefault(require("../../components/BrandFooter/BrandFooter.js"));
+const animateContext_1 = require("../../gravity-blocks/context/animateContext/index.js");
+const hooks_1 = require("../../gravity-blocks/hooks/index.js");
+const utils_1 = require("../../utils/index.js");
+const b = (0, utils_1.block)('page-constructor');
+const GeneralExtensionContentWrapper = ({ children }) => {
+    const { content } = (0, hooks_1.useContent)();
+    const { isBranded, animated } = content;
+    return ((0, jsx_runtime_1.jsx)("div", { className: b('wrapper'), children: (0, jsx_runtime_1.jsx)(uikit_1.ThemeProvider, { children: (0, jsx_runtime_1.jsxs)(animateContext_1.AnimateContext.Provider, { value: { animated }, children: [children, isBranded && (0, jsx_runtime_1.jsx)(BrandFooter_1.default, {})] }) }) }));
+};
+exports.GeneralExtensionContentWrapper = GeneralExtensionContentWrapper;
+const GeneralExtension = ({ wrapperProps = {}, globalDefaults = {}, }) => {
+    return {
+        name: 'General Extension',
+        id: '@gravity-ui/page-constructor/general-extension',
+        settings: {
+            ContentWrapper: exports.GeneralExtensionContentWrapper,
+            contentWrapperProps: wrapperProps,
+            globalInputs: [
+                {
+                    type: 'switch',
+                    title: 'Is branded',
+                    name: 'isBranded',
+                },
+                {
+                    type: 'switch',
+                    title: 'Animated',
+                    name: 'animated',
+                },
+            ],
+            globalDefaults,
+        },
+    };
+};
+exports.GeneralExtension = GeneralExtension;
+//# sourceMappingURL=GeneralExtension.js.map

package/build/cjs/blocks/extensions/GeneralExtension.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GeneralExtension.js","sourceRoot":"../../../../src","sources":["blocks/extensions/GeneralExtension.tsx"],"names":[],"mappings":";;;;;AAEA,6CAAgD;AAGhD,sGAAmE;AAEnE,yFAA2E;AAC3E,+DAAsD;AACtD,gDAAkC;AAElC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,kBAAkB,CAAC,CAAC;AAe7B,MAAM,8BAA8B,GAEvC,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE;IACf,MAAM,EAAC,OAAO,EAAC,GAAG,IAAA,kBAAU,GAAsB,CAAC;IACnD,MAAM,EAAC,SAAS,EAAE,QAAQ,EAAC,GAAG,OAAO,CAAC;IAEtC,OAAO,CACH,gCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,YACxB,uBAAC,qBAAa,cACV,wBAAC,+BAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,QAAQ,EAAC,aACrC,QAAQ,EACR,SAAS,IAAI,uBAAC,qBAAW,KAAG,IACP,GACd,GACd,CACT,CAAC;AACN,CAAC,CAAC;AAhBW,QAAA,8BAA8B,kCAgBzC;AAEK,MAAM,gBAAgB,GAAG,CAAC,EAC7B,YAAY,GAAG,EAAE,EACjB,cAAc,GAAG,EAAE,GAItB,EAAwF,EAAE;IACvF,OAAO;QACH,IAAI,EAAE,mBAAmB;QACzB,EAAE,EAAE,gDAAgD;QACpD,QAAQ,EAAE;YACN,cAAc,EAAE,sCAA8B;YAC9C,mBAAmB,EAAE,YAAY;YACjC,YAAY,EAAE;gBACV;oBACI,IAAI,EAAE,QAAQ;oBACd,KAAK,EAAE,YAAY;oBACnB,IAAI,EAAE,WAAW;iBACpB;gBACD;oBACI,IAAI,EAAE,QAAQ;oBACd,KAAK,EAAE,UAAU;oBACjB,IAAI,EAAE,UAAU;iBACnB;aACJ;YACD,cAAc;SACjB;KACJ,CAAC;AACN,CAAC,CAAC;AA5BW,QAAA,gBAAgB,oBA4B3B","sourcesContent":["import * as React from 'react';\n\nimport {ThemeProvider} from '@gravity-ui/uikit';\n\nimport type {PageConstructorWrapperProps} from '../../common/types';\nimport BrandFooter from '../../components/BrandFooter/BrandFooter';\nimport type {PageConstructorExtension} from '../../containers/PageConstructor/PageConstructor';\nimport {AnimateContext} from '../../gravity-blocks/context/animateContext';\nimport {useContent} from '../../gravity-blocks/hooks';\nimport {block} from '../../utils';\n\nconst b = block('page-constructor');\n\ninterface GeneralExtensionWrapperProps {\n    microdata?: {\n        contentUpdatedDate?: string;\n    };\n}\n\ninterface GeneralExtensionGlobalConfig {\n    isBranded?: boolean;\n    animated?: boolean;\n}\n\nexport interface GeneralPageContent extends GeneralExtensionGlobalConfig {}\n\nexport const GeneralExtensionContentWrapper: React.FC<\n    GeneralExtensionWrapperProps & PageConstructorWrapperProps\n> = ({children}) => {\n    const {content} = useContent<GeneralPageContent>();\n    const {isBranded, animated} = content;\n\n    return (\n        <div className={b('wrapper')}>\n            <ThemeProvider>\n                <AnimateContext.Provider value={{animated}}>\n                    {children}\n                    {isBranded && <BrandFooter />}\n                </AnimateContext.Provider>\n            </ThemeProvider>\n        </div>\n    );\n};\n\nexport const GeneralExtension = ({\n    wrapperProps = {},\n    globalDefaults = {},\n}: {\n    wrapperProps?: GeneralExtensionWrapperProps;\n    globalDefaults?: GeneralExtensionGlobalConfig;\n}): PageConstructorExtension<GeneralExtensionGlobalConfig, GeneralExtensionWrapperProps> => {\n    return {\n        name: 'General Extension',\n        id: '@gravity-ui/page-constructor/general-extension',\n        settings: {\n            ContentWrapper: GeneralExtensionContentWrapper,\n            contentWrapperProps: wrapperProps,\n            globalInputs: [\n                {\n                    type: 'switch',\n                    title: 'Is branded',\n                    name: 'isBranded',\n                },\n                {\n                    type: 'switch',\n                    title: 'Animated',\n                    name: 'animated',\n                },\n            ],\n            globalDefaults,\n        },\n    };\n};\n"]}

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

@@ -1,23 +1,2 @@
-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 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";
-export { default as FoldableListBlock } from "./FoldableList/FoldableList.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 HeroBlock } from "./Hero/Hero.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";
+import { BlockData } from "../constructor-items.js";
+export declare const blocks: Array<BlockData>;