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

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { PostData, Query } from "../../models/common.js";
+import React, { MouseEvent } from 'react';
+import { PostData, Query } from '../../models/common';
 import './Posts.css';
 type PostCardProps = {
     containerId: string;
@@ -9,12 +9,12 @@ type PostCardProps = {
     postCountOnPage: number;
     perPageInQuery: number;
     isFetching: boolean;
-    handleShowMore: (value?: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => Promise<void> | void;
+    handleShowMore: (value?: MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => Promise<void> | void;
     handlePageChange: (value: number) => Promise<void> | void;
     postsOnPage?: PostData[];
     pinnedPostOnPage?: PostData;
     pageCountForShowSupportButtons?: number;
     queryParams: Query;
 };
-export declare const Posts: ({ containerId, pinnedPostOnPage, currentPage, postsOnPage, isShowMoreVisible, errorShowMore, postCountOnPage, perPageInQuery, isFetching, handleShowMore, handlePageChange, pageCountForShowSupportButtons, queryParams, }: PostCardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Posts: ({ containerId, pinnedPostOnPage, currentPage, postsOnPage, isShowMoreVisible, errorShowMore, postCountOnPage, perPageInQuery, isFetching, handleShowMore, handlePageChange, pageCountForShowSupportButtons, queryParams, }: PostCardProps) => React.JSX.Element;
 export {};

package/build/esm/components/Posts/Posts.js

@@ -1,19 +1,30 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
 import { CardLayoutBlock } from '@gravity-ui/page-constructor';
 import { Button } from '@gravity-ui/uikit';
-import { Keyset, i18n } from "../../i18n/index.js";
-import { PostCardSize, PostCardTitleHeadingLevel } from "../../models/common.js";
-import { block } from "../../utils/cn.js";
-import { Paginator } from "../Paginator/Paginator.js";
-import { PostCard } from "../PostCard/PostCard.js";
-import { PostsEmpty } from "../PostsEmpty/PostsEmpty.js";
+import { Keyset, i18n } from '../../i18n';
+import { PostCardSize, PostCardTitleHeadingLevel } from '../../models/common';
+import { block } from '../../utils/cn';
+import { Paginator } from '../Paginator/Paginator';
+import { PostCard } from '../PostCard/PostCard';
+import { PostsEmpty } from '../PostsEmpty/PostsEmpty';
 import './Posts.css';
 const b = block('posts');
-export const Posts = ({ containerId, pinnedPostOnPage, currentPage, postsOnPage, isShowMoreVisible, errorShowMore, postCountOnPage, perPageInQuery, isFetching, handleShowMore, handlePageChange, pageCountForShowSupportButtons, queryParams, }) => (_jsxs("div", { className: b(), children: [isFetching && _jsx("div", { className: b('loaderContainer') }), _jsxs("div", { id: containerId, className: b('cards-container', { isLoading: isFetching }), children: [pinnedPostOnPage && currentPage === 1 && (_jsx("div", { className: b('pinned-container'), children: _jsx(PostCard, { post: pinnedPostOnPage, size: PostCardSize.MEDIUM, fullWidth: true, showTag: true, titleHeadingLevel: PostCardTitleHeadingLevel.H2 }) })), (postsOnPage === null || postsOnPage === void 0 ? void 0 : postsOnPage.length) ? (_jsx(CardLayoutBlock, { title: '', colSizes: {
-                        all: 12,
-                        lg: 4,
-                        md: 6,
-                    }, children: postsOnPage === null || postsOnPage === void 0 ? void 0 : postsOnPage.map((post) => (_jsx(PostCard, { post: post, showTag: true, titleHeadingLevel: pinnedPostOnPage
-                            ? PostCardTitleHeadingLevel.H3
-                            : PostCardTitleHeadingLevel.H2 }, post.id))) })) : (_jsx(PostsEmpty, {}))] }), _jsxs("div", { className: b('pagination'), children: [Boolean(isShowMoreVisible && (postsOnPage === null || postsOnPage === void 0 ? void 0 : postsOnPage.length)) && (_jsx(Button, { view: "outlined", size: "xl", className: b('more-button'), onClick: handleShowMore, children: i18n(Keyset.ActionLoadMore) })), errorShowMore && (_jsxs("div", { className: b('error-show-more'), children: [_jsx("div", { children: i18n(Keyset.ErrorTitle) }), _jsx("div", { children: i18n(Keyset.PostLoadError) })] })), Boolean(currentPage && postCountOnPage) && (_jsx("div", { className: b('paginator'), children: _jsx(Paginator, { onPageChange: handlePageChange, page: currentPage, totalItems: postCountOnPage, itemsPerPage: perPageInQuery, maxPages: Infinity, pageCountForShowSupportButtons: pageCountForShowSupportButtons, queryParams: queryParams }) }))] })] }));
-//# sourceMappingURL=Posts.js.map
+export const Posts = ({ containerId, pinnedPostOnPage, currentPage, postsOnPage, isShowMoreVisible, errorShowMore, postCountOnPage, perPageInQuery, isFetching, handleShowMore, handlePageChange, pageCountForShowSupportButtons, queryParams, }) => (React.createElement("div", { className: b() },
+    isFetching && React.createElement("div", { className: b('loaderContainer') }),
+    React.createElement("div", { id: containerId, className: b('cards-container', { isLoading: isFetching }) },
+        pinnedPostOnPage && currentPage === 1 && (React.createElement("div", { className: b('pinned-container') },
+            React.createElement(PostCard, { post: pinnedPostOnPage, size: PostCardSize.MEDIUM, fullWidth: true, showTag: true, titleHeadingLevel: PostCardTitleHeadingLevel.H2 }))),
+        (postsOnPage === null || postsOnPage === void 0 ? void 0 : postsOnPage.length) ? (React.createElement(CardLayoutBlock, { title: '', colSizes: {
+                all: 12,
+                lg: 4,
+                md: 6,
+            } }, postsOnPage === null || postsOnPage === void 0 ? void 0 : postsOnPage.map((post) => (React.createElement(PostCard, { key: post.id, post: post, showTag: true, titleHeadingLevel: pinnedPostOnPage
+                ? PostCardTitleHeadingLevel.H3
+                : PostCardTitleHeadingLevel.H2 }))))) : (React.createElement(PostsEmpty, null))),
+    React.createElement("div", { className: b('pagination') },
+        Boolean(isShowMoreVisible && (postsOnPage === null || postsOnPage === void 0 ? void 0 : postsOnPage.length)) && (React.createElement(Button, { view: "outlined", size: "xl", className: b('more-button'), onClick: handleShowMore }, i18n(Keyset.ActionLoadMore))),
+        errorShowMore && (React.createElement("div", { className: b('error-show-more') },
+            React.createElement("div", null, i18n(Keyset.ErrorTitle)),
+            React.createElement("div", null, i18n(Keyset.PostLoadError)))),
+        Boolean(currentPage && postCountOnPage) && (React.createElement("div", { className: b('paginator') },
+            React.createElement(Paginator, { onPageChange: handlePageChange, page: currentPage, totalItems: postCountOnPage, itemsPerPage: perPageInQuery, maxPages: Infinity, pageCountForShowSupportButtons: pageCountForShowSupportButtons, queryParams: queryParams }))))));

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

@@ -1,2 +1,3 @@
+import React from 'react';
 import './PostsEmpty.css';
-export declare const PostsEmpty: () => import("react/jsx-runtime").JSX.Element;
+export declare const PostsEmpty: () => React.JSX.Element;

package/build/esm/components/PostsEmpty/PostsEmpty.js

@@ -1,7 +1,8 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Keyset, i18n } from "../../i18n/index.js";
-import { block } from "../../utils/cn.js";
+import React from 'react';
+import { Keyset, i18n } from '../../i18n';
+import { block } from '../../utils/cn';
 import './PostsEmpty.css';
 const b = block('posts-empty');
-export const PostsEmpty = () => (_jsxs("div", { className: b('container'), children: [_jsx("div", { className: b('title'), children: i18n(Keyset.TitleEmptyContainer) }), _jsx("div", { className: b('subtitle'), children: i18n(Keyset.ContextEmptyContainer) })] }));
-//# sourceMappingURL=PostsEmpty.js.map
+export const PostsEmpty = () => (React.createElement("div", { className: b('container') },
+    React.createElement("div", { className: b('title') }, i18n(Keyset.TitleEmptyContainer)),
+    React.createElement("div", { className: b('subtitle') }, i18n(Keyset.ContextEmptyContainer))));

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

@@ -1,6 +1,7 @@
+import React from 'react';
 import './PostError.css';
 type PostsErrorContainerProps = {
     onButtonClick?: () => void | Promise<void>;
 };
-export declare const PostsError: ({ onButtonClick }: PostsErrorContainerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PostsError: ({ onButtonClick }: PostsErrorContainerProps) => React.JSX.Element;
 export {};

package/build/esm/components/PostsError/PostsError.js

@@ -1,11 +1,14 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
 import { Button } from '@gravity-ui/uikit';
-import { Keyset, i18n } from "../../i18n/index.js";
-import { block } from "../../utils/cn.js";
+import { Keyset, i18n } from '../../i18n';
+import { block } from '../../utils/cn';
 import './PostError.css';
 const b = block('posts-error');
 export const PostsError = ({ onButtonClick }) => {
     const handleClick = () => (onButtonClick ? onButtonClick() : window.location.reload());
-    return (_jsxs("div", { className: b('container'), children: [_jsx("div", { className: b('title'), children: i18n(Keyset.ErrorTitle) }), _jsx("div", { className: b('subtitle'), children: i18n(Keyset.PostLoadError) }), _jsx("div", { className: b('button'), children: _jsx(Button, { size: "xl", view: "outlined", onClick: handleClick, children: i18n(Keyset.ActionTryAgain) }) })] }));
-};
-//# sourceMappingURL=PostsError.js.map
+    return (React.createElement("div", { className: b('container') },
+        React.createElement("div", { className: b('title') }, i18n(Keyset.ErrorTitle)),
+        React.createElement("div", { className: b('subtitle') }, i18n(Keyset.PostLoadError)),
+        React.createElement("div", { className: b('button') },
+            React.createElement(Button, { size: "xl", view: "outlined", onClick: handleClick }, i18n(Keyset.ActionTryAgain)))));
+};

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import { ButtonProps } from '@gravity-ui/uikit';
 import './Prompt.css';
 export interface PromptProps {
@@ -15,4 +16,4 @@ export interface PromptProps {
  *  - `openTimestamp` (`Date.now()`) resets the visible duration
  * @returns {JSX|null}
  */
-export declare const Prompt: ({ text, actions, className, openTimestamp, openDuration, theme, }: PromptProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Prompt: ({ text, actions, className, openTimestamp, openDuration, theme, }: PromptProps) => React.JSX.Element;

package/build/esm/components/Prompt/Prompt.js

@@ -1,9 +1,9 @@
 import { __rest } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
 import { Button } from '@gravity-ui/uikit';
-import { useHover } from "../../hooks/useHover.js";
-import { useOpenCloseTimer } from "../../hooks/useOpenCloseTimer.js";
-import { block } from "../../utils/cn.js";
+import { useHover } from '../../hooks/useHover';
+import { useOpenCloseTimer } from '../../hooks/useOpenCloseTimer';
+import { block } from '../../utils/cn';
 import './Prompt.css';
 const b = block('prompt');
 /**
@@ -18,9 +18,11 @@ export const Prompt = ({ text, actions, className, openTimestamp = 0, openDurati
     const { open: isOpen } = useOpenCloseTimer(openTimestamp, openDuration);
     const open = isOpen || hovering;
     const mounted = openTimestamp > 0;
-    return (_jsx("div", { className: b({ theme, open, close: !open, mounted }, className), children: _jsxs("div", { className: b('content'), ref: ref, children: [_jsx("span", { className: b('text'), children: text }), _jsx("div", { className: b('actions'), children: actions.map((_a, i) => {
-                        var { view = 'action', className: btnClass } = _a, btnProps = __rest(_a, ["view", "className"]);
-                        return (_jsx(Button, Object.assign({ className: b('action', btnClass), view: view }, btnProps), i));
-                    }) })] }) }));
-};
-//# sourceMappingURL=Prompt.js.map
+    return (React.createElement("div", { className: b({ theme, open, close: !open, mounted }, className) },
+        React.createElement("div", { className: b('content'), ref: ref },
+            React.createElement("span", { className: b('text') }, text),
+            React.createElement("div", { className: b('actions') }, actions.map((_a, i) => {
+                var { view = 'action', className: btnClass } = _a, btnProps = __rest(_a, ["view", "className"]);
+                return (React.createElement(Button, Object.assign({ key: i, className: b('action', btnClass), view: view }, btnProps)));
+            })))));
+};

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

@@ -1,10 +1,10 @@
-import * as React from 'react';
-import { PromptProps } from "../Prompt/Prompt.js";
+import React, { SyntheticEvent } from 'react';
+import { PromptProps } from '../Prompt/Prompt';
 export interface PromptSignInProps extends Partial<PromptProps> {
-    onClickSignIn?: React.EventHandler<React.SyntheticEvent>;
+    onClickSignIn?: React.EventHandler<SyntheticEvent>;
 }
 /**
  * Authentication Popup that appears when user action requires login
  * @returns {JSX|null}
  */
-export declare const PromptSignIn: ({ text, onClickSignIn, actions, ...props }: PromptSignInProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PromptSignIn: ({ text, onClickSignIn, actions, ...props }: PromptSignInProps) => React.JSX.Element;

package/build/esm/components/PromptSignIn/PromptSignIn.js

@@ -1,7 +1,7 @@
 import { __rest } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Keyset, i18n } from "../../i18n/index.js";
-import { Prompt } from "../Prompt/Prompt.js";
+import React from 'react';
+import { Keyset, i18n } from '../../i18n';
+import { Prompt } from '../Prompt/Prompt';
 /**
  * Authentication Popup that appears when user action requires login
  * @returns {JSX|null}
@@ -14,6 +14,5 @@ export const PromptSignIn = (_a) => {
             size: 'l',
         },
     ] } = _a, props = __rest(_a, ["text", "onClickSignIn", "actions"]);
-    return _jsx(Prompt, Object.assign({ text, actions }, props));
-};
-//# sourceMappingURL=PromptSignIn.js.map
+    return React.createElement(Prompt, Object.assign({}, { text, actions }, props));
+};

package/build/esm/components/PromptSignIn/hooks/usePromptSignInProps.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-export declare function usePromptSignInProps(onClickSignIn?: React.EventHandler<React.SyntheticEvent>): {
+import React, { SyntheticEvent } from 'react';
+export declare function usePromptSignInProps(onClickSignIn?: React.EventHandler<SyntheticEvent>): {
     onClickSignIn: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
     openTimestamp: number;
     requireSignIn: (() => void) | undefined;

package/build/esm/components/PromptSignIn/hooks/usePromptSignInProps.js

@@ -1,7 +1,7 @@
-import * as React from 'react';
+import { useMemo, useState } from 'react';
 export function usePromptSignInProps(onClickSignIn) {
-    const [openTimestamp, setTime] = React.useState(0);
-    const requireSignIn = React.useMemo(() => {
+    const [openTimestamp, setTime] = useState(0);
+    const requireSignIn = useMemo(() => {
         return onClickSignIn
             ? () => {
                 setTime(Date.now());
@@ -9,5 +9,4 @@ export function usePromptSignInProps(onClickSignIn) {
             : undefined;
     }, [onClickSignIn, setTime]);
     return { onClickSignIn, openTimestamp, requireSignIn };
-}
-//# sourceMappingURL=usePromptSignInProps.js.map
+}

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

@@ -1,4 +1,5 @@
-import { ClassNameProps } from "../../models/common.js";
+import React from 'react';
+import { ClassNameProps } from '../../models/common';
 import './Search.css';
 export type SearchSize = 's' | 'm';
 interface SearchProps extends ClassNameProps {
@@ -17,5 +18,5 @@ interface SearchProps extends ClassNameProps {
  *
  * @returns {JSX|null}
  */
-export declare const Search: ({ className, initialValue, onSubmit, debounce, placeholder, size, autoFocus, value: externalValue, }: SearchProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Search: ({ className, initialValue, onSubmit, debounce, placeholder, size, autoFocus, value: externalValue, }: SearchProps) => React.JSX.Element;
 export {};

package/build/esm/components/Search/Search.js

@@ -1,12 +1,11 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
+import React, { useEffect, useMemo, useRef, useState } from 'react';
 import { Icon, TextInput } from '@gravity-ui/uikit';
 import lodashDebounce from 'lodash/debounce';
-import { useIsIPhone } from "../../hooks/useIsIPhone.js";
-import { Keyset, i18n } from "../../i18n/index.js";
-import { Close } from "../../icons/Close.js";
-import { SearchIcon } from "../../icons/SearchIcon.js";
-import { block } from "../../utils/cn.js";
+import { useIsIPhone } from '../../hooks/useIsIPhone';
+import { Keyset, i18n } from '../../i18n';
+import { Close } from '../../icons/Close';
+import { SearchIcon } from '../../icons/SearchIcon';
+import { block } from '../../utils/cn';
 import './Search.css';
 const b = block('search');
 const SEARCH_ICON_SIZE = 16;
@@ -20,20 +19,20 @@ const AUTOFOCUS_TIMEOUT = 0;
  */
 export const Search = ({ className, initialValue, onSubmit, debounce = 300, placeholder = i18n(Keyset.Search), size = 'm', autoFocus = false, value: externalValue, }) => {
     const handleChange = lodashDebounce(onSubmit, debounce);
-    const [value, setValue] = React.useState(initialValue);
-    const inputRef = React.useRef(null);
+    const [value, setValue] = useState(initialValue);
+    const inputRef = useRef(null);
     const isIPhone = useIsIPhone();
-    React.useEffect(() => {
+    useEffect(() => {
         if (externalValue !== undefined) {
             setValue(externalValue);
         }
     }, [externalValue]);
-    React.useEffect(() => {
+    useEffect(() => {
         if (autoFocus && !isIPhone) {
             setTimeout(() => { var _a; return (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.focus({ preventScroll: true }); }, AUTOFOCUS_TIMEOUT);
         }
     }, [autoFocus, inputRef, isIPhone]);
-    const rightContent = React.useMemo(() => {
+    const rightContent = useMemo(() => {
         const iconData = value ? Close : SearchIcon;
         const iconSize = value ? CLOSE_ICON_SIZE : SEARCH_ICON_SIZE;
         const handleClick = () => {
@@ -45,13 +44,14 @@ export const Search = ({ className, initialValue, onSubmit, debounce = 300, plac
                 (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
             }
         };
-        return (_jsx("button", { className: b('input-icon'), onClick: handleClick, "aria-label": value ? i18n(Keyset.ClearAction) : undefined, "aria-hidden": !value, children: _jsx(Icon, { size: iconSize, data: iconData }) }));
+        return (React.createElement("button", { className: b('input-icon'), onClick: handleClick, "aria-label": value ? i18n(Keyset.ClearAction) : undefined, "aria-hidden": !value },
+            React.createElement(Icon, { size: iconSize, data: iconData })));
     }, [handleChange, onSubmit, value]);
-    return (_jsx("div", { className: b({ size }, className), children: _jsx(TextInput, { className: b('search-suggest'), value: value, onUpdate: (query) => {
+    return (React.createElement("div", { className: b({ size }, className) },
+        React.createElement(TextInput, { className: b('search-suggest'), value: value, onUpdate: (query) => {
                 setValue(query);
                 handleChange(query);
             }, placeholder: placeholder, size: size === 'm' ? 'xl' : 'l', controlRef: inputRef, view: "clear", controlProps: {
                 className: b('search-suggest-control'),
-            }, endContent: rightContent }) }));
-};
-//# sourceMappingURL=Search.js.map
+            }, rightContent: rightContent })));
+};

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

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { ClassNameProps, QAProps } from "../../models/common.js";
-import { Paddings } from "../../models/paddings.js";
+import React from 'react';
+import { ClassNameProps, QAProps } from '../../models/common';
+import { Paddings } from '../../models/paddings';
 import './Wrapper.css';
 type WrapperProps = ClassNameProps & QAProps & {
     paddings?: Paddings;

package/build/esm/components/Wrapper/Wrapper.js

@@ -1,12 +1,11 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { DEFAULT_PADDINGS } from "../../constants.js";
-import { block } from "../../utils/cn.js";
+import React from 'react';
+import { DEFAULT_PADDINGS } from '../../constants';
+import { block } from '../../utils/cn';
 import './Wrapper.css';
 const b = block('wrapper');
-export const Wrapper = ({ children, paddings = DEFAULT_PADDINGS, className, qa, }) => (_jsx("section", { className: b({
+export const Wrapper = ({ children, paddings = DEFAULT_PADDINGS, className, qa, }) => (React.createElement("section", { className: b({
         ['padding-top']: (paddings === null || paddings === void 0 ? void 0 : paddings.top) || 'xs',
         ['padding-bottom']: (paddings === null || paddings === void 0 ? void 0 : paddings.bottom) || 'l',
         ['padding-left']: (paddings === null || paddings === void 0 ? void 0 : paddings.left) || '',
         ['padding-right']: (paddings === null || paddings === void 0 ? void 0 : paddings.right) || '',
-    }, className), "data-qa": qa, children: children }));
-//# sourceMappingURL=Wrapper.js.map
+    }, className), "data-qa": qa }, children));

package/build/esm/constants.d.ts

@@ -1,4 +1,4 @@
-import { Paddings } from "./models/paddings.js";
+import { Paddings } from './models/paddings';
 export declare const BREAKPOINTS: {
     xs: number;
     sm: number;
@@ -8,7 +8,7 @@ export declare const BREAKPOINTS: {
 };
 export declare const DEFAULT_THEME = "light";
 export declare const UIKIT_ROOT_CLASS = "g-root";
-export declare const UIKIT_THEME_LIGHT_CLASS = "g-root_theme_light";
+export declare const UIKIT_THEME_LIGHT_CLASS: string;
 export declare enum DefaultGoalIds {
     shareTop = "SITE_BLOG_SHARE-TOP_CLICK",
     shareBottom = "SITE_BLOG_SHARE-BOTTOM_CLICK",

package/build/esm/constants.js

@@ -1,4 +1,4 @@
-import { PaddingsDirections } from "./models/paddings.js";
+import { PaddingsDirections } from './models/paddings';
 export const BREAKPOINTS = {
     xs: 0,
     sm: 577,
@@ -31,5 +31,4 @@ export var DefaultGoalIds;
 export const DEFAULT_PADDINGS = {
     [PaddingsDirections.bottom]: 'l',
     [PaddingsDirections.top]: 'xs',
-};
-//# sourceMappingURL=constants.js.map
+};

package/build/esm/constructor/BlogConstructorProvider.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
+import React, { PropsWithChildren } from 'react';
 import { AnalyticsContextProps } from '@gravity-ui/page-constructor';
-import { DeviceContextProps } from "../contexts/DeviceContext.js";
-import { RouterContextProps } from "../contexts/RouterContext.js";
-import { SettingsContextProps } from "../contexts/SettingsContext.js";
-import { ThemeValueType } from "../contexts/theme/ThemeValueContext.js";
-import { Locale } from "../models/locale.js";
+import { DeviceContextProps } from '../contexts/DeviceContext';
+import { RouterContextProps } from '../contexts/RouterContext';
+import { SettingsContextProps } from '../contexts/SettingsContext';
+import { ThemeValueType } from '../contexts/theme/ThemeValueContext';
+import { Locale } from '../models/locale';
 export interface BlogConstructorProviderProps {
     isMobile?: boolean;
     locale?: Locale;
@@ -15,4 +15,4 @@ export interface BlogConstructorProviderProps {
     settings?: SettingsContextProps;
     children?: React.ReactNode;
 }
-export declare const BlogConstructorProvider: ({ isMobile, locale, router, theme, device, analytics, settings, children, }: React.PropsWithChildren<BlogConstructorProviderProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const BlogConstructorProvider: ({ isMobile, locale, router, theme, device, analytics, settings, children, }: PropsWithChildren<BlogConstructorProviderProps>) => React.JSX.Element;

package/build/esm/constructor/BlogConstructorProvider.js

@@ -1,24 +1,22 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
+import React, { Fragment } from 'react';
 import { AnalyticsContext, ThemeContext, } from '@gravity-ui/page-constructor';
-import { DEFAULT_THEME } from "../constants.js";
-import { DeviceContext } from "../contexts/DeviceContext.js";
-import { LocaleContext } from "../contexts/LocaleContext.js";
-import { MobileContext } from "../contexts/MobileContext.js";
-import { RouterContext } from "../contexts/RouterContext.js";
-import { SettingsContext } from "../contexts/SettingsContext.js";
-import { ThemeValueContext } from "../contexts/theme/ThemeValueContext.js";
+import { DEFAULT_THEME } from '../constants';
+import { DeviceContext } from '../contexts/DeviceContext';
+import { LocaleContext } from '../contexts/LocaleContext';
+import { MobileContext } from '../contexts/MobileContext';
+import { RouterContext } from '../contexts/RouterContext';
+import { SettingsContext } from '../contexts/SettingsContext';
+import { ThemeValueContext } from '../contexts/theme/ThemeValueContext';
 export const BlogConstructorProvider = ({ isMobile, locale = {}, router = {}, theme = DEFAULT_THEME, device = {}, analytics = {}, settings = {}, children, }) => {
     const context = [
-        _jsx(ThemeValueContext.Provider, { value: { themeValue: theme } }, "theme-context"),
-        _jsx(ThemeContext.Provider, { value: { theme: theme } }, "pc-theme"),
-        _jsx(LocaleContext.Provider, { value: { locale } }, "locale-context"),
-        _jsx(RouterContext.Provider, { value: router }, "router-context"),
-        _jsx(MobileContext.Provider, { value: Boolean(isMobile) }, "is-mobile-context"),
-        _jsx(DeviceContext.Provider, { value: device }, "device-context"),
-        _jsx(SettingsContext.Provider, { value: settings }, "settings-context"),
-        _jsx(AnalyticsContext.Provider, { value: analytics }, "analytics-context"),
+        React.createElement(ThemeValueContext.Provider, { value: { themeValue: theme }, key: "theme-context" }),
+        React.createElement(ThemeContext.Provider, { value: { theme: theme }, key: "pc-theme" }),
+        React.createElement(LocaleContext.Provider, { value: { locale }, key: "locale-context" }),
+        React.createElement(RouterContext.Provider, { value: router, key: "router-context" }),
+        React.createElement(MobileContext.Provider, { value: Boolean(isMobile), key: "is-mobile-context" }),
+        React.createElement(DeviceContext.Provider, { value: device, key: "device-context" }),
+        React.createElement(SettingsContext.Provider, { value: settings, key: "settings-context" }),
+        React.createElement(AnalyticsContext.Provider, { value: analytics, key: "analytics-context" }),
     ].reduceRight((prev, provider) => React.cloneElement(provider, {}, prev), children);
-    return _jsx(React.Fragment, { children: context });
-};
-//# sourceMappingURL=BlogConstructorProvider.js.map
+    return React.createElement(Fragment, null, context);
+};

package/build/esm/constructor/blocksMap.d.ts

@@ -1,19 +1,19 @@
 declare const _default: {
     blocks: {
-        "blog-yfm-block": (props: import("../models/blocks.js").YFMProps) => import("react/jsx-runtime").JSX.Element;
-        "blog-layout-block": ({ fullWidth, mobileOrder, children, paddingTop, paddingBottom, }: React.PropsWithChildren<import("../models/blocks.js").LayoutProps>) => import("react/jsx-runtime").JSX.Element;
-        "blog-media-block": ({ text, paddingTop, paddingBottom, ...mediaProps }: import("../models/blocks.js").MediaProps) => import("react/jsx-runtime").JSX.Element;
-        "blog-banner-block": ({ color, imageSize, image, paddingTop, paddingBottom, qa, ...content }: import("../models/blocks.js").BannerProps) => import("react/jsx-runtime").JSX.Element;
-        "blog-cta-block": ({ items, paddingTop, paddingBottom, qa }: import("../models/blocks.js").CTAProps) => import("react/jsx-runtime").JSX.Element;
-        "blog-colored-text-block": ({ background, paddingTop, paddingBottom, qa, ...content }: import("../models/blocks.js").ColoredTextProps) => import("react/jsx-runtime").JSX.Element;
-        "blog-author-block": (props: import("../models/blocks.js").AuthorProps) => import("react/jsx-runtime").JSX.Element | null;
-        "blog-suggest-block": ({ paddingTop, paddingBottom }: import("../models/blocks.js").SuggestProps) => import("react/jsx-runtime").JSX.Element | null;
-        "blog-meta-block": (props: import("../models/blocks.js").MetaProps) => import("react/jsx-runtime").JSX.Element;
-        "blog-feed-block": ({ image }: import("../models/blocks.js").FeedProps) => import("react/jsx-runtime").JSX.Element;
-        "blog-form-block": ({ paddingTop, paddingBottom, ...props }: import("../models/blocks.js").FormProps) => import("react/jsx-runtime").JSX.Element | null;
+        "blog-yfm-block": (props: import("../models/blocks").YFMProps) => import("react").JSX.Element;
+        "blog-layout-block": ({ fullWidth, mobileOrder, children, paddingTop, paddingBottom, }: import("react").PropsWithChildren<import("../models/blocks").LayoutProps>) => import("react").JSX.Element;
+        "blog-media-block": ({ text, paddingTop, paddingBottom, ...mediaProps }: import("../models/blocks").MediaProps) => import("react").JSX.Element;
+        "blog-banner-block": ({ color, imageSize, image, paddingTop, paddingBottom, qa, ...content }: import("../models/blocks").BannerProps) => import("react").JSX.Element;
+        "blog-cta-block": ({ items, paddingTop, paddingBottom, qa }: import("../models/blocks").CTAProps) => import("react").JSX.Element;
+        "blog-colored-text-block": ({ background, paddingTop, paddingBottom, qa, ...content }: import("../models/blocks").ColoredTextProps) => import("react").JSX.Element;
+        "blog-author-block": (props: import("../models/blocks").AuthorProps) => import("react").JSX.Element | null;
+        "blog-suggest-block": ({ paddingTop, paddingBottom }: import("../models/blocks").SuggestProps) => import("react").JSX.Element | null;
+        "blog-meta-block": (props: import("../models/blocks").MetaProps) => import("react").JSX.Element;
+        "blog-feed-block": ({ image }: import("../models/blocks").FeedProps) => import("react").JSX.Element;
+        "blog-form-block": ({ paddingTop, paddingBottom, ...props }: import("../models/blocks").FormProps) => import("react").JSX.Element | null;
     };
     headers: {
-        "blog-header-block": (props: import("../models/blocks.js").HeaderProps) => import("react/jsx-runtime").JSX.Element;
+        "blog-header-block": (props: import("../models/blocks").HeaderProps) => import("react").JSX.Element;
     };
 };
 export default _default;

package/build/esm/constructor/blocksMap.js

@@ -1,16 +1,16 @@
-import { Author } from "../blocks/Author/Author.js";
-import { Banner } from "../blocks/Banner/Banner.js";
-import { CTA } from "../blocks/CTA/CTA.js";
-import { ColoredText } from "../blocks/ColoredText/ColoredText.js";
-import { Feed } from "../blocks/Feed/Feed.js";
-import { Form } from "../blocks/Form/Form.js";
-import { Header } from "../blocks/Header/Header.js";
-import { Layout } from "../blocks/Layout/Layout.js";
-import { Media } from "../blocks/Media/Media.js";
-import { Meta } from "../blocks/Meta/Meta.js";
-import { Suggest } from "../blocks/Suggest/Suggest.js";
-import { YFM } from "../blocks/YFM/YFM.js";
-import { BlockType } from "../models/common.js";
+import { Author } from '../blocks/Author/Author';
+import { Banner } from '../blocks/Banner/Banner';
+import { CTA } from '../blocks/CTA/CTA';
+import { ColoredText } from '../blocks/ColoredText/ColoredText';
+import { Feed } from '../blocks/Feed/Feed';
+import { Form } from '../blocks/Form/Form';
+import { Header } from '../blocks/Header/Header';
+import { Layout } from '../blocks/Layout/Layout';
+import { Media } from '../blocks/Media/Media';
+import { Meta } from '../blocks/Meta/Meta';
+import { Suggest } from '../blocks/Suggest/Suggest';
+import { YFM } from '../blocks/YFM/YFM';
+import { BlockType } from '../models/common';
 const blocks = {
     [BlockType.YFM]: YFM,
     [BlockType.Layout]: Layout,
@@ -27,5 +27,4 @@ const blocks = {
 const headers = {
     [BlockType.Header]: Header,
 };
-export default { blocks, headers };
-//# sourceMappingURL=blocksMap.js.map
+export default { blocks, headers };

package/build/esm/containers/BlogPage/BlogPage.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
+import React, { SyntheticEvent } from 'react';
 import { CustomConfig, NavigationData, PageConstructorProviderProps, PageContent } from '@gravity-ui/page-constructor';
-import { GetPostsType, MetaProps, PostsProps, Service, Tag, ToggleLikeCallbackType } from "../../models/common.js";
+import { GetPostsType, MetaProps, PostsProps, Service, Tag, ToggleLikeCallbackType } from '../../models/common';
 import './BlogPage.css';
 export type BlogPageProps = {
     content: PageContent;
@@ -16,6 +16,6 @@ export type BlogPageProps = {
     custom?: CustomConfig;
     pageCountForShowSupportButtons?: number;
     isSignedInUser?: boolean;
-    onClickSignIn?: React.EventHandler<React.SyntheticEvent>;
+    onClickSignIn?: React.EventHandler<SyntheticEvent>;
 };
-export declare const BlogPage: ({ content, posts, tags, services, getPosts, metaData, custom, hasLikes, toggleLike, navigation, settings, pageCountForShowSupportButtons, isSignedInUser, onClickSignIn, }: BlogPageProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BlogPage: ({ content, posts, tags, services, getPosts, metaData, custom, hasLikes, toggleLike, navigation, settings, pageCountForShowSupportButtons, isSignedInUser, onClickSignIn, }: BlogPageProps) => React.JSX.Element;

package/build/esm/containers/BlogPage/BlogPage.js

@@ -1,28 +1,31 @@
 import { __rest } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
+import React, { useContext, useMemo } from 'react';
 import { PageConstructor, PageConstructorProvider, } from '@gravity-ui/page-constructor';
-import { MetaWrapper } from "../../components/MetaWrapper/MetaWrapper.js";
-import { PromptSignIn } from "../../components/PromptSignIn/PromptSignIn.js";
-import { usePromptSignInProps } from "../../components/PromptSignIn/hooks/usePromptSignInProps.js";
-import { FeedContext } from "../../contexts/FeedContext.js";
-import { LikesContext } from "../../contexts/LikesContext.js";
-import { useExtendedComponentMap } from "../../hooks/useExtendedComponentMap.js";
-import { SettingsContext } from "../../contexts/SettingsContext.js";
+import { MetaWrapper } from '../../components/MetaWrapper/MetaWrapper';
+import { PromptSignIn } from '../../components/PromptSignIn/PromptSignIn';
+import { usePromptSignInProps } from '../../components/PromptSignIn/hooks/usePromptSignInProps';
+import { FeedContext } from '../../contexts/FeedContext';
+import { LikesContext } from '../../contexts/LikesContext';
+import { useExtendedComponentMap } from '../../hooks/useExtendedComponentMap';
+import { SettingsContext } from '../../contexts/SettingsContext';
 import './BlogPage.css';
 export const BlogPage = ({ content, posts, tags, services, getPosts, metaData, custom, hasLikes = false, toggleLike, navigation, settings, pageCountForShowSupportButtons, isSignedInUser = false, onClickSignIn, }) => {
-    const { isAnimationEnabled } = React.useContext(SettingsContext);
+    const { isAnimationEnabled } = useContext(SettingsContext);
     const _a = usePromptSignInProps(onClickSignIn), { requireSignIn } = _a, promptSignInProps = __rest(_a, ["requireSignIn"]);
-    const likesContextData = React.useMemo(() => ({ toggleLike, hasLikes, isSignedInUser, requireSignIn }), [toggleLike, hasLikes, isSignedInUser, requireSignIn]);
+    const likesContextData = useMemo(() => ({ toggleLike, hasLikes, isSignedInUser, requireSignIn }), [toggleLike, hasLikes, isSignedInUser, requireSignIn]);
     const actualComponentMap = useExtendedComponentMap(custom);
-    return (_jsxs(LikesContext.Provider, { value: likesContextData, children: [_jsx(FeedContext.Provider, { value: {
-                    posts: posts.posts,
-                    pinnedPost: posts.pinnedPost,
-                    totalCount: posts.count,
-                    tags,
-                    services: services !== null && services !== void 0 ? services : [],
-                    getPosts,
-                    pageCountForShowSupportButtons,
-                }, children: _jsxs(PageConstructorProvider, Object.assign({}, settings, { projectSettings: Object.assign(Object.assign({}, ((settings === null || settings === void 0 ? void 0 : settings.projectSettings) || {})), { isAnimationEnabled }), children: [metaData ? _jsx(MetaWrapper, Object.assign({}, metaData)) : null, _jsx(PageConstructor, { content: content, custom: actualComponentMap, navigation: navigation })] })) }), _jsx(PromptSignIn, Object.assign({}, promptSignInProps))] }));
-};
-//# sourceMappingURL=BlogPage.js.map
+    return (React.createElement(LikesContext.Provider, { value: likesContextData },
+        React.createElement(FeedContext.Provider, { value: {
+                posts: posts.posts,
+                pinnedPost: posts.pinnedPost,
+                totalCount: posts.count,
+                tags,
+                services: services !== null && services !== void 0 ? services : [],
+                getPosts,
+                pageCountForShowSupportButtons,
+            } },
+            React.createElement(PageConstructorProvider, Object.assign({}, settings, { projectSettings: Object.assign(Object.assign({}, ((settings === null || settings === void 0 ? void 0 : settings.projectSettings) || {})), { isAnimationEnabled }) }),
+                metaData ? React.createElement(MetaWrapper, Object.assign({}, metaData)) : null,
+                React.createElement(PageConstructor, { content: content, custom: actualComponentMap, navigation: navigation }))),
+        React.createElement(PromptSignIn, Object.assign({}, promptSignInProps))));
+};