@gravity-ui/blog-constructor 6.5.1-beta.0 → 6.6.1

package/build/esm/blocks/CTA/CTA.js

@@ -1,11 +1,11 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import { Content } from '@gravity-ui/page-constructor';
-import { Wrapper } from "../../components/Wrapper/Wrapper.js";
-import { PaddingsDirections } from "../../models/paddings.js";
-import { block } from "../../utils/cn.js";
-import { getMergedAnalyticsEvents, getQaAttributes, prepareAnalyticsEvent, updateContentSizes, } from "../../utils/common.js";
-import { DefaultGoalIds } from "../../constants.js";
-import { AnalyticsCounter } from "../../counters/utils.js";
+import { Wrapper } from '../../components/Wrapper/Wrapper';
+import { PaddingsDirections } from '../../models/paddings';
+import { block } from '../../utils/cn';
+import { getMergedAnalyticsEvents, getQaAttributes, prepareAnalyticsEvent, updateContentSizes, } from '../../utils/common';
+import { DefaultGoalIds } from '../../constants';
+import { AnalyticsCounter } from '../../counters/utils';
 import './CTA.css';
 const b = block('cta');
 const linkGoals = prepareAnalyticsEvent({
@@ -14,17 +14,17 @@ const linkGoals = prepareAnalyticsEvent({
 });
 export const CTA = ({ items, paddingTop, paddingBottom, qa }) => {
     const qaAttributes = getQaAttributes(qa, 'card');
-    return (_jsx(Wrapper, { paddings: {
+    return (React.createElement(Wrapper, { paddings: {
             [PaddingsDirections.top]: paddingTop,
             [PaddingsDirections.bottom]: paddingBottom,
-        }, className: b('content'), qa: qaAttributes.wrapper, children: items.map((content, index) => {
-            var _a;
-            const contentData = updateContentSizes(content);
-            (_a = contentData.links) === null || _a === void 0 ? void 0 : _a.forEach((link) => {
-                // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign
-                link.analyticsEvents = getMergedAnalyticsEvents(linkGoals, link.analyticsEvents);
-            });
-            return (_jsx("div", { className: b('card'), "data-qa": qaAttributes.card, children: _jsx(Content, Object.assign({}, contentData, { qa: qaAttributes.content })) }, index));
-        }) }));
-};
-//# sourceMappingURL=CTA.js.map
+        }, className: b('content'), qa: qaAttributes.wrapper }, items.map((content, index) => {
+        var _a;
+        const contentData = updateContentSizes(content);
+        (_a = contentData.links) === null || _a === void 0 ? void 0 : _a.forEach((link) => {
+            // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign
+            link.analyticsEvents = getMergedAnalyticsEvents(linkGoals, link.analyticsEvents);
+        });
+        return (React.createElement("div", { key: index, className: b('card'), "data-qa": qaAttributes.card },
+            React.createElement(Content, Object.assign({}, contentData, { qa: qaAttributes.content }))));
+    })));
+};

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

@@ -1,6 +1,6 @@
 import { validators } from '@gravity-ui/page-constructor';
-import { BlockType } from "../../models/common.js";
-import { BlogBlockBase } from "../../schema/common.js";
+import { BlockType } from '../../models/common';
+import { BlogBlockBase } from '../../schema/common';
 const { subBlocks: { ContentBase }, common: { BlockBaseProps }, } = validators;
 export const CTA = {
     [BlockType.CTA]: {
@@ -17,5 +17,4 @@ export const CTA = {
                 },
             } }),
     },
-};
-//# sourceMappingURL=schema.js.map
+};

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

@@ -1,3 +1,4 @@
-import { ColoredTextProps } from "../../models/blocks.js";
+import React from 'react';
+import { ColoredTextProps } from '../../models/blocks';
 import './ColoredText.css';
