@gravity-ui/page-constructor 5.33.4-beta.0 → 5.34.0

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

@@ -1,4 +1,4 @@
-import { BaseProps, BlockBaseProps, JustifyProps } from "../../schema/validators/common.js";
+import { BaseProps, BlockBaseProps, JustifyProps } from '../../schema/validators/common';
 export const TableBlock = {
     'table-block': {
         additionalProperties: false,
@@ -48,4 +48,3 @@ export const TableBlock = {
             } }),
     },
 };
-//# sourceMappingURL=schema.js.map

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

@@ -1,4 +1,4 @@
-import { TabsBlockProps } from "../../models/index.js";
+import { TabsBlockProps } from '../../models';
 import './Tabs.css';
-export declare const TabsBlock: ({ items, title, description, animated, tabsColSizes, centered, direction, contentSize, }: TabsBlockProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TabsBlock: ({ items, title, description, animated, tabsColSizes, centered, direction, contentSize, }: TabsBlockProps) => JSX.Element;
 export default TabsBlock;

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

@@ -1,47 +1,45 @@
-import { createElement as _createElement } from "react";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { Fragment, useCallback, useEffect, useRef, useState } from 'react';
 import { useUniqId } from '@gravity-ui/uikit';
-import * as React from 'react';
-import AnimateBlock from "../../components/AnimateBlock/AnimateBlock.js";
-import ButtonTabs from "../../components/ButtonTabs/ButtonTabs.js";
-import FullscreenImage from "../../components/FullscreenImage/FullscreenImage.js";
-import { getMediaImage } from "../../components/Media/Image/utils.js";
-import Media from "../../components/Media/Media.js";
-import Title from "../../components/Title/Title.js";
-import { getHeight } from "../../components/VideoBlock/VideoBlock.js";
-import YFMWrapper from "../../components/YFMWrapper/YFMWrapper.js";
-import { useTheme } from "../../context/theme/index.js";
-import { Col, GridColumnOrderClasses, GridJustifyContent, Row } from "../../grid/index.js";
-import { block, getThemedValue } from "../../utils/index.js";
-import { mergeVideoMicrodata } from "../../utils/microdata.js";
-import TabsTextContent from "./TabsTextContent/TabsTextContent.js";
+import AnimateBlock from '../../components/AnimateBlock/AnimateBlock';
+import ButtonTabs from '../../components/ButtonTabs/ButtonTabs';
+import FullscreenImage from '../../components/FullscreenImage/FullscreenImage';
+import { getMediaImage } from '../../components/Media/Image/utils';
+import Media from '../../components/Media/Media';
+import Title from '../../components/Title/Title';
+import { getHeight } from '../../components/VideoBlock/VideoBlock';
+import YFMWrapper from '../../components/YFMWrapper/YFMWrapper';
+import { useTheme } from '../../context/theme';
+import { Col, GridColumnOrderClasses, GridJustifyContent, Row } from '../../grid';
+import { block, getThemedValue } from '../../utils';
+import { mergeVideoMicrodata } from '../../utils/microdata';
+import TabsTextContent from './TabsTextContent/TabsTextContent';
 import './Tabs.css';
 const b = block('tabs-block');
 // eslint-disable-next-line complexity
 export const TabsBlock = ({ items, title, description, animated, tabsColSizes, centered, direction = 'media-content', contentSize = 's', }) => {
     var _a, _b;
-    const [activeTab, setActiveTab] = React.useState(items[0].tabName);
-    const [play, setPlay] = React.useState(false);
+    const [activeTab, setActiveTab] = useState(items[0].tabName);
+    const [play, setPlay] = useState(false);
     const theme = useTheme();
     const tabs = items.map(({ tabName }) => ({ title: tabName, id: tabName }));
     const activeTabData = items.find(({ tabName }) => tabName === activeTab);
     const isReverse = direction === 'content-media';
-    const ref = React.useRef(null);
+    const ref = useRef(null);
     const mediaWidth = (_a = ref === null || ref === void 0 ? void 0 : ref.current) === null || _a === void 0 ? void 0 : _a.offsetWidth;
     const captionId = useUniqId();
     const themedMedia = getThemedValue(activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.media, theme);
     const hasNoImage = !(themedMedia === null || themedMedia === void 0 ? void 0 : themedMedia.image) && !(activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.image);
     const mediaVideoHeight = hasNoImage && mediaWidth && getHeight(mediaWidth);
-    const [minImageHeight, setMinImageHeight] = React.useState((_b = ref === null || ref === void 0 ? void 0 : ref.current) === null || _b === void 0 ? void 0 : _b.offsetHeight);
+    const [minImageHeight, setMinImageHeight] = 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(() => {
+    const handleImageHeight = useCallback(() => {
         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) => {
+    const onSelectTab = useCallback((id, e) => {
         setActiveTab(id);
         e.currentTarget.scrollIntoView({
             inline: 'center',
@@ -49,7 +47,7 @@ export const TabsBlock = ({ items, title, description, animated, tabsColSizes, c
             block: 'nearest',
         });
     }, []);
-    React.useEffect(() => {
+    useEffect(() => {
         handleImageHeight();
     }, [activeTab, handleImageHeight]);
     if (activeTabData) {
@@ -64,17 +62,30 @@ export const TabsBlock = ({ items, title, description, animated, tabsColSizes, c
     const showMedia = Boolean((activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.media) || imageProps);
     const showText = Boolean(activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.text);
     const border = (activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.border) || 'shadow';
-    const textContent = showText && (_jsx(TabsTextContent, { showMedia: showMedia, data: activeTabData, imageProps: imageProps ? imageProps : undefined, isReverse: isReverse, contentSize: contentSize, centered: centered }));
-    const mediaContent = showMedia && (_jsxs(Col, { sizes: { all: 12, md: 8 }, orders: {
+    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: {
             all: GridColumnOrderClasses.Last,
             md: GridColumnOrderClasses.First,
-        }, className: b('col', { centered: centered }), children: [(activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.media) && (_jsx("div", { style: { minHeight: mediaVideoHeight || minImageHeight }, children: _jsx("div", { ref: ref, children: _createElement(Media, Object.assign({}, mergeVideoMicrodata(getThemedValue(activeTabData.media, theme), {
-                        name: activeTabData.tabName,
-                        description: activeTabData.caption
-                            ? activeTabData.caption
-                            : undefined,
-                    }), { key: activeTab, className: b('media', { border }), playVideo: play, height: mediaVideoHeight || undefined, onImageLoad: handleImageHeight })) }) })), imageProps && (_jsx(React.Fragment, { children: _jsx(FullscreenImage, Object.assign({}, imageProps, { imageClassName: b('image', { border }) })) })), (activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.caption) && (_jsx("p", { className: b('caption'), id: captionId, children: _jsx(YFMWrapper, { content: activeTabData.caption, modifiers: { constructor: true }, id: captionId }) }))] }));
-    return (_jsxs(AnimateBlock, { className: b(), onScroll: () => setPlay(true), animate: animated, children: [_jsx(Title, { title: title, subtitle: description, className: b('title', { centered: centered }) }), _jsx(Row, { justifyContent: centered ? GridJustifyContent.Center : undefined, children: _jsx(Col, { sizes: tabsColSizes, children: _jsx(ButtonTabs, { items: tabs, onSelectTab: onSelectTab, activeTab: activeTab, className: b('tabs', { centered: centered }) }) }) }), activeTabData && (_jsxs(Row, { className: b('row', { reverse: isReverse }), children: [mediaContent, textContent] }))] }));
+        }, className: b('col', { centered: centered }) },
+        (activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.media) && (React.createElement("div", { style: { minHeight: mediaVideoHeight || minImageHeight } },
+            React.createElement("div", { ref: ref },
+                React.createElement(Media, Object.assign({}, mergeVideoMicrodata(getThemedValue(activeTabData.media, theme), {
+                    name: activeTabData.tabName,
+                    description: activeTabData.caption
+                        ? activeTabData.caption
+                        : undefined,
+                }), { key: activeTab, className: b('media', { border }), playVideo: play, height: mediaVideoHeight || undefined, onImageLoad: handleImageHeight }))))),
+        imageProps && (React.createElement(Fragment, null,
+            React.createElement(FullscreenImage, Object.assign({}, imageProps, { imageClassName: b('image', { border }) })))),
+        (activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.caption) && (React.createElement("p", { className: b('caption'), id: captionId },
+            React.createElement(YFMWrapper, { content: activeTabData.caption, modifiers: { constructor: true }, id: captionId })))));
+    return (React.createElement(AnimateBlock, { className: b(), onScroll: () => setPlay(true), animate: animated },
+        React.createElement(Title, { title: title, subtitle: description, className: b('title', { centered: centered }) }),
+        React.createElement(Row, { justifyContent: centered ? GridJustifyContent.Center : undefined },
+            React.createElement(Col, { sizes: tabsColSizes },
+                React.createElement(ButtonTabs, { items: tabs, onSelectTab: onSelectTab, activeTab: activeTab, className: b('tabs', { centered: centered }) }))),
+        activeTabData && (React.createElement(Row, { className: b('row', { reverse: isReverse }) },
+            mediaContent,
+            textContent))));
 };
 export default TabsBlock;
-//# sourceMappingURL=Tabs.js.map

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

@@ -1,4 +1,4 @@
-import { ImageDeviceProps, ImageObjectProps, TabsBlockItem, TabsBlockProps } from "../../../models/index.js";
+import { ImageDeviceProps, ImageObjectProps, TabsBlockItem, TabsBlockProps } from '../../../models';
 import './TabsTextContent.css';
 interface TextContentProps extends Pick<TabsBlockProps, 'centered' | 'contentSize'> {
     showMedia: boolean;
@@ -7,5 +7,5 @@ interface TextContentProps extends Pick<TabsBlockProps, 'centered' | 'contentSiz
     centered?: boolean;
     imageProps?: ImageObjectProps | ImageDeviceProps;
 }
-export declare const TabsTextContent: ({ centered, contentSize, showMedia, data, imageProps, isReverse, }: TextContentProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const TabsTextContent: ({ centered, contentSize, showMedia, data, imageProps, isReverse, }: TextContentProps) => JSX.Element | null;
 export default TabsTextContent;

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

@@ -1,7 +1,7 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Col } from "../../../grid/index.js";
-import { Content } from "../../../sub-blocks/index.js";
-import { block } from "../../../utils/index.js";
+import React 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, }) => {
@@ -9,10 +9,11 @@ export const TabsTextContent = ({ centered, contentSize = 's', showMedia, data,
         return null;
     }
     const { media, title, text, additionalInfo, link, links, buttons, list } = data;
-    return (_jsx(Col, { sizes: { all: 12, md: showMedia ? 4 : 8 }, className: b({ centered: centered }), children: _jsx("div", { className: b('wrapper', {
+    return (React.createElement(Col, { sizes: { all: 12, md: showMedia ? 4 : 8 }, className: b({ centered: centered }) },
+        React.createElement("div", { className: b('wrapper', {
                 reverse: isReverse,
                 'no-image': !(media || imageProps),
-            }), children: _jsx(Content, { title: title, text: text, additionalInfo: additionalInfo, size: contentSize, list: list, links: [...(link ? [link] : []), ...(links || [])], buttons: buttons, colSizes: { all: 12 } }) }) }));
+            }) },
+            React.createElement(Content, { title: title, text: text, additionalInfo: additionalInfo, size: contentSize, list: list, links: [...(link ? [link] : []), ...(links || [])], buttons: buttons, colSizes: { all: 12 } }))));
 };
 export default TabsTextContent;
-//# sourceMappingURL=TabsTextContent.js.map

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

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

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

@@ -1,8 +1,8 @@
 import omit from 'lodash/omit';
-import { ImageProps } from "../../components/Image/schema.js";
-import { BlockBaseProps, BlockHeaderProps, LinkProps, MediaProps, containerSizesArray, contentSizes, mediaDirection, sizeNumber, withTheme, } from "../../schema/validators/common.js";
-import { filteredArray } from "../../schema/validators/utils.js";
-import { ContentBase } from "../../sub-blocks/Content/schema.js";
+import { ImageProps } from '../../components/Image/schema';
+import { BlockBaseProps, BlockHeaderProps, LinkProps, MediaProps, containerSizesArray, contentSizes, mediaDirection, sizeNumber, withTheme, } from '../../schema/validators/common';
+import { filteredArray } from '../../schema/validators/utils';
+import { ContentBase } from '../../sub-blocks/Content/schema';
 const TabsItemContentProps = omit(ContentBase, ['size', 'colSizes', 'centered', 'theme']);
 export const tabsItem = {
     type: 'object',
@@ -36,4 +36,3 @@ export const TabsBlock = {
             } }),
     },
 };
-//# sourceMappingURL=schema.js.map

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

@@ -1,19 +1,19 @@
-export { default as BannerBlock } from "./Banner/Banner.js";
-export { default as CompaniesBlock } from "./Companies/Companies.js";
-export { default as InfoBlock } from "./Info/Info.js";
-export { default as MediaBlock } from "./Media/Media.js";
-export { default as MapBlock } from "./Map/Map.js";
-export { default as SliderBlock } from "./Slider/Slider.js";
-export { default as ExtendedFeaturesBlock } from "./ExtendedFeatures/ExtendedFeatures.js";
-export { default as PromoFeaturesBlock } from "./PromoFeaturesBlock/PromoFeaturesBlock.js";
-export { default as QuestionsBlock } from "./Questions/Questions.js";
-export { default as TableBlock } from "./Table/Table.js";
-export { default as TabsBlock } from "./Tabs/Tabs.js";
-export { default as HeaderBlock } from "./Header/Header.js";
-export { default as IconsBlock } from "./Icons/Icons.js";
-export { default as HeaderSliderBlock } from "./HeaderSlider/HeaderSlider.js";
-export { default as CardLayoutBlock } from "./CardLayout/CardLayout.js";
-export { default as ContentLayoutBlock } from "./ContentLayout/ContentLayout.js";
-export { default as ShareBlock } from "./Share/Share.js";
-export { default as FilterBlock } from "./FilterBlock/FilterBlock.js";
-export { default as FormBlock } from "./Form/Form.js";
+export { default as BannerBlock } from './Banner/Banner';
+export { default as CompaniesBlock } from './Companies/Companies';
+export { default as InfoBlock } from './Info/Info';
+export { default as MediaBlock } from './Media/Media';
+export { default as MapBlock } from './Map/Map';
+export { default as SliderBlock } from './Slider/Slider';
+export { default as ExtendedFeaturesBlock } from './ExtendedFeatures/ExtendedFeatures';
+export { default as PromoFeaturesBlock } from './PromoFeaturesBlock/PromoFeaturesBlock';
+export { default as QuestionsBlock } from './Questions/Questions';
+export { default as TableBlock } from './Table/Table';
+export { default as TabsBlock } from './Tabs/Tabs';
+export { default as HeaderBlock } from './Header/Header';
+export { default as IconsBlock } from './Icons/Icons';
+export { default as HeaderSliderBlock } from './HeaderSlider/HeaderSlider';
+export { default as CardLayoutBlock } from './CardLayout/CardLayout';
+export { default as ContentLayoutBlock } from './ContentLayout/ContentLayout';
+export { default as ShareBlock } from './Share/Share';
+export { default as FilterBlock } from './FilterBlock/FilterBlock';
+export { default as FormBlock } from './Form/Form';

package/build/esm/blocks/index.js

@@ -1,20 +1,19 @@
-export { default as BannerBlock } from "./Banner/Banner.js";
-export { default as CompaniesBlock } from "./Companies/Companies.js";
-export { default as InfoBlock } from "./Info/Info.js";
-export { default as MediaBlock } from "./Media/Media.js";
-export { default as MapBlock } from "./Map/Map.js";
-export { default as SliderBlock } from "./Slider/Slider.js";
-export { default as ExtendedFeaturesBlock } from "./ExtendedFeatures/ExtendedFeatures.js";
-export { default as PromoFeaturesBlock } from "./PromoFeaturesBlock/PromoFeaturesBlock.js";
-export { default as QuestionsBlock } from "./Questions/Questions.js";
-export { default as TableBlock } from "./Table/Table.js";
-export { default as TabsBlock } from "./Tabs/Tabs.js";
-export { default as HeaderBlock } from "./Header/Header.js";
-export { default as IconsBlock } from "./Icons/Icons.js";
-export { default as HeaderSliderBlock } from "./HeaderSlider/HeaderSlider.js";
-export { default as CardLayoutBlock } from "./CardLayout/CardLayout.js";
-export { default as ContentLayoutBlock } from "./ContentLayout/ContentLayout.js";
-export { default as ShareBlock } from "./Share/Share.js";
-export { default as FilterBlock } from "./FilterBlock/FilterBlock.js";
-export { default as FormBlock } from "./Form/Form.js";
-//# sourceMappingURL=index.js.map
+export { default as BannerBlock } from './Banner/Banner';
+export { default as CompaniesBlock } from './Companies/Companies';
+export { default as InfoBlock } from './Info/Info';
+export { default as MediaBlock } from './Media/Media';
+export { default as MapBlock } from './Map/Map';
+export { default as SliderBlock } from './Slider/Slider';
+export { default as ExtendedFeaturesBlock } from './ExtendedFeatures/ExtendedFeatures';
+export { default as PromoFeaturesBlock } from './PromoFeaturesBlock/PromoFeaturesBlock';
+export { default as QuestionsBlock } from './Questions/Questions';
+export { default as TableBlock } from './Table/Table';
+export { default as TabsBlock } from './Tabs/Tabs';
+export { default as HeaderBlock } from './Header/Header';
+export { default as IconsBlock } from './Icons/Icons';
+export { default as HeaderSliderBlock } from './HeaderSlider/HeaderSlider';
+export { default as CardLayoutBlock } from './CardLayout/CardLayout';
+export { default as ContentLayoutBlock } from './ContentLayout/ContentLayout';
+export { default as ShareBlock } from './Share/Share';
+export { default as FilterBlock } from './FilterBlock/FilterBlock';
+export { default as FormBlock } from './Form/Form';

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

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

package/build/esm/blocks/unstable.js

@@ -1,2 +1 @@
-export { default as SliderNewBlock } from "./SliderNew/Slider.js";
-//# sourceMappingURL=unstable.js.map
+export { default as SliderNewBlock } from './SliderNew/Slider';

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

@@ -1,15 +1,15 @@
-export * from "./Banner/schema.js";
-export * from "./CardLayout/schema.js";
-export * from "./Companies/schema.js";
-export * from "./ContentLayout/schema.js";
-export * from "./ExtendedFeatures/schema.js";
-export * from "./Header/schema.js";
-export * from "./HeaderSlider/schema.js";
-export * from "./Icons/schema.js";
-export * from "./Info/schema.js";
-export * from "./Media/schema.js";
-export * from "./PromoFeaturesBlock/schema.js";
-export * from "./Questions/schema.js";
-export * from "./Slider/schema.js";
-export * from "./Table/schema.js";
-export * from "./Share/schema.js";
+export * from './Banner/schema';
+export * from './CardLayout/schema';
+export * from './Companies/schema';
+export * from './ContentLayout/schema';
+export * from './ExtendedFeatures/schema';
+export * from './Header/schema';
+export * from './HeaderSlider/schema';
+export * from './Icons/schema';
+export * from './Info/schema';
+export * from './Media/schema';
+export * from './PromoFeaturesBlock/schema';
+export * from './Questions/schema';
+export * from './Slider/schema';
+export * from './Table/schema';
+export * from './Share/schema';

package/build/esm/blocks/validators.js

@@ -1,16 +1,15 @@
-export * from "./Banner/schema.js";
-export * from "./CardLayout/schema.js";
-export * from "./Companies/schema.js";
-export * from "./ContentLayout/schema.js";
-export * from "./ExtendedFeatures/schema.js";
-export * from "./Header/schema.js";
-export * from "./HeaderSlider/schema.js";
-export * from "./Icons/schema.js";
-export * from "./Info/schema.js";
-export * from "./Media/schema.js";
-export * from "./PromoFeaturesBlock/schema.js";
-export * from "./Questions/schema.js";
-export * from "./Slider/schema.js";
-export * from "./Table/schema.js";
-export * from "./Share/schema.js";
-//# sourceMappingURL=validators.js.map
+export * from './Banner/schema';
+export * from './CardLayout/schema';
+export * from './Companies/schema';
+export * from './ContentLayout/schema';
+export * from './ExtendedFeatures/schema';
+export * from './Header/schema';
+export * from './HeaderSlider/schema';
+export * from './Icons/schema';
+export * from './Info/schema';
+export * from './Media/schema';
+export * from './PromoFeaturesBlock/schema';
+export * from './Questions/schema';
+export * from './Slider/schema';
+export * from './Table/schema';
+export * from './Share/schema';

package/build/esm/components/Anchor/Anchor.d.ts

@@ -1,8 +1,8 @@
-import { ClassNameProps, QAProps } from "../../models/index.js";
+import { ClassNameProps, QAProps } from '../../models';
 import './Anchor.css';
 export declare const qaIdByDefault = "qa-anchor";
 export interface AnchorProps extends ClassNameProps, QAProps {
     id: string;
 }
-declare const Anchor: ({ id, className, qa }: AnchorProps) => import("react/jsx-runtime").JSX.Element;
+declare const Anchor: ({ id, className, qa }: AnchorProps) => JSX.Element;
 export default Anchor;

package/build/esm/components/Anchor/Anchor.js

@@ -1,8 +1,8 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { block } from "../../utils/index.js";
+//TODO move to cloud components
+import React from 'react';
+import { block } from '../../utils';
 import './Anchor.css';
 const b = block('Anchor');
 export const qaIdByDefault = 'qa-anchor';
-const Anchor = ({ id, className, qa }) => (_jsx("div", { id: id, className: b(null, className), "data-qa": qa || qaIdByDefault }));
+const Anchor = ({ id, className, qa }) => (React.createElement("div", { id: id, className: b(null, className), "data-qa": qa || qaIdByDefault }));
 export default Anchor;
-//# sourceMappingURL=Anchor.js.map

package/build/esm/components/AnimateBlock/AnimateBlock.d.ts

@@ -1,12 +1,12 @@
-import * as React from 'react';
-import { AnimateContextProps } from "../../context/animateContext/AnimateContext.js";
-import { QAProps } from "../../models/index.js";
+import React, { CSSProperties } from 'react';
+import { AnimateContextProps } from '../../context/animateContext/AnimateContext';
+import { QAProps } from '../../models';
 export interface AnimateBlockProps extends AnimateContextProps, QAProps {
     animate?: boolean;
     offset?: number;
     className?: string;
-    style?: React.CSSProperties;
+    style?: CSSProperties;
     onScroll?: () => void;
 }
-declare const AnimateBlock: (props: React.PropsWithChildren<AnimateBlockProps>) => import("react/jsx-runtime").JSX.Element;
+declare const AnimateBlock: (props: React.PropsWithChildren<AnimateBlockProps>) => JSX.Element;
 export default AnimateBlock;

package/build/esm/components/AnimateBlock/AnimateBlock.js

@@ -1,26 +1,26 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
+import React, { useContext, useState } from 'react';
 import { Waypoint } from 'react-waypoint';
-import { AnimateContext } from "../../context/animateContext/AnimateContext.js";
-import { block } from "../../utils/index.js";
+import { AnimateContext } from '../../context/animateContext/AnimateContext';
+import { block } from '../../utils';
 const b = block('AnimateBlock');
 const AnimateBlock = (props) => {
-    const { animated } = React.useContext(AnimateContext);
+    const { animated } = useContext(AnimateContext);
     const { children, className, offset = 100, onScroll, style, animate = animated, qa } = props;
-    const [playAnimation, setPlayAnimation] = React.useState(false);
+    const [playAnimation, setPlayAnimation] = useState(false);
     const divClassName = animate
         ? b(null, `${playAnimation && 'animate'} ${className}`)
         : className;
-    return (_jsxs("div", { className: divClassName, style: style, "data-qa": qa, children: [_jsx(Waypoint
+    return (React.createElement("div", { className: divClassName, style: style, "data-qa": qa },
+        React.createElement(Waypoint
+        // trigger animation if element is above screen
+        , { 
             // trigger animation if element is above screen
-            , { 
-                // trigger animation if element is above screen
-                topOffset: '-100000%', bottomOffset: offset, onEnter: async () => {
-                    setPlayAnimation(true);
-                    if (onScroll) {
-                        onScroll();
-                    }
-                } }), children] }));
+            topOffset: '-100000%', bottomOffset: offset, onEnter: async () => {
+                setPlayAnimation(true);
+                if (onScroll) {
+                    onScroll();
+                }
+            } }),
+        children));
 };
 export default AnimateBlock;
-//# sourceMappingURL=AnimateBlock.js.map

package/build/esm/components/Author/Author.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { AuthorProps } from "../../models/index.js";
+import React from 'react';
+import { AuthorProps } from '../../models';
 import './Author.css';
-declare const Author: (props: React.PropsWithChildren<AuthorProps>) => import("react/jsx-runtime").JSX.Element;
+declare const Author: (props: React.PropsWithChildren<AuthorProps>) => JSX.Element;
 export default Author;

package/build/esm/components/Author/Author.js

@@ -1,9 +1,8 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { AuthorType } from "../../models/index.js";
-import { block } from "../../utils/index.js";
-import { getMediaImage } from "../Media/Image/utils.js";
-import { Image } from "../index.js";
+import React from 'react';
+import { AuthorType } from '../../models';
+import { block } from '../../utils';
+import { getMediaImage } from '../Media/Image/utils';
+import { Image } from '../index';
 import './Author.css';
 const b = block('author');
 const Author = (props) => {
@@ -15,7 +14,10 @@ const Author = (props) => {
     if (!isAvatarJSX && avatar) {
         avatarProps = getMediaImage(avatar);
     }
-    return (_jsxs("div", { className: b({ type, theme }, className), "data-qa": qa, children: [avatar && (_jsx("div", { className: b('avatar', authorContainerClassName), children: isAvatarJSX ? avatar : _jsx(Image, Object.assign({}, avatarProps)) })), _jsxs("div", { className: b('label'), children: [_jsx("div", { className: b('name'), children: name }), description && _jsx("div", { className: b('description'), children: description })] })] }));
+    return (React.createElement("div", { className: b({ type, theme }, className), "data-qa": qa },
+        avatar && (React.createElement("div", { className: b('avatar', authorContainerClassName) }, isAvatarJSX ? avatar : React.createElement(Image, Object.assign({}, avatarProps)))),
+        React.createElement("div", { className: b('label') },
+            React.createElement("div", { className: b('name') }, name),
+            description && React.createElement("div", { className: b('description') }, description))));
 };
 export default Author;
-//# sourceMappingURL=Author.js.map

package/build/esm/components/Author/schema.js

@@ -1,4 +1,4 @@
-import { BaseProps, authorItem } from "../../schema/validators/common.js";
+import { BaseProps, authorItem } from '../../schema/validators/common';
 export const author = {
     author: {
         additionalProperties: false,
@@ -6,4 +6,3 @@ export const author = {
         properties: Object.assign(Object.assign({}, BaseProps), { asides: {}, author: authorItem }),
     },
 };
-//# sourceMappingURL=schema.js.map

package/build/esm/components/BackLink/BackLink.d.ts

@@ -1,15 +1,15 @@
-import * as React from 'react';
+import { HTMLProps, ReactNode } from 'react';
 import { ButtonSize } from '@gravity-ui/uikit';
-import { Tabbable } from "../../models/index.js";
+import { Tabbable } from '../../models';
 export type Theme = 'default' | 'special';
 export interface BackLinkProps<T = HTMLElement> extends Tabbable {
     url: string;
-    title: React.ReactNode;
+    title: ReactNode;
     theme?: Theme;
     size?: ButtonSize;
     className?: string;
     shouldHandleBackAction?: boolean;
     onClick?: () => void;
-    extraProps?: React.HTMLProps<T>;
+    extraProps?: HTMLProps<T>;
 }
-export default function BackLink(props: BackLinkProps): import("react/jsx-runtime").JSX.Element;
+export default function BackLink(props: BackLinkProps): JSX.Element;

package/build/esm/components/BackLink/BackLink.js

@@ -1,15 +1,14 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
+import React, { useCallback, useContext } from 'react';
 import { ArrowLeft } from '@gravity-ui/icons';
 import { Button, Icon } from '@gravity-ui/uikit';
-import { LocationContext } from "../../context/locationContext/index.js";
-import { useAnalytics } from "../../hooks/index.js";
-import { DefaultEventNames } from "../../models/index.js";
+import { LocationContext } from '../../context/locationContext';
+import { useAnalytics } from '../../hooks';
+import { DefaultEventNames } from '../../models';
 export default function BackLink(props) {
-    const { history } = React.useContext(LocationContext);
+    const { history } = useContext(LocationContext);
     const { url, title, theme = 'default', size = 'l', className, shouldHandleBackAction = false, onClick, tabIndex, extraProps, } = props;
     const handleAnalytics = useAnalytics(DefaultEventNames.ShareButton, url);
-    const backActionHandler = React.useCallback(async () => {
+    const backActionHandler = useCallback(async () => {
         handleAnalytics();
         if (!history) {
             return;
@@ -24,7 +23,7 @@ export default function BackLink(props) {
             history.push({ pathname: url });
         }
     }, [handleAnalytics, history, onClick, url]);
-    const buttonComponent = url && !shouldHandleBackAction ? 'a' : 'button';
-    return (_jsxs(Button, { className: className, view: theme === 'special' ? 'flat-contrast' : 'flat-secondary', size: size, href: shouldHandleBackAction ? undefined : url, onClick: shouldHandleBackAction ? backActionHandler : undefined, tabIndex: tabIndex, extraProps: extraProps, component: buttonComponent, children: [_jsx(Icon, { data: ArrowLeft, size: 20 }), _jsx("span", { children: title })] }));
+    return (React.createElement(Button, { className: className, view: theme === 'special' ? 'flat-contrast' : 'flat-secondary', size: size, href: shouldHandleBackAction ? undefined : url, onClick: shouldHandleBackAction ? backActionHandler : undefined, tabIndex: tabIndex, extraProps: extraProps },
+        React.createElement(Icon, { data: ArrowLeft, size: 20 }),
+        React.createElement("span", null, title)));
 }
-//# sourceMappingURL=BackLink.js.map