@gravity-ui/blog-constructor 7.0.0-alpha.2 → 7.0.0-beta.1

package/build/cjs/components/Search/Search.js

@@ -2,14 +2,15 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Search = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
 const debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
-const useIsIPhone_1 = require("../../hooks/useIsIPhone");
-const i18n_1 = require("../../i18n");
-const Close_1 = require("../../icons/Close");
-const SearchIcon_1 = require("../../icons/SearchIcon");
-const cn_1 = require("../../utils/cn");
+const useIsIPhone_1 = require("../../hooks/useIsIPhone.js");
+const i18n_1 = require("../../i18n/index.js");
+const Close_1 = require("../../icons/Close.js");
+const SearchIcon_1 = require("../../icons/SearchIcon.js");
+const cn_1 = require("../../utils/cn.js");
 const b = (0, cn_1.block)('search');
 const SEARCH_ICON_SIZE = 16;
 const CLOSE_ICON_SIZE = 12;
@@ -22,20 +23,20 @@ const AUTOFOCUS_TIMEOUT = 0;
  */
 const Search = ({ className, initialValue, onSubmit, debounce = 300, placeholder = (0, i18n_1.i18n)(i18n_1.Keyset.Search), size = 'm', autoFocus = false, value: externalValue, }) => {
     const handleChange = (0, debounce_1.default)(onSubmit, debounce);
-    const [value, setValue] = (0, react_1.useState)(initialValue);
-    const inputRef = (0, react_1.useRef)(null);
+    const [value, setValue] = React.useState(initialValue);
+    const inputRef = React.useRef(null);
     const isIPhone = (0, useIsIPhone_1.useIsIPhone)();
-    (0, react_1.useEffect)(() => {
+    React.useEffect(() => {
         if (externalValue !== undefined) {
             setValue(externalValue);
         }
     }, [externalValue]);
-    (0, react_1.useEffect)(() => {
+    React.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 = (0, react_1.useMemo)(() => {
+    const rightContent = React.useMemo(() => {
         const iconData = value ? Close_1.Close : SearchIcon_1.SearchIcon;
         const iconSize = value ? CLOSE_ICON_SIZE : SEARCH_ICON_SIZE;
         const handleClick = () => {
@@ -47,15 +48,14 @@ const Search = ({ className, initialValue, onSubmit, debounce = 300, placeholder
                 (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
             }
         };
-        return (react_1.default.createElement("button", { className: b('input-icon'), onClick: handleClick, "aria-label": value ? (0, i18n_1.i18n)(i18n_1.Keyset.ClearAction) : undefined, "aria-hidden": !value },
-            react_1.default.createElement(uikit_1.Icon, { size: iconSize, data: iconData })));
+        return ((0, jsx_runtime_1.jsx)("button", { className: b('input-icon'), onClick: handleClick, "aria-label": value ? (0, i18n_1.i18n)(i18n_1.Keyset.ClearAction) : undefined, "aria-hidden": !value, children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { size: iconSize, data: iconData }) }));
     }, [handleChange, onSubmit, value]);
-    return (react_1.default.createElement("div", { className: b({ size }, className) },
-        react_1.default.createElement(uikit_1.TextInput, { className: b('search-suggest'), value: value, onUpdate: (query) => {
+    return ((0, jsx_runtime_1.jsx)("div", { className: b({ size }, className), children: (0, jsx_runtime_1.jsx)(uikit_1.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'),
-            }, rightContent: rightContent })));
+            }, endContent: rightContent }) }));
 };
-exports.Search = Search;
+exports.Search = Search;
+//# sourceMappingURL=Search.js.map

package/build/cjs/components/Search/Search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Search.js","sourceRoot":"../../../../src","sources":["components/Search/Search.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {Icon, TextInput} from '@gravity-ui/uikit';\nimport lodashDebounce from 'lodash/debounce';\n\nimport {useIsIPhone} from '../../hooks/useIsIPhone';\nimport {Keyset, i18n} from '../../i18n';\nimport {Close} from '../../icons/Close';\nimport {SearchIcon} from '../../icons/SearchIcon';\nimport {ClassNameProps} from '../../models/common';\nimport {block} from '../../utils/cn';\n\nimport './Search.scss';\n\nconst b = block('search');\n\nexport type SearchSize = 's' | 'm';\n\ninterface SearchProps extends ClassNameProps {\n    value?: string;\n    initialValue: string;\n    onSubmit: (value: string) => void;\n    debounce?: number;\n    placeholder?: string;\n    size?: SearchSize;\n    autoFocus?: boolean;\n    className?: string;\n}\n\nconst SEARCH_ICON_SIZE = 16;\nconst CLOSE_ICON_SIZE = 12;\nconst AUTOFOCUS_TIMEOUT = 0;\n\n/**\n * Search component, placed on blog main page,\n * based on TextInput from uikit\n *\n * @returns {JSX|null}\n */\nexport const Search = ({\n    className,\n    initialValue,\n    onSubmit,\n    debounce = 300,\n    placeholder = i18n(Keyset.Search),\n    size = 'm',\n    autoFocus = false,\n    value: externalValue,\n}: SearchProps) => {\n    const handleChange = lodashDebounce(onSubmit, debounce);\n\n    const [value, setValue] = React.useState<string>(initialValue);\n    const inputRef = React.useRef<HTMLInputElement>(null);\n    const isIPhone = useIsIPhone();\n\n    React.useEffect(() => {\n        if (externalValue !== undefined) {\n            setValue(externalValue);\n        }\n    }, [externalValue]);\n\n    React.useEffect(() => {\n        if (autoFocus && !isIPhone) {\n            setTimeout(() => inputRef?.current?.focus({preventScroll: true}), AUTOFOCUS_TIMEOUT);\n        }\n    }, [autoFocus, inputRef, isIPhone]);\n\n    const rightContent = React.useMemo(() => {\n        const iconData = value ? Close : SearchIcon;\n        const iconSize = value ? CLOSE_ICON_SIZE : SEARCH_ICON_SIZE;\n\n        const handleClick = () => {\n            if (value) {\n                handleChange.cancel();\n                setValue('');\n                onSubmit('');\n                inputRef.current?.focus();\n            }\n        };\n\n        return (\n            <button\n                className={b('input-icon')}\n                onClick={handleClick}\n                aria-label={value ? i18n(Keyset.ClearAction) : undefined}\n                aria-hidden={!value}\n            >\n                <Icon size={iconSize} data={iconData} />\n            </button>\n        );\n    }, [handleChange, onSubmit, value]);\n\n    return (\n        <div className={b({size}, className)}>\n            <TextInput\n                className={b('search-suggest')}\n                value={value}\n                onUpdate={(query) => {\n                    setValue(query);\n                    handleChange(query);\n                }}\n                placeholder={placeholder}\n                size={size === 'm' ? 'xl' : 'l'}\n                controlRef={inputRef}\n                view=\"clear\"\n                controlProps={{\n                    className: b('search-suggest-control'),\n                }}\n                endContent={rightContent}\n            />\n        </div>\n    );\n};\n"]}

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

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

package/build/cjs/components/Wrapper/Wrapper.js

@@ -1,15 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Wrapper = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const constants_1 = require("../../constants");
-const cn_1 = require("../../utils/cn");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const constants_1 = require("../../constants.js");
+const cn_1 = require("../../utils/cn.js");
 const b = (0, cn_1.block)('wrapper');
-const Wrapper = ({ children, paddings = constants_1.DEFAULT_PADDINGS, className, qa, }) => (react_1.default.createElement("section", { className: b({
+const Wrapper = ({ children, paddings = constants_1.DEFAULT_PADDINGS, className, qa, }) => ((0, jsx_runtime_1.jsx)("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));
-exports.Wrapper = Wrapper;
+    }, className), "data-qa": qa, children: children }));
+exports.Wrapper = Wrapper;
+//# sourceMappingURL=Wrapper.js.map

package/build/cjs/components/Wrapper/Wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Wrapper.js","sourceRoot":"../../../../src","sources":["components/Wrapper/Wrapper.tsx"],"names":[],"mappings":";;;;AAEA,kDAAiD;AAGjD,0CAAqC;AAIrC,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,SAAS,CAAC,CAAC;AAQpB,MAAM,OAAO,GAA0C,CAAC,EAC3D,QAAQ,EACR,QAAQ,GAAG,4BAAgB,EAC3B,SAAS,EACT,EAAE,GACL,EAAE,EAAE,CAAC,CACF,oCACI,SAAS,EAAE,CAAC,CACR;QACI,CAAC,aAAa,CAAC,EAAE,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,GAAG,KAAI,IAAI;QACtC,CAAC,gBAAgB,CAAC,EAAE,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,MAAM,KAAI,GAAG;QAC3C,CAAC,cAAc,CAAC,EAAE,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,KAAI,EAAE;QACtC,CAAC,eAAe,CAAC,EAAE,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,KAAI,EAAE;KAC3C,EACD,SAAS,CACZ,aACQ,EAAE,YAEV,QAAQ,GACH,CACb,CAAC;AApBW,QAAA,OAAO,WAoBlB","sourcesContent":["import * as React from 'react';\n\nimport {DEFAULT_PADDINGS} from '../../constants';\nimport {ClassNameProps, QAProps} from '../../models/common';\nimport {Paddings} from '../../models/paddings';\nimport {block} from '../../utils/cn';\n\nimport './Wrapper.scss';\n\nconst b = block('wrapper');\n\ntype WrapperProps = ClassNameProps &\n    QAProps & {\n        paddings?: Paddings;\n        children?: React.ReactNode;\n    };\n\nexport const Wrapper: React.FunctionComponent<WrapperProps> = ({\n    children,\n    paddings = DEFAULT_PADDINGS,\n    className,\n    qa,\n}) => (\n    <section\n        className={b(\n            {\n                ['padding-top']: paddings?.top || 'xs',\n                ['padding-bottom']: paddings?.bottom || 'l',\n                ['padding-left']: paddings?.left || '',\n                ['padding-right']: paddings?.right || '',\n            },\n            className,\n        )}\n        data-qa={qa}\n    >\n        {children}\n    </section>\n);\n"]}

package/build/cjs/constants.d.ts

@@ -1,4 +1,4 @@
-import { Paddings } from './models/paddings';
+import { Paddings } from "./models/paddings.js";
 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: string;
+export declare const UIKIT_THEME_LIGHT_CLASS = "g-root_theme_light";
 export declare enum DefaultGoalIds {
     shareTop = "SITE_BLOG_SHARE-TOP_CLICK",
     shareBottom = "SITE_BLOG_SHARE-BOTTOM_CLICK",

package/build/cjs/constants.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DEFAULT_PADDINGS = exports.DefaultGoalIds = exports.UIKIT_THEME_LIGHT_CLASS = exports.UIKIT_ROOT_CLASS = exports.DEFAULT_THEME = exports.BREAKPOINTS = void 0;
-const paddings_1 = require("./models/paddings");
+const paddings_1 = require("./models/paddings.js");
 exports.BREAKPOINTS = {
     xs: 0,
     sm: 577,
@@ -30,8 +30,9 @@ var DefaultGoalIds;
     DefaultGoalIds["next"] = "SITE_BLOG-PAGINATION_NEXT_CLCK";
     DefaultGoalIds["home"] = "SITE_BLOG-PAGINATION_HOME_CLCK";
     DefaultGoalIds["page"] = "SITE_BLOG-PAGINATION_PAGE-NMBR_CLCK";
-})(DefaultGoalIds = exports.DefaultGoalIds || (exports.DefaultGoalIds = {}));
+})(DefaultGoalIds || (exports.DefaultGoalIds = DefaultGoalIds = {}));
 exports.DEFAULT_PADDINGS = {
     [paddings_1.PaddingsDirections.bottom]: 'l',
     [paddings_1.PaddingsDirections.top]: 'xs',
-};
+};
+//# sourceMappingURL=constants.js.map

package/build/cjs/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"../../src","sources":["constants.ts"],"names":[],"mappings":";;;AAAA,mDAA+D;AAElD,QAAA,WAAW,GAAG;IACvB,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;CACX,CAAC;AAEW,QAAA,aAAa,GAAG,OAAO,CAAC;AAExB,QAAA,gBAAgB,GAAG,QAAQ,CAAC;AAC5B,QAAA,uBAAuB,GAAG,GAAG,wBAAgB,UAAU,qBAAa,EAAE,CAAC;AAEpF,IAAY,cAiBX;AAjBD,WAAY,cAAc;IACtB,wDAAsC,CAAA;IACtC,8DAA4C,CAAA;IAC5C,oEAAkD,CAAA;IAClD,0EAAwD,CAAA;IACxD,sDAAoC,CAAA;IACpC,4DAA0C,CAAA;IAC1C,8DAA4C,CAAA;IAC5C,8DAA4C,CAAA;IAC5C,8DAA4C,CAAA;IAC5C,6CAA2B,CAAA;IAC3B,uDAAqC,CAAA;IACrC,6DAA2C,CAAA;IAC3C,kEAAgD,CAAA;IAChD,yDAAuC,CAAA;IACvC,yDAAuC,CAAA;IACvC,8DAA4C,CAAA;AAChD,CAAC,EAjBW,cAAc,8BAAd,cAAc,QAiBzB;AAEY,QAAA,gBAAgB,GAAa;IACtC,CAAC,6BAAkB,CAAC,MAAM,CAAC,EAAE,GAAG;IAChC,CAAC,6BAAkB,CAAC,GAAG,CAAC,EAAE,IAAI;CACjC,CAAC","sourcesContent":["import {Paddings, PaddingsDirections} from './models/paddings';\n\nexport const BREAKPOINTS = {\n    xs: 0,\n    sm: 577,\n    md: 769,\n    lg: 1081,\n    xl: 1185,\n};\n\nexport const DEFAULT_THEME = 'light';\n\nexport const UIKIT_ROOT_CLASS = 'g-root';\nexport const UIKIT_THEME_LIGHT_CLASS = `${UIKIT_ROOT_CLASS}_theme_${DEFAULT_THEME}`;\n\nexport enum DefaultGoalIds {\n    shareTop = 'SITE_BLOG_SHARE-TOP_CLICK',\n    shareBottom = 'SITE_BLOG_SHARE-BOTTOM_CLICK',\n    breadcrumbsTop = 'SITE_BLOG_BREADCRUMBS-TOP_CLICK',\n    breadcrumbsBottom = 'SITE_BLOG_BREADCRUMBS-BOTTOM_CLICK',\n    saveTop = 'SITE_BLOG_SAVE-TOP_CLICK',\n    saveBottom = 'SITE_BLOG_SAVE-BOTTOM_CLICK',\n    saveSuggest = 'SITE_BLOG_SAVE-SUGGEST_CLICK',\n    suggest = 'SITE_BLOG_INTERESTING-CARD_CLICK',\n    bannerCommon = 'SITE_BLOG_TEXT-BANNER_CLICK',\n    cta = 'SITE_BLOG_CTA_CLICK',\n    tag = 'SITE_BLOG_THEME-SELECTOR_CLCK',\n    service = 'SITE_BLOG_SERVICE-SELECTOR_CLCK',\n    showMore = 'SITE_BLOG-PAGINATION_SHOW-MORE_CLCK',\n    next = 'SITE_BLOG-PAGINATION_NEXT_CLCK',\n    home = 'SITE_BLOG-PAGINATION_HOME_CLCK',\n    page = 'SITE_BLOG-PAGINATION_PAGE-NMBR_CLCK',\n}\n\nexport const DEFAULT_PADDINGS: Paddings = {\n    [PaddingsDirections.bottom]: 'l',\n    [PaddingsDirections.top]: 'xs',\n};\n"]}

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

@@ -1,10 +1,10 @@
-import React, { PropsWithChildren } from 'react';
+import * as React from 'react';
 import { AnalyticsContextProps } from '@gravity-ui/page-constructor';
-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';
+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";
 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, }: PropsWithChildren<BlogConstructorProviderProps>) => React.JSX.Element;
+export declare const BlogConstructorProvider: ({ isMobile, locale, router, theme, device, analytics, settings, children, }: React.PropsWithChildren<BlogConstructorProviderProps>) => import("react/jsx-runtime").JSX.Element;

package/build/cjs/constructor/BlogConstructorProvider.js

@@ -2,26 +2,28 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BlogConstructorProvider = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
 const page_constructor_1 = require("@gravity-ui/page-constructor");
-const constants_1 = require("../constants");
-const DeviceContext_1 = require("../contexts/DeviceContext");
-const LocaleContext_1 = require("../contexts/LocaleContext");
-const MobileContext_1 = require("../contexts/MobileContext");
-const RouterContext_1 = require("../contexts/RouterContext");
-const SettingsContext_1 = require("../contexts/SettingsContext");
-const ThemeValueContext_1 = require("../contexts/theme/ThemeValueContext");
+const constants_1 = require("../constants.js");
+const DeviceContext_1 = require("../contexts/DeviceContext.js");
+const LocaleContext_1 = require("../contexts/LocaleContext.js");
+const MobileContext_1 = require("../contexts/MobileContext.js");
+const RouterContext_1 = require("../contexts/RouterContext.js");
+const SettingsContext_1 = require("../contexts/SettingsContext.js");
+const ThemeValueContext_1 = require("../contexts/theme/ThemeValueContext.js");
 const BlogConstructorProvider = ({ isMobile, locale = {}, router = {}, theme = constants_1.DEFAULT_THEME, device = {}, analytics = {}, settings = {}, children, }) => {
     const context = [
-        react_1.default.createElement(ThemeValueContext_1.ThemeValueContext.Provider, { value: { themeValue: theme }, key: "theme-context" }),
-        react_1.default.createElement(page_constructor_1.ThemeContext.Provider, { value: { theme: theme }, key: "pc-theme" }),
-        react_1.default.createElement(LocaleContext_1.LocaleContext.Provider, { value: { locale }, key: "locale-context" }),
-        react_1.default.createElement(RouterContext_1.RouterContext.Provider, { value: router, key: "router-context" }),
-        react_1.default.createElement(MobileContext_1.MobileContext.Provider, { value: Boolean(isMobile), key: "is-mobile-context" }),
-        react_1.default.createElement(DeviceContext_1.DeviceContext.Provider, { value: device, key: "device-context" }),
-        react_1.default.createElement(SettingsContext_1.SettingsContext.Provider, { value: settings, key: "settings-context" }),
-        react_1.default.createElement(page_constructor_1.AnalyticsContext.Provider, { value: analytics, key: "analytics-context" }),
-    ].reduceRight((prev, provider) => react_1.default.cloneElement(provider, {}, prev), children);
-    return react_1.default.createElement(react_1.Fragment, null, context);
+        (0, jsx_runtime_1.jsx)(ThemeValueContext_1.ThemeValueContext.Provider, { value: { themeValue: theme } }, "theme-context"),
+        (0, jsx_runtime_1.jsx)(page_constructor_1.ThemeContext.Provider, { value: { theme: theme } }, "pc-theme"),
+        (0, jsx_runtime_1.jsx)(LocaleContext_1.LocaleContext.Provider, { value: { locale } }, "locale-context"),
+        (0, jsx_runtime_1.jsx)(RouterContext_1.RouterContext.Provider, { value: router }, "router-context"),
+        (0, jsx_runtime_1.jsx)(MobileContext_1.MobileContext.Provider, { value: Boolean(isMobile) }, "is-mobile-context"),
+        (0, jsx_runtime_1.jsx)(DeviceContext_1.DeviceContext.Provider, { value: device }, "device-context"),
+        (0, jsx_runtime_1.jsx)(SettingsContext_1.SettingsContext.Provider, { value: settings }, "settings-context"),
+        (0, jsx_runtime_1.jsx)(page_constructor_1.AnalyticsContext.Provider, { value: analytics }, "analytics-context"),
+    ].reduceRight((prev, provider) => React.cloneElement(provider, {}, prev), children);
+    return (0, jsx_runtime_1.jsx)(React.Fragment, { children: context });
 };
-exports.BlogConstructorProvider = BlogConstructorProvider;
+exports.BlogConstructorProvider = BlogConstructorProvider;
+//# sourceMappingURL=BlogConstructorProvider.js.map

package/build/cjs/constructor/BlogConstructorProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlogConstructorProvider.js","sourceRoot":"../../../src","sources":["constructor/BlogConstructorProvider.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,mEAKsC;AAEtC,+CAA2C;AAC3C,gEAA4E;AAC5E,gEAAwD;AACxD,gEAAwD;AACxD,gEAA4E;AAC5E,oEAAkF;AAClF,8EAAsF;AAc/E,MAAM,uBAAuB,GAAG,CAAC,EACpC,QAAQ,EACR,MAAM,GAAG,EAAY,EACrB,MAAM,GAAG,EAAwB,EACjC,KAAK,GAAG,yBAAa,EACrB,MAAM,GAAG,EAAE,EACX,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,EAAE,EACb,QAAQ,GAC4C,EAAE,EAAE;IACxD,MAAM,OAAO,GAAG;QACZ,uBAAC,qCAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,UAAU,EAAE,KAAK,EAAC,IAAM,eAAe,CAAG;QAC9E,uBAAC,+BAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,KAAK,EAAE,KAAc,EAAC,IAAM,UAAU,CAAG;QACxE,uBAAC,6BAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,MAAM,EAAC,IAAM,gBAAgB,CAAG;QAChE,uBAAC,6BAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,IAAM,gBAAgB,CAAG;QAC9D,uBAAC,6BAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,CAAC,QAAQ,CAAC,IAAM,mBAAmB,CAAG;QAC5E,uBAAC,6BAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,IAAM,gBAAgB,CAAG;QAC9D,uBAAC,iCAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,IAAM,kBAAkB,CAAG;QACpE,uBAAC,mCAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,SAAS,IAAM,mBAAmB,CAAG;KAC1E,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,QAAQ,CAAC,CAAC;IAEpF,OAAO,uBAAC,KAAK,CAAC,QAAQ,cAAE,OAAO,GAAkB,CAAC;AACtD,CAAC,CAAC;AAtBW,QAAA,uBAAuB,2BAsBlC","sourcesContent":["import * as React from 'react';\n\nimport {\n    AnalyticsContext,\n    AnalyticsContextProps,\n    Theme,\n    ThemeContext,\n} from '@gravity-ui/page-constructor';\n\nimport {DEFAULT_THEME} from '../constants';\nimport {DeviceContext, DeviceContextProps} from '../contexts/DeviceContext';\nimport {LocaleContext} from '../contexts/LocaleContext';\nimport {MobileContext} from '../contexts/MobileContext';\nimport {RouterContext, RouterContextProps} from '../contexts/RouterContext';\nimport {SettingsContext, SettingsContextProps} from '../contexts/SettingsContext';\nimport {ThemeValueContext, ThemeValueType} from '../contexts/theme/ThemeValueContext';\nimport {Locale} from '../models/locale';\n\nexport interface BlogConstructorProviderProps {\n    isMobile?: boolean;\n    locale?: Locale;\n    router?: RouterContextProps;\n    theme?: ThemeValueType;\n    device?: DeviceContextProps;\n    analytics?: AnalyticsContextProps;\n    settings?: SettingsContextProps;\n    children?: React.ReactNode;\n}\n\nexport const BlogConstructorProvider = ({\n    isMobile,\n    locale = {} as Locale,\n    router = {} as RouterContextProps,\n    theme = DEFAULT_THEME,\n    device = {},\n    analytics = {},\n    settings = {},\n    children,\n}: React.PropsWithChildren<BlogConstructorProviderProps>) => {\n    const context = [\n        <ThemeValueContext.Provider value={{themeValue: theme}} key=\"theme-context\" />,\n        <ThemeContext.Provider value={{theme: theme as Theme}} key=\"pc-theme\" />,\n        <LocaleContext.Provider value={{locale}} key=\"locale-context\" />,\n        <RouterContext.Provider value={router} key=\"router-context\" />,\n        <MobileContext.Provider value={Boolean(isMobile)} key=\"is-mobile-context\" />,\n        <DeviceContext.Provider value={device} key=\"device-context\" />,\n        <SettingsContext.Provider value={settings} key=\"settings-context\" />,\n        <AnalyticsContext.Provider value={analytics} key=\"analytics-context\" />,\n    ].reduceRight((prev, provider) => React.cloneElement(provider, {}, prev), children);\n\n    return <React.Fragment>{context}</React.Fragment>;\n};\n"]}

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

@@ -1,19 +1,19 @@
 declare const _default: {
     blocks: {
-        "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;
+        "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;
     };
     headers: {
-        "blog-header-block": (props: import("../models/blocks").HeaderProps) => import("react").JSX.Element;
+        "blog-header-block": (props: import("../models/blocks.js").HeaderProps) => import("react/jsx-runtime").JSX.Element;
     };
 };
 export default _default;

package/build/cjs/constructor/blocksMap.js

@@ -1,18 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const Author_1 = require("../blocks/Author/Author");
-const Banner_1 = require("../blocks/Banner/Banner");
-const CTA_1 = require("../blocks/CTA/CTA");
-const ColoredText_1 = require("../blocks/ColoredText/ColoredText");
-const Feed_1 = require("../blocks/Feed/Feed");
-const Form_1 = require("../blocks/Form/Form");
-const Header_1 = require("../blocks/Header/Header");
-const Layout_1 = require("../blocks/Layout/Layout");
-const Media_1 = require("../blocks/Media/Media");
-const Meta_1 = require("../blocks/Meta/Meta");
-const Suggest_1 = require("../blocks/Suggest/Suggest");
-const YFM_1 = require("../blocks/YFM/YFM");
-const common_1 = require("../models/common");
+const Author_1 = require("../blocks/Author/Author.js");
+const Banner_1 = require("../blocks/Banner/Banner.js");
+const CTA_1 = require("../blocks/CTA/CTA.js");
+const ColoredText_1 = require("../blocks/ColoredText/ColoredText.js");
+const Feed_1 = require("../blocks/Feed/Feed.js");
+const Form_1 = require("../blocks/Form/Form.js");
+const Header_1 = require("../blocks/Header/Header.js");
+const Layout_1 = require("../blocks/Layout/Layout.js");
+const Media_1 = require("../blocks/Media/Media.js");
+const Meta_1 = require("../blocks/Meta/Meta.js");
+const Suggest_1 = require("../blocks/Suggest/Suggest.js");
+const YFM_1 = require("../blocks/YFM/YFM.js");
+const common_1 = require("../models/common.js");
 const blocks = {
     [common_1.BlockType.YFM]: YFM_1.YFM,
     [common_1.BlockType.Layout]: Layout_1.Layout,
@@ -29,4 +29,5 @@ const blocks = {
 const headers = {
     [common_1.BlockType.Header]: Header_1.Header,
 };
-exports.default = { blocks, headers };
+exports.default = { blocks, headers };
+//# sourceMappingURL=blocksMap.js.map

package/build/cjs/constructor/blocksMap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"blocksMap.js","sourceRoot":"../../../src","sources":["constructor/blocksMap.ts"],"names":[],"mappings":";;AAAA,uDAA+C;AAC/C,uDAA+C;AAC/C,8CAAsC;AACtC,sEAA8D;AAC9D,iDAAyC;AACzC,iDAAyC;AACzC,uDAA+C;AAC/C,uDAA+C;AAC/C,oDAA4C;AAC5C,iDAAyC;AACzC,0DAAkD;AAClD,8CAAsC;AACtC,gDAA2C;AAE3C,MAAM,MAAM,GAAG;IACX,CAAC,kBAAS,CAAC,GAAG,CAAC,EAAE,SAAG;IACpB,CAAC,kBAAS,CAAC,MAAM,CAAC,EAAE,eAAM;IAC1B,CAAC,kBAAS,CAAC,KAAK,CAAC,EAAE,aAAK;IACxB,CAAC,kBAAS,CAAC,MAAM,CAAC,EAAE,eAAM;IAC1B,CAAC,kBAAS,CAAC,GAAG,CAAC,EAAE,SAAG;IACpB,CAAC,kBAAS,CAAC,WAAW,CAAC,EAAE,yBAAW;IACpC,CAAC,kBAAS,CAAC,MAAM,CAAC,EAAE,eAAM;IAC1B,CAAC,kBAAS,CAAC,OAAO,CAAC,EAAE,iBAAO;IAC5B,CAAC,kBAAS,CAAC,IAAI,CAAC,EAAE,WAAI;IACtB,CAAC,kBAAS,CAAC,IAAI,CAAC,EAAE,WAAI;IACtB,CAAC,kBAAS,CAAC,IAAI,CAAC,EAAE,WAAI;CACzB,CAAC;AAEF,MAAM,OAAO,GAAG;IACZ,CAAC,kBAAS,CAAC,MAAM,CAAC,EAAE,eAAM;CAC7B,CAAC;AAEF,kBAAe,EAAC,MAAM,EAAE,OAAO,EAAC,CAAC","sourcesContent":["import {Author} from '../blocks/Author/Author';\nimport {Banner} from '../blocks/Banner/Banner';\nimport {CTA} from '../blocks/CTA/CTA';\nimport {ColoredText} from '../blocks/ColoredText/ColoredText';\nimport {Feed} from '../blocks/Feed/Feed';\nimport {Form} from '../blocks/Form/Form';\nimport {Header} from '../blocks/Header/Header';\nimport {Layout} from '../blocks/Layout/Layout';\nimport {Media} from '../blocks/Media/Media';\nimport {Meta} from '../blocks/Meta/Meta';\nimport {Suggest} from '../blocks/Suggest/Suggest';\nimport {YFM} from '../blocks/YFM/YFM';\nimport {BlockType} from '../models/common';\n\nconst blocks = {\n    [BlockType.YFM]: YFM,\n    [BlockType.Layout]: Layout,\n    [BlockType.Media]: Media,\n    [BlockType.Banner]: Banner,\n    [BlockType.CTA]: CTA,\n    [BlockType.ColoredText]: ColoredText,\n    [BlockType.Author]: Author,\n    [BlockType.Suggest]: Suggest,\n    [BlockType.Meta]: Meta,\n    [BlockType.Feed]: Feed,\n    [BlockType.Form]: Form,\n};\n\nconst headers = {\n    [BlockType.Header]: Header,\n};\n\nexport default {blocks, headers};\n"]}

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

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

package/build/cjs/containers/BlogPage/BlogPage.js

@@ -2,33 +2,30 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BlogPage = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
 const page_constructor_1 = require("@gravity-ui/page-constructor");
-const MetaWrapper_1 = require("../../components/MetaWrapper/MetaWrapper");
-const PromptSignIn_1 = require("../../components/PromptSignIn/PromptSignIn");
-const usePromptSignInProps_1 = require("../../components/PromptSignIn/hooks/usePromptSignInProps");
-const FeedContext_1 = require("../../contexts/FeedContext");
-const LikesContext_1 = require("../../contexts/LikesContext");
-const useExtendedComponentMap_1 = require("../../hooks/useExtendedComponentMap");
-const SettingsContext_1 = require("../../contexts/SettingsContext");
+const MetaWrapper_1 = require("../../components/MetaWrapper/MetaWrapper.js");
+const PromptSignIn_1 = require("../../components/PromptSignIn/PromptSignIn.js");
+const usePromptSignInProps_1 = require("../../components/PromptSignIn/hooks/usePromptSignInProps.js");
+const FeedContext_1 = require("../../contexts/FeedContext.js");
+const LikesContext_1 = require("../../contexts/LikesContext.js");
+const useExtendedComponentMap_1 = require("../../hooks/useExtendedComponentMap.js");
+const SettingsContext_1 = require("../../contexts/SettingsContext.js");
 const BlogPage = ({ content, posts, tags, services, getPosts, metaData, custom, hasLikes = false, toggleLike, navigation, settings, pageCountForShowSupportButtons, isSignedInUser = false, onClickSignIn, }) => {
-    const { isAnimationEnabled } = (0, react_1.useContext)(SettingsContext_1.SettingsContext);
+    const { isAnimationEnabled } = React.useContext(SettingsContext_1.SettingsContext);
     const _a = (0, usePromptSignInProps_1.usePromptSignInProps)(onClickSignIn), { requireSignIn } = _a, promptSignInProps = tslib_1.__rest(_a, ["requireSignIn"]);
-    const likesContextData = (0, react_1.useMemo)(() => ({ toggleLike, hasLikes, isSignedInUser, requireSignIn }), [toggleLike, hasLikes, isSignedInUser, requireSignIn]);
+    const likesContextData = React.useMemo(() => ({ toggleLike, hasLikes, isSignedInUser, requireSignIn }), [toggleLike, hasLikes, isSignedInUser, requireSignIn]);
     const actualComponentMap = (0, useExtendedComponentMap_1.useExtendedComponentMap)(custom);
-    return (react_1.default.createElement(LikesContext_1.LikesContext.Provider, { value: likesContextData },
-        react_1.default.createElement(FeedContext_1.FeedContext.Provider, { value: {
-                posts: posts.posts,
-                pinnedPost: posts.pinnedPost,
-                totalCount: posts.count,
-                tags,
-                services: services !== null && services !== void 0 ? services : [],
-                getPosts,
-                pageCountForShowSupportButtons,
-            } },
-            react_1.default.createElement(page_constructor_1.PageConstructorProvider, Object.assign({}, settings, { projectSettings: Object.assign(Object.assign({}, ((settings === null || settings === void 0 ? void 0 : settings.projectSettings) || {})), { isAnimationEnabled }) }),
-                metaData ? react_1.default.createElement(MetaWrapper_1.MetaWrapper, Object.assign({}, metaData)) : null,
-                react_1.default.createElement(page_constructor_1.PageConstructor, { content: content, custom: actualComponentMap, navigation: navigation }))),
-        react_1.default.createElement(PromptSignIn_1.PromptSignIn, Object.assign({}, promptSignInProps))));
+    return ((0, jsx_runtime_1.jsxs)(LikesContext_1.LikesContext.Provider, { value: likesContextData, children: [(0, jsx_runtime_1.jsx)(FeedContext_1.FeedContext.Provider, { value: {
+                    posts: posts.posts,
+                    pinnedPost: posts.pinnedPost,
+                    totalCount: posts.count,
+                    tags,
+                    services: services !== null && services !== void 0 ? services : [],
+                    getPosts,
+                    pageCountForShowSupportButtons,
+                }, children: (0, jsx_runtime_1.jsxs)(page_constructor_1.PageConstructorProvider, Object.assign({}, settings, { projectSettings: Object.assign(Object.assign({}, ((settings === null || settings === void 0 ? void 0 : settings.projectSettings) || {})), { isAnimationEnabled }), children: [metaData ? (0, jsx_runtime_1.jsx)(MetaWrapper_1.MetaWrapper, Object.assign({}, metaData)) : null, (0, jsx_runtime_1.jsx)(page_constructor_1.PageConstructor, { content: content, custom: actualComponentMap, navigation: navigation })] })) }), (0, jsx_runtime_1.jsx)(PromptSignIn_1.PromptSignIn, Object.assign({}, promptSignInProps))] }));
 };
-exports.BlogPage = BlogPage;
+exports.BlogPage = BlogPage;
+//# sourceMappingURL=BlogPage.js.map

package/build/cjs/containers/BlogPage/BlogPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlogPage.js","sourceRoot":"../../../../src","sources":["containers/BlogPage/BlogPage.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,mEAOsC;AAEtC,6EAAqE;AACrE,gFAAwE;AACxE,sGAA8F;AAC9F,+DAAuD;AACvD,iEAAyD;AACzD,oFAA4E;AAS5E,uEAA+D;AAsBxD,MAAM,QAAQ,GAAG,CAAC,EACrB,OAAO,EACP,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,UAAU,EACV,UAAU,EACV,QAAQ,EACR,8BAA8B,EAC9B,cAAc,GAAG,KAAK,EACtB,aAAa,GACD,EAAE,EAAE;IAChB,MAAM,EAAC,kBAAkB,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iCAAe,CAAC,CAAC;IAC/D,MAAM,KAAwC,IAAA,2CAAoB,EAAC,aAAa,CAAC,EAA3E,EAAC,aAAa,OAA6D,EAAxD,iBAAiB,sBAApC,iBAAqC,CAAsC,CAAC;IAElF,MAAM,gBAAgB,GAAG,KAAK,CAAC,OAAO,CAClC,GAAG,EAAE,CAAC,CAAC,EAAC,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,aAAa,EAAC,CAAC,EAC7D,CAAC,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,aAAa,CAAC,CACxD,CAAC;IAEF,MAAM,kBAAkB,GAAG,IAAA,iDAAuB,EAAC,MAAM,CAAC,CAAC;IAE3D,OAAO,CACH,wBAAC,2BAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,gBAAgB,aAC1C,uBAAC,yBAAW,CAAC,QAAQ,IACjB,KAAK,EAAE;oBACH,KAAK,EAAE,KAAK,CAAC,KAAK;oBAClB,UAAU,EAAE,KAAK,CAAC,UAAU;oBAC5B,UAAU,EAAE,KAAK,CAAC,KAAK;oBACvB,IAAI;oBACJ,QAAQ,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,EAAE;oBACxB,QAAQ;oBACR,8BAA8B;iBACjC,YAED,wBAAC,0CAAuB,oBAChB,QAAQ,IACZ,eAAe,kCAAM,CAAC,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,eAAe,KAAI,EAAE,CAAC,KAAE,kBAAkB,gBAEzE,QAAQ,CAAC,CAAC,CAAC,uBAAC,yBAAW,oBAAK,QAAQ,EAAI,CAAC,CAAC,CAAC,IAAI,EAChD,uBAAC,kCAAe,IACZ,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,kBAAkB,EAC1B,UAAU,EAAE,UAAU,GACxB,KACoB,GACP,EACvB,uBAAC,2BAAY,oBAAK,iBAAiB,EAAI,IACnB,CAC3B,CAAC;AACN,CAAC,CAAC;AAtDW,QAAA,QAAQ,YAsDnB","sourcesContent":["import * as React from 'react';\n\nimport {\n    CustomConfig,\n    NavigationData,\n    PageConstructor,\n    PageConstructorProvider,\n    PageConstructorProviderProps,\n    PageContent,\n} from '@gravity-ui/page-constructor';\n\nimport {MetaWrapper} from '../../components/MetaWrapper/MetaWrapper';\nimport {PromptSignIn} from '../../components/PromptSignIn/PromptSignIn';\nimport {usePromptSignInProps} from '../../components/PromptSignIn/hooks/usePromptSignInProps';\nimport {FeedContext} from '../../contexts/FeedContext';\nimport {LikesContext} from '../../contexts/LikesContext';\nimport {useExtendedComponentMap} from '../../hooks/useExtendedComponentMap';\nimport {\n    GetPostsType,\n    MetaProps,\n    PostsProps,\n    Service,\n    Tag,\n    ToggleLikeCallbackType,\n} from '../../models/common';\nimport {SettingsContext} from '../../contexts/SettingsContext';\n\nimport './BlogPage.scss';\n\nexport type BlogPageProps = {\n    content: PageContent;\n    posts: PostsProps;\n    tags: Tag[];\n    services?: Service[];\n    navigation?: NavigationData;\n    getPosts: GetPostsType;\n    hasLikes?: boolean;\n    toggleLike?: ToggleLikeCallbackType;\n    metaData?: MetaProps;\n    settings?: PageConstructorProviderProps;\n    custom?: CustomConfig;\n    pageCountForShowSupportButtons?: number;\n    isSignedInUser?: boolean;\n    // Required to enable Sign In on Post like\n    onClickSignIn?: React.EventHandler<React.SyntheticEvent>;\n};\n\nexport const BlogPage = ({\n    content,\n    posts,\n    tags,\n    services,\n    getPosts,\n    metaData,\n    custom,\n    hasLikes = false,\n    toggleLike,\n    navigation,\n    settings,\n    pageCountForShowSupportButtons,\n    isSignedInUser = false,\n    onClickSignIn,\n}: BlogPageProps) => {\n    const {isAnimationEnabled} = React.useContext(SettingsContext);\n    const {requireSignIn, ...promptSignInProps} = usePromptSignInProps(onClickSignIn);\n\n    const likesContextData = React.useMemo(\n        () => ({toggleLike, hasLikes, isSignedInUser, requireSignIn}),\n        [toggleLike, hasLikes, isSignedInUser, requireSignIn],\n    );\n\n    const actualComponentMap = useExtendedComponentMap(custom);\n\n    return (\n        <LikesContext.Provider value={likesContextData}>\n            <FeedContext.Provider\n                value={{\n                    posts: posts.posts,\n                    pinnedPost: posts.pinnedPost,\n                    totalCount: posts.count,\n                    tags,\n                    services: services ?? [],\n                    getPosts,\n                    pageCountForShowSupportButtons,\n                }}\n            >\n                <PageConstructorProvider\n                    {...settings}\n                    projectSettings={{...(settings?.projectSettings || {}), isAnimationEnabled}}\n                >\n                    {metaData ? <MetaWrapper {...metaData} /> : null}\n                    <PageConstructor\n                        content={content}\n                        custom={actualComponentMap}\n                        navigation={navigation}\n                    />\n                </PageConstructorProvider>\n            </FeedContext.Provider>\n            <PromptSignIn {...promptSignInProps} />\n        </LikesContext.Provider>\n    );\n};\n"]}

package/build/cjs/containers/BlogPostPage/BlogPostPage.css

@@ -29,37 +29,37 @@ unpredictable css rules order in build */
   line-height: var(--g-text-body-3-line-height);
   color: var(--g-color-text-primary);
 }
-.yfm_blog.yfm_blog h1,
-.yfm_blog.yfm_blog h2,
-.yfm_blog.yfm_blog h3,
-.yfm_blog.yfm_blog h4,
-.yfm_blog.yfm_blog h5,
-.yfm_blog.yfm_blog h6 {
-  margin-bottom: 16px;
-  margin-top: 32px;
-  padding-top: 0;
-  font-weight: var(--g-text-header-font-weight);
-}
-.yfm_blog.yfm_blog h1:first-child,
-.yfm_blog.yfm_blog h2:first-child,
-.yfm_blog.yfm_blog h3:first-child,
-.yfm_blog.yfm_blog h4:first-child {
+.yfm_blog h1:first-child,
+.yfm_blog h2:first-child,
+.yfm_blog h3:first-child,
+.yfm_blog h4:first-child {
   padding: 0;
   margin-top: 0;
   padding-top: 0;
 }
-.yfm_blog.yfm_blog h2 {
+.yfm_blog h2 {
   font-size: var(--g-text-display-2-font-size);
   line-height: var(--g-text-display-2-line-height);
 }
-.yfm_blog.yfm_blog h3 {
+.yfm_blog h3 {
   font-size: var(--g-text-header-2-font-size);
   line-height: var(--g-text-header-2-line-height);
 }
-.yfm_blog.yfm_blog h4 {
+.yfm_blog h4 {
   font-size: var(--g-text-header-1-font-size);
   line-height: var(--g-text-header-1-line-height);
 }
+.yfm_blog.yfm_blog h1,
+.yfm_blog.yfm_blog h2,
+.yfm_blog.yfm_blog h3,
+.yfm_blog.yfm_blog h4,
+.yfm_blog.yfm_blog h5,
+.yfm_blog.yfm_blog h6 {
+  margin-bottom: 16px;
+  margin-top: 32px;
+  padding-top: 0;
+  font-weight: var(--g-text-header-font-weight);
+}
 
 .yfm_blog blockquote,
 .yfm_blog dl,

package/build/cjs/containers/BlogPostPage/BlogPostPage.d.ts

@@ -1,7 +1,7 @@
-import React, { SyntheticEvent } from 'react';
+import * as React from 'react';
 import { ShareOptions } from '@gravity-ui/components';
-import { CustomConfig, NavigationData, PageConstructorProviderProps, PageContent } from '@gravity-ui/page-constructor';
-import { MetaProps, PostData, ToggleLikeCallbackType } from '../../models/common';
+import { CustomConfig, HeaderBreadCrumbsProps, NavigationData, PageConstructorProviderProps, PageContent } from '@gravity-ui/page-constructor';
+import { MetaProps, PostData, ToggleLikeCallbackType } from "../../models/common.js";
 export interface BlogPostPageProps {
     suggestedPosts: PostData[];
     metaData?: MetaProps;
@@ -17,6 +17,7 @@ export interface BlogPostPageProps {
     custom?: CustomConfig;
     shareOptions?: ShareOptions[];
     isSignedInUser?: boolean;
-    onClickSignIn?: React.EventHandler<SyntheticEvent>;
+    onClickSignIn?: React.EventHandler<React.SyntheticEvent>;
+    breadcrumbs?: HeaderBreadCrumbsProps;
 }
-export declare const BlogPostPage: ({ metaData, suggestedPosts, likes, content, post, settings, navigation, custom, shareOptions, isSignedInUser, onClickSignIn, }: BlogPostPageProps) => React.JSX.Element;
+export declare const BlogPostPage: ({ metaData, suggestedPosts, likes, content, post, settings, navigation, custom, shareOptions, isSignedInUser, onClickSignIn, breadcrumbs, }: BlogPostPageProps) => import("react/jsx-runtime").JSX.Element;

package/build/cjs/containers/BlogPostPage/BlogPostPage.js

@@ -2,18 +2,19 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BlogPostPage = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
 const page_constructor_1 = require("@gravity-ui/page-constructor");
-const MetaWrapper_1 = require("../../components/MetaWrapper/MetaWrapper");
-const PromptSignIn_1 = require("../../components/PromptSignIn/PromptSignIn");
-const usePromptSignInProps_1 = require("../../components/PromptSignIn/hooks/usePromptSignInProps");
-const LikesContext_1 = require("../../contexts/LikesContext");
-const PostPageContext_1 = require("../../contexts/PostPageContext");
-const useExtendedComponentMap_1 = require("../../hooks/useExtendedComponentMap");
-const useLikes_1 = require("../../hooks/useLikes");
-const SettingsContext_1 = require("../../contexts/SettingsContext");
-const BlogPostPage = ({ metaData, suggestedPosts, likes, content, post, settings, navigation, custom, shareOptions, isSignedInUser = false, onClickSignIn, }) => {
-    const { isAnimationEnabled } = (0, react_1.useContext)(SettingsContext_1.SettingsContext);
+const MetaWrapper_1 = require("../../components/MetaWrapper/MetaWrapper.js");
+const PromptSignIn_1 = require("../../components/PromptSignIn/PromptSignIn.js");
+const usePromptSignInProps_1 = require("../../components/PromptSignIn/hooks/usePromptSignInProps.js");
+const LikesContext_1 = require("../../contexts/LikesContext.js");
+const PostPageContext_1 = require("../../contexts/PostPageContext.js");
+const useExtendedComponentMap_1 = require("../../hooks/useExtendedComponentMap.js");
+const useLikes_1 = require("../../hooks/useLikes.js");
+const SettingsContext_1 = require("../../contexts/SettingsContext.js");
+const BlogPostPage = ({ metaData, suggestedPosts, likes, content, post, settings, navigation, custom, shareOptions, isSignedInUser = false, onClickSignIn, breadcrumbs, }) => {
+    const { isAnimationEnabled } = React.useContext(SettingsContext_1.SettingsContext);
     const { hasUserLike, likesCount, handleLike } = (0, useLikes_1.useLikes)({
         hasLike: likes === null || likes === void 0 ? void 0 : likes.hasUserLike,
         count: likes === null || likes === void 0 ? void 0 : likes.likesCount,
@@ -21,29 +22,26 @@ const BlogPostPage = ({ metaData, suggestedPosts, likes, content, post, settings
         postId: post === null || post === void 0 ? void 0 : post.blogPostId,
     });
     const _a = (0, usePromptSignInProps_1.usePromptSignInProps)(onClickSignIn), { requireSignIn } = _a, promptSignInProps = tslib_1.__rest(_a, ["requireSignIn"]);
-    const likesContextData = (0, react_1.useMemo)(() => ({
+    const likesContextData = React.useMemo(() => ({
         toggleLike: likes === null || likes === void 0 ? void 0 : likes.toggleLike,
         hasLikes: Boolean(likes),
         isSignedInUser,
         requireSignIn,
     }), [likes, isSignedInUser, requireSignIn]);
     const actualComponentMap = (0, useExtendedComponentMap_1.useExtendedComponentMap)(custom);
-    return (react_1.default.createElement(LikesContext_1.LikesContext.Provider, { value: likesContextData },
-        react_1.default.createElement(PostPageContext_1.PostPageContext.Provider, { value: {
-                post,
-                suggestedPosts,
-                likes: likes
-                    ? {
-                        handleUserLike: handleLike,
-                        hasUserLike,
-                        likesCount,
-                    }
-                    : undefined,
-                shareOptions,
-            } },
-            react_1.default.createElement(page_constructor_1.PageConstructorProvider, Object.assign({}, settings, { projectSettings: Object.assign(Object.assign({}, ((settings === null || settings === void 0 ? void 0 : settings.projectSettings) || {})), { isAnimationEnabled }) }),
-                metaData ? react_1.default.createElement(MetaWrapper_1.MetaWrapper, Object.assign({}, metaData)) : null,
-                react_1.default.createElement(page_constructor_1.PageConstructor, { content: content, custom: actualComponentMap, navigation: navigation }))),
-        react_1.default.createElement(PromptSignIn_1.PromptSignIn, Object.assign({}, promptSignInProps))));
+    return ((0, jsx_runtime_1.jsxs)(LikesContext_1.LikesContext.Provider, { value: likesContextData, children: [(0, jsx_runtime_1.jsx)(PostPageContext_1.PostPageContext.Provider, { value: {
+                    post,
+                    suggestedPosts,
+                    likes: likes
+                        ? {
+                            handleUserLike: handleLike,
+                            hasUserLike,
+                            likesCount,
+                        }
+                        : undefined,
+                    shareOptions,
+                    breadcrumbs,
+                }, children: (0, jsx_runtime_1.jsxs)(page_constructor_1.PageConstructorProvider, Object.assign({}, settings, { projectSettings: Object.assign(Object.assign({}, ((settings === null || settings === void 0 ? void 0 : settings.projectSettings) || {})), { isAnimationEnabled }), children: [metaData ? (0, jsx_runtime_1.jsx)(MetaWrapper_1.MetaWrapper, Object.assign({}, metaData)) : null, (0, jsx_runtime_1.jsx)(page_constructor_1.PageConstructor, { content: content, custom: actualComponentMap, navigation: navigation })] })) }), (0, jsx_runtime_1.jsx)(PromptSignIn_1.PromptSignIn, Object.assign({}, promptSignInProps))] }));
 };
-exports.BlogPostPage = BlogPostPage;
+exports.BlogPostPage = BlogPostPage;
+//# sourceMappingURL=BlogPostPage.js.map