-export declare const ColoredText: ({ background, paddingTop, paddingBottom, qa, ...content }: ColoredTextProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ColoredText: ({ background, paddingTop, paddingBottom, qa, ...content }: ColoredTextProps) => React.JSX.Element;

package/build/esm/blocks/ColoredText/ColoredText.js

@@ -1,19 +1,22 @@
 import { __rest } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
 import { BackgroundImage, Content } from '@gravity-ui/page-constructor';
-import { Wrapper } from "../../components/Wrapper/Wrapper.js";
-import { PaddingsDirections } from "../../models/paddings.js";
-import { block } from "../../utils/cn.js";
-import { getQaAttributes, updateContentSizes } from "../../utils/common.js";
+import { Wrapper } from '../../components/Wrapper/Wrapper';
+import { PaddingsDirections } from '../../models/paddings';
+import { block } from '../../utils/cn';
+import { getQaAttributes, updateContentSizes } from '../../utils/common';
 import './ColoredText.css';
 const b = block('colored-text');
 export const ColoredText = (_a) => {
     var { background, paddingTop, paddingBottom, qa } = _a, content = __rest(_a, ["background", "paddingTop", "paddingBottom", "qa"]);
     const contentData = updateContentSizes(content);
     const qaAttributes = getQaAttributes(qa);
-    return (_jsx(Wrapper, { paddings: {
+    return (React.createElement(Wrapper, { paddings: {
             [PaddingsDirections.top]: paddingTop,
             [PaddingsDirections.bottom]: paddingBottom,
-        }, qa: qaAttributes.wrapper, children: _jsxs("div", { className: b('container'), style: { backgroundColor: (background === null || background === void 0 ? void 0 : background.color) || 'none' }, "data-qa": qaAttributes.container, children: [_jsx("div", { className: b('picture-container'), children: (background === null || background === void 0 ? void 0 : background.image) && (_jsx(BackgroundImage, { className: b('picture'), alt: background === null || background === void 0 ? void 0 : background.altText, src: background === null || background === void 0 ? void 0 : background.image })) }), _jsx("div", { className: b('text-content'), children: _jsx(Content, Object.assign({}, contentData, { qa: qaAttributes.content })) })] }) }));
-};
-//# sourceMappingURL=ColoredText.js.map
+        }, qa: qaAttributes.wrapper },
+        React.createElement("div", { className: b('container'), style: { backgroundColor: (background === null || background === void 0 ? void 0 : background.color) || 'none' }, "data-qa": qaAttributes.container },
+            React.createElement("div", { className: b('picture-container') }, (background === null || background === void 0 ? void 0 : background.image) && (React.createElement(BackgroundImage, { className: b('picture'), alt: background === null || background === void 0 ? void 0 : background.altText, src: background === null || background === void 0 ? void 0 : background.image }))),
+            React.createElement("div", { className: b('text-content') },
+                React.createElement(Content, Object.assign({}, contentData, { qa: qaAttributes.content }))))));
+};

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

@@ -1,6 +1,6 @@
 import { validators } from '@gravity-ui/page-constructor';
-import { BlockType } from "../../models/common.js";
-import { BlogBlockBase } from "../../schema/common.js";
+import { BlockType } from '../../models/common';
+import { BlogBlockBase } from '../../schema/common';
 const { subBlocks: { ContentBase }, components: { ImageProps }, common: { BlockBaseProps }, } = validators;
 const BackgroundProps = {
     type: 'object',
@@ -23,5 +23,4 @@ export const ColoredText = {
         required: ['text'],
         properties: Object.assign(Object.assign(Object.assign(Object.assign({}, BlockBaseProps), BlogBlockBase), ContentBase), { background: BackgroundProps }),
     },
-};
-//# sourceMappingURL=schema.js.map
+};

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

@@ -1,2 +1,3 @@
-import { FeedProps } from "../../models/blocks.js";
-export declare const Feed: ({ image }: FeedProps) => import("react/jsx-runtime").JSX.Element;
+import React from 'react';
+import { FeedProps } from '../../models/blocks';
+export declare const Feed: ({ image }: FeedProps) => React.JSX.Element;

package/build/esm/blocks/Feed/Feed.js

@@ -1,31 +1,30 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
+import React, { useCallback, useContext, useEffect, useMemo, useReducer } from 'react';
 import { useAnalytics } from '@gravity-ui/page-constructor';
 import { Icon } from '@gravity-ui/uikit';
-import { FeedHeader } from "../../components/FeedHeader/FeedHeader.js";
-import { Posts } from "../../components/Posts/Posts.js";
-import { PostsError } from "../../components/PostsError/PostsError.js";
-import { DefaultGoalIds } from "../../constants.js";
-import { FeedContext } from "../../contexts/FeedContext.js";
-import { RouterContext } from "../../contexts/RouterContext.js";
-import { AnalyticsCounter } from "../../counters/utils.js";
-import { DefaultEventNames } from "../../models/common.js";
-import { getFeedQueryParams, prepareAnalyticsEvent, scrollOnPageChange } from "../../utils/common.js";
-import { DEFAULT_PAGE, DEFAULT_ROWS_PER_PAGE } from "../constants.js";
-import { ActionTypes, reducer } from "./reducer.js";
+import { FeedHeader } from '../../components/FeedHeader/FeedHeader';
+import { Posts } from '../../components/Posts/Posts';
+import { PostsError } from '../../components/PostsError/PostsError';
+import { DefaultGoalIds } from '../../constants';
+import { FeedContext } from '../../contexts/FeedContext';
+import { RouterContext } from '../../contexts/RouterContext';
+import { AnalyticsCounter } from '../../counters/utils';
+import { DefaultEventNames } from '../../models/common';
+import { getFeedQueryParams, prepareAnalyticsEvent, scrollOnPageChange } from '../../utils/common';
+import { DEFAULT_PAGE, DEFAULT_ROWS_PER_PAGE } from '../constants';
+import { ActionTypes, reducer } from './reducer';
 const CONTAINER_ID = 'blog-cards';
 const PAGE_QUERY = 'page';
 const FIRST_PAGE = 1;
 export const Feed = ({ image }) => {
     var _a;
-    const { posts, totalCount, tags, services, pinnedPost, getPosts, pageCountForShowSupportButtons, } = React.useContext(FeedContext);
-    const router = React.useContext(RouterContext);
+    const { posts, totalCount, tags, services, pinnedPost, getPosts, pageCountForShowSupportButtons, } = useContext(FeedContext);
+    const router = useContext(RouterContext);
     const handleAnalytics = useAnalytics(DefaultEventNames.ShowMore);
     const additionalAnalyticsEvent = prepareAnalyticsEvent({
         name: DefaultGoalIds.showMore,
         counter: AnalyticsCounter.CrossSite,
     });
-    const [{ errorLoad, errorShowMore, isFetching, isShowMoreVisible, lastLoadedCount, postCountOnPage, postsOnPage, pinnedPostOnPage, currentPage, queryParams, }, dispatch,] = React.useReducer(reducer, {
+    const [{ errorLoad, errorShowMore, isFetching, isShowMoreVisible, lastLoadedCount, postCountOnPage, postsOnPage, pinnedPostOnPage, currentPage, queryParams, }, dispatch,] = useReducer(reducer, {
         errorLoad: false,
         errorShowMore: false,
         isFetching: false,
@@ -49,14 +48,14 @@ export const Feed = ({ image }) => {
     const setErrorLoad = (value) => {
         dispatch({ type: ActionTypes.SetErrorLoad, payload: value });
     };
-    const handleChangeQueryParams = React.useCallback((value) => {
+    const handleChangeQueryParams = useCallback((value) => {
         dispatch({ type: ActionTypes.QueryParamsChange, payload: value });
         const hasFirstPageQuery = Object.keys(value).some((queryKey) => queryKey === PAGE_QUERY && value[queryKey] === FIRST_PAGE);
         const result = hasFirstPageQuery
             ? Object.assign(Object.assign({}, value), { [PAGE_QUERY]: null }) : Object.assign({}, value);
         router.updateQueryCallback(result);
     }, [router]);
-    const fetchData = React.useCallback(async ({ page, query }) => {
+    const fetchData = useCallback(async ({ page, query }) => {
         if (query && getPosts) {
             const queryParamsForRequest = getFeedQueryParams(Object.assign(Object.assign({}, queryParams), query), page);
             const data = await getPosts(queryParamsForRequest);
@@ -66,7 +65,7 @@ export const Feed = ({ image }) => {
             throw new Error('cant get request');
         }
     }, [getPosts, queryParams]);
-    const handleLoad = React.useCallback(async ({ page, query }) => {
+    const handleLoad = useCallback(async ({ page, query }) => {
         const pageNumber = Number(page || queryParams.page || DEFAULT_PAGE);
         handleChangeQueryParams(query);
         try {
@@ -129,29 +128,30 @@ export const Feed = ({ image }) => {
         }
         setIsFetching(false);
     };
-    const handleOnErrorReload = React.useCallback(() => {
+    const handleOnErrorReload = useCallback(() => {
         handleLoad({ page: currentPage, query: queryParams });
     }, [currentPage, handleLoad, queryParams]);
-    React.useEffect(() => {
+    useEffect(() => {
         const loadedPostsCount = currentPage * perPageInQuery;
         dispatch({
             type: ActionTypes.SetIsShowMoreVisible,
             payload: loadedPostsCount < postCountOnPage,
         });
     }, [currentPage, lastLoadedCount, perPageInQuery, postCountOnPage]);
-    const serviceItems = React.useMemo(() => services === null || services === void 0 ? void 0 : services.map((service) => ({
+    const serviceItems = useMemo(() => services === null || services === void 0 ? void 0 : services.map((service) => ({
         content: service.name,
         value: `${service.id}`,
     })), [services]);
-    const tagItems = React.useMemo(() => tags === null || tags === void 0 ? void 0 : tags.map((tag) => ({
+    const tagItems = useMemo(() => tags === null || tags === void 0 ? void 0 : tags.map((tag) => ({
         content: tag.name,
         value: tag.slug,
-        icon: tag.icon && _jsx(Icon, { data: tag.icon }),
+        icon: tag.icon && React.createElement(Icon, { data: tag.icon }),
     })), [tags]);
-    return (_jsxs("div", { children: [_jsx(FeedHeader, { verticalOffset: "s", tags: tagItems, services: serviceItems, handleLoadData: handleLoad, queryParams: queryParams, background: {
-                    fullWidth: true,
-                    url: image,
-                    disableCompress: true,
-                } }), errorLoad ? (_jsx(PostsError, { onButtonClick: handleOnErrorReload })) : (_jsx(Posts, { containerId: CONTAINER_ID, currentPage: currentPage, isShowMoreVisible: isShowMoreVisible, errorShowMore: errorShowMore, postCountOnPage: postCountOnPage, perPageInQuery: perPageInQuery, handleShowMore: handleShowMore, handlePageChange: handlePageChange, postsOnPage: postsOnPage, pinnedPostOnPage: pinnedPostOnPage, isFetching: isFetching, queryParams: queryParams, pageCountForShowSupportButtons: pageCountForShowSupportButtons }))] }));
-};
-//# sourceMappingURL=Feed.js.map
+    return (React.createElement("div", null,
+        React.createElement(FeedHeader, { verticalOffset: "s", tags: tagItems, services: serviceItems, handleLoadData: handleLoad, queryParams: queryParams, background: {
+                fullWidth: true,
+                url: image,
+                disableCompress: true,
+            } }),
+        errorLoad ? (React.createElement(PostsError, { onButtonClick: handleOnErrorReload })) : (React.createElement(Posts, { containerId: CONTAINER_ID, currentPage: currentPage, isShowMoreVisible: isShowMoreVisible, errorShowMore: errorShowMore, postCountOnPage: postCountOnPage, perPageInQuery: perPageInQuery, handleShowMore: handleShowMore, handlePageChange: handlePageChange, postsOnPage: postsOnPage, pinnedPostOnPage: pinnedPostOnPage, isFetching: isFetching, queryParams: queryParams, pageCountForShowSupportButtons: pageCountForShowSupportButtons }))));
+};

package/build/esm/blocks/Feed/reducer.d.ts

@@ -1,4 +1,4 @@
-import { PostData, Query } from "../../models/common.js";
+import { PostData, Query } from '../../models/common';
 export declare enum ActionTypes {
     SetErrorLoad = "setErrorLoad",
     SetErrorShowMore = "setErrorShowMore",

package/build/esm/blocks/Feed/reducer.js

@@ -30,5 +30,4 @@ export const reducer = (state, { type, payload }) => {
         default:
             return state;
     }
-};
-//# sourceMappingURL=reducer.js.map
+};

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

@@ -1,6 +1,6 @@
 import { validators } from '@gravity-ui/page-constructor';
 const { common: { TitleProps, BlockBaseProps }, } = validators;
-import { BlockType } from "../../models/common.js";
+import { BlockType } from '../../models/common';
 export const Feed = {
     [BlockType.Feed]: {
         additionalProperties: false,
@@ -15,5 +15,4 @@ export const Feed = {
                 enum: ['s', 'm'],
             } }),
     },
-};
-//# sourceMappingURL=schema.js.map
+};

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

@@ -1,3 +1,4 @@
-import { FormProps } from "../../models/blocks.js";
+import React from 'react';
+import { FormProps } from '../../models/blocks';
 import './Form.css';
-export declare const Form: ({ paddingTop, paddingBottom, ...props }: FormProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const Form: ({ paddingTop, paddingBottom, ...props }: FormProps) => React.JSX.Element | null;

package/build/esm/blocks/Form/Form.js

@@ -1,25 +1,25 @@
 import { __rest } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
+import React, { useState } from 'react';
 import { InnerForm } from '@gravity-ui/page-constructor';
-import { Wrapper } from "../../components/Wrapper/Wrapper.js";
-import { PaddingsDirections } from "../../models/paddings.js";
-import { block } from "../../utils/cn.js";
+import { Wrapper } from '../../components/Wrapper/Wrapper';
+import { PaddingsDirections } from '../../models/paddings';
+import { block } from '../../utils/cn';
 import './Form.css';
 const b = block('form-block');
 export const Form = (_a) => {
     var { paddingTop, paddingBottom } = _a, props = __rest(_a, ["paddingTop", "paddingBottom"]);
     const { formData, border = 'shadow' } = props;
-    const [contentLoaded, setContentLoaded] = React.useState(false);
+    const [contentLoaded, setContentLoaded] = useState(false);
     const onContentLoad = () => {
         setContentLoaded(true);
     };
     if (!formData) {
         return null;
     }
-    return (_jsx(Wrapper, { paddings: {
+    return (React.createElement(Wrapper, { paddings: {
             [PaddingsDirections.top]: paddingTop,
             [PaddingsDirections.bottom]: paddingBottom,
-        }, className: b('wrapper'), children: _jsx("div", { className: b('container', { hidden: !contentLoaded, border }), children: _jsx(InnerForm, { className: b('form'), formData: formData, onContentLoad: onContentLoad }) }) }));
-};
-//# sourceMappingURL=Form.js.map
+        }, className: b('wrapper') },
+        React.createElement("div", { className: b('container', { hidden: !contentLoaded, border }) },
+            React.createElement(InnerForm, { className: b('form'), formData: formData, onContentLoad: onContentLoad }))));
+};

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

@@ -1,6 +1,6 @@
 import { validators } from '@gravity-ui/page-constructor';
-import { BlockType } from "../../models/common.js";
-import { BlogBlockBase } from "../../schema/common.js";
+import { BlockType } from '../../models/common';
+import { BlogBlockBase } from '../../schema/common';
 const { common: { BlockBaseProps }, components: { YandexFormProps }, subBlocks: { HubspotFormProps }, } = validators;
 export const Media = {
     [BlockType.Media]: {
@@ -28,5 +28,4 @@ export const Media = {
                 enum: ['shadow', 'line', 'none'],
             } }),
     },
-};
-//# sourceMappingURL=schema.js.map
+};

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

@@ -1,2 +1,3 @@
-import { HeaderProps } from "../../models/blocks.js";
-export declare const Header: (props: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+import React from 'react';
+import { HeaderProps } from '../../models/blocks';
+export declare const Header: (props: HeaderProps) => React.JSX.Element;

package/build/esm/blocks/Header/Header.js

@@ -1,15 +1,14 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
+import React, { useContext } from 'react';
 import { HeaderBlock } from '@gravity-ui/page-constructor';
-import { PostInfo } from "../../components/PostInfo/PostInfo.js";
-import { Wrapper } from "../../components/Wrapper/Wrapper.js";
-import { DefaultGoalIds } from "../../constants.js";
-import { LocaleContext } from "../../contexts/LocaleContext.js";
-import { PostPageContext } from "../../contexts/PostPageContext.js";
-import { PaddingsDirections } from "../../models/paddings.js";
-import { getBreadcrumbs, getBlogPath as getDefaultBlogPath, prepareAnalyticsEvent, } from "../../utils/common.js";
-import { SettingsContext } from "../../contexts/SettingsContext.js";
-import { AnalyticsCounter } from "../../counters/utils.js";
+import { PostInfo } from '../../components/PostInfo/PostInfo';
+import { Wrapper } from '../../components/Wrapper/Wrapper';
+import { DefaultGoalIds } from '../../constants';
+import { LocaleContext } from '../../contexts/LocaleContext';
+import { PostPageContext } from '../../contexts/PostPageContext';
+import { PaddingsDirections } from '../../models/paddings';
+import { getBreadcrumbs, getBlogPath as getDefaultBlogPath, prepareAnalyticsEvent, } from '../../utils/common';
+import { SettingsContext } from '../../contexts/SettingsContext';
+import { AnalyticsCounter } from '../../counters/utils';
 const analyticsEventsContainer = {
     sharing: prepareAnalyticsEvent({ name: DefaultGoalIds.shareTop }),
     save: prepareAnalyticsEvent({ name: DefaultGoalIds.saveTop }),
@@ -20,9 +19,9 @@ const breadcrumbsGoals = prepareAnalyticsEvent({
 });
 export const Header = (props) => {
     const { theme, paddingTop, paddingBottom } = props;
-    const { post, breadcrumbs: customBreadcrumbs = {} } = React.useContext(PostPageContext);
-    const { locale } = React.useContext(LocaleContext);
-    const { getBlogPath = getDefaultBlogPath } = React.useContext(SettingsContext);
+    const { post, breadcrumbs: customBreadcrumbs = {} } = useContext(PostPageContext);
+    const { locale } = useContext(LocaleContext);
+    const { getBlogPath = getDefaultBlogPath } = useContext(SettingsContext);
     const blogPath = getBlogPath(locale.pathPrefix || '');
     const { description, title, id, date, readingTime, tags } = post;
     const breadcrumbs = getBreadcrumbs({ tags, blogPath });
@@ -30,9 +29,10 @@ export const Header = (props) => {
         breadcrumbs.theme = 'dark';
     }
     breadcrumbs.analyticsEvents = breadcrumbsGoals;
-    return (_jsx(Wrapper, { paddings: {
+    return (React.createElement(Wrapper, { paddings: {
             [PaddingsDirections.top]: paddingTop,
             [PaddingsDirections.bottom]: paddingBottom,
-        }, children: _jsx(HeaderBlock, Object.assign({}, props, { title: title, description: description, breadcrumbs: Object.assign(Object.assign({}, breadcrumbs), customBreadcrumbs), children: _jsx(PostInfo, { postId: id, date: date, readingTime: readingTime, analyticsEventsContainer: analyticsEventsContainer, theme: theme, qa: "blog-header-meta-container" }) })) }));
-};
-//# sourceMappingURL=Header.js.map
+        } },
+        React.createElement(HeaderBlock, Object.assign({}, props, { title: title, description: description, breadcrumbs: Object.assign(Object.assign({}, breadcrumbs), customBreadcrumbs) }),
+            React.createElement(PostInfo, { postId: id, date: date, readingTime: readingTime, analyticsEventsContainer: analyticsEventsContainer, theme: theme, qa: "blog-header-meta-container" }))));
+};

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

@@ -373,9 +373,6 @@ export declare const Header: {
                         videoIframe: {
                             type: string;
                         };
-                        autoplay: {
-                            type: string;
-                        };
                         parallax: {
                             type: string;
                         };

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

@@ -1,6 +1,6 @@
 import { validators } from '@gravity-ui/page-constructor';
-import { BlockType } from "../../models/common.js";
-import { BlogBlockBase } from "../../schema/common.js";
+import { BlockType } from '../../models/common';
+import { BlogBlockBase } from '../../schema/common';
 const { blocks: { HeaderProperties }, common: { BlockBaseProps }, } = validators;
 export const Header = {
     [BlockType.Header]: {
@@ -8,5 +8,4 @@ export const Header = {
         additionalProperties: false,
         properties: Object.assign(Object.assign(Object.assign({}, BlockBaseProps), BlogBlockBase), HeaderProperties),
     },
-};
-//# sourceMappingURL=schema.js.map
+};

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
-import { LayoutProps } from "../../models/blocks.js";
+import React, { PropsWithChildren } from 'react';
+import { LayoutProps } from '../../models/blocks';
 import './Layout.css';
-export declare const Layout: ({ fullWidth, mobileOrder, children, paddingTop, paddingBottom, }: React.PropsWithChildren<LayoutProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const Layout: ({ fullWidth, mobileOrder, children, paddingTop, paddingBottom, }: PropsWithChildren<LayoutProps>) => React.JSX.Element;

package/build/esm/blocks/Layout/Layout.js

@@ -1,13 +1,12 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
+import React, { useMemo } from 'react';
 import { Col, Row, } from '@gravity-ui/page-constructor';
-import { Wrapper } from "../../components/Wrapper/Wrapper.js";
-import { PaddingsDirections } from "../../models/paddings.js";
-import { block } from "../../utils/cn.js";
+import { Wrapper } from '../../components/Wrapper/Wrapper';
+import { PaddingsDirections } from '../../models/paddings';
+import { block } from '../../utils/cn';
 import './Layout.css';
 const b = block('layout');
 export const Layout = ({ fullWidth, mobileOrder, children, paddingTop = 'xs', paddingBottom = 'xs', }) => {
-    const layout = React.useMemo(() => {
+    const layout = useMemo(() => {
         const layoutConfig = {
             leftCol: {
                 sizes: { all: 12, lg: 8 },
@@ -32,8 +31,8 @@ export const Layout = ({ fullWidth, mobileOrder, children, paddingTop = 'xs', pa
         }
         return layoutConfig;
     }, [fullWidth, mobileOrder]);
-    const renderChildren = (blockChildren) => React.Children.map(blockChildren, (child, i) => (_jsx("div", { className: b('item'), children: child }, i)));
-    const { left, right } = React.useMemo(() => children === null || children === void 0 ? void 0 : children.reduce((sortedChildren, child) => {
+    const renderChildren = (blockChildren) => React.Children.map(blockChildren, (child, i) => (React.createElement("div", { key: i, className: b('item') }, child)));
+    const { left, right } = useMemo(() => children === null || children === void 0 ? void 0 : children.reduce((sortedChildren, child) => {
         var _a, _b;
         if (((_b = (_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.column) === 'left') {
             sortedChildren.left.push(child);
@@ -43,9 +42,11 @@ export const Layout = ({ fullWidth, mobileOrder, children, paddingTop = 'xs', pa
         }
         return sortedChildren;
     }, { left: [], right: [] }), [children]);
-    return (_jsx(Wrapper, { paddings: {
+    return (React.createElement(Wrapper, { paddings: {
             [PaddingsDirections.top]: paddingTop,
             [PaddingsDirections.bottom]: paddingBottom,
-        }, children: _jsxs(Row, { className: b('row'), noGutter: true, children: [_jsx(Col, Object.assign({ className: b('left-col') }, layout.leftCol, { children: left && renderChildren(left) })), _jsx(Col, Object.assign({ className: b('right-col') }, layout.rightCol, { children: right && renderChildren(right) }))] }) }));
-};
-//# sourceMappingURL=Layout.js.map
+        } },
+        React.createElement(Row, { className: b('row'), noGutter: true },
+            React.createElement(Col, Object.assign({ className: b('left-col') }, layout.leftCol), left && renderChildren(left)),
+            React.createElement(Col, Object.assign({ className: b('right-col') }, layout.rightCol), right && renderChildren(right)))));
+};

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

@@ -1,7 +1,7 @@
 import { validators } from '@gravity-ui/page-constructor';
 const { common: { BlockBaseProps, ChildrenProps }, } = validators;
-import { BlockType } from "../../models/common.js";
-import { BlogBlockBase } from "../../schema/common.js";
+import { BlockType } from '../../models/common';
+import { BlogBlockBase } from '../../schema/common';
 export const Layout = {
     [BlockType.Layout]: {
         type: 'object',
@@ -12,5 +12,4 @@ export const Layout = {
                 enum: ['reverse', 'straight'],
             } }),
     },
-};
-//# sourceMappingURL=schema.js.map
+};

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

@@ -1,3 +1,4 @@
-import { MediaProps } from "../../models/blocks.js";
+import React from 'react';
+import { MediaProps } from '../../models/blocks';
 import './Media.css';
-export declare const Media: ({ text, paddingTop, paddingBottom, ...mediaProps }: MediaProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Media: ({ text, paddingTop, paddingBottom, ...mediaProps }: MediaProps) => React.JSX.Element;

package/build/esm/blocks/Media/Media.js

@@ -1,20 +1,23 @@
 import { __rest } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
 import { Media as PCMedia, YFMWrapper } from '@gravity-ui/page-constructor';
-import { Wrapper } from "../../components/Wrapper/Wrapper.js";
-import { PaddingsDirections } from "../../models/paddings.js";
-import { block } from "../../utils/cn.js";
+import { Wrapper } from '../../components/Wrapper/Wrapper';
+import { PaddingsDirections } from '../../models/paddings';
+import { block } from '../../utils/cn';
 import './Media.css';
 const b = block('media');
 export const Media = (_a) => {
     var { text, paddingTop, paddingBottom } = _a, mediaProps = __rest(_a, ["text", "paddingTop", "paddingBottom"]);
-    return (_jsxs(Wrapper, { paddings: {
+    return (React.createElement(Wrapper, { paddings: {
             [PaddingsDirections.top]: paddingTop,
             [PaddingsDirections.bottom]: paddingBottom,
-        }, className: b('container'), children: [_jsx("div", { className: b('border'), "data-qa": "blog-media-content", children: _jsx(PCMedia, Object.assign({ className: b('content'), videoClassName: b('video'), imageClassName: b('image') }, mediaProps)) }), text && (_jsx("div", { className: b('text-content'), children: _jsx(YFMWrapper, { content: text, modifiers: {
-                        blog: true,
-                        blogMedia: true,
-                        resetPaddings: true,
-                    } }) }))] }));
-};
-//# sourceMappingURL=Media.js.map
+        }, className: b('container') },
+        React.createElement("div", { className: b('border'), "data-qa": "blog-media-content" },
+            React.createElement(PCMedia, Object.assign({ className: b('content'), videoClassName: b('video'), imageClassName: b('image') }, mediaProps))),
+        text && (React.createElement("div", { className: b('text-content') },
+            React.createElement(YFMWrapper, { content: text, modifiers: {
+                    blog: true,
+                    blogMedia: true,
+                    resetPaddings: true,
+                } })))));
+};

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

@@ -171,9 +171,6 @@ export declare const Media: {
             videoIframe: {
                 type: string;
             };
-            autoplay: {
-                type: string;
-            };
             parallax: {
                 type: string;
             };

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

@@ -1,6 +1,6 @@
 import { validators } from '@gravity-ui/page-constructor';
-import { BlockType } from "../../models/common.js";
-import { BlogBlockBase } from "../../schema/common.js";
+import { BlockType } from '../../models/common';
+import { BlogBlockBase } from '../../schema/common';
 const { common: { BlockBaseProps, MediaProps }, } = validators;
 export const Media = {
     [BlockType.Media]: {
@@ -11,5 +11,4 @@ export const Media = {
                 contentType: 'text',
             } }),
     },
-};
-//# sourceMappingURL=schema.js.map
+};

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

@@ -1,3 +1,4 @@
-import { MetaProps } from "../../models/blocks.js";
+import React from 'react';
+import { MetaProps } from '../../models/blocks';
 import './Meta.css';
-export declare const Meta: (props: MetaProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Meta: (props: MetaProps) => React.JSX.Element;