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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Prompt.js","sourceRoot":"../../../../src","sources":["components/Prompt/Prompt.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAC,MAAM,EAAc,MAAM,mBAAmB,CAAC;AAEtD,OAAO,EAAC,QAAQ,EAAC,gCAA6B;AAC9C,OAAO,EAAC,iBAAiB,EAAC,yCAAsC;AAChE,OAAO,EAAC,KAAK,EAAC,0BAAuB;AAErC,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC;AAc1B;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACnB,IAAI,EACJ,OAAO,EACP,SAAS,EACT,aAAa,GAAG,CAAC,EACjB,YAAY,EACZ,KAAK,GACK,EAAE,EAAE;IACd,MAAM,CAAC,GAAG,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAAkB,CAAC;IACnD,MAAM,EAAC,IAAI,EAAE,MAAM,EAAC,GAAG,iBAAiB,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC;IACtE,MAAM,IAAI,GAAG,MAAM,IAAI,QAAQ,CAAC;IAChC,MAAM,OAAO,GAAG,aAAa,GAAG,CAAC,CAAC;IAElC,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,IAAI,EAAE,OAAO,EAAC,EAAE,SAAS,CAAC,YAC9D,eAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,aAClC,eAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,IAAI,GAAQ,EACzC,cAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,YACvB,OAAO,CAAC,GAAG,CAAC,CAAC,EAAmD,EAAE,CAAC,EAAE,EAAE;4BAA1D,EAAC,IAAI,GAAG,QAAQ,EAAE,SAAS,EAAE,QAAQ,OAAc,EAAT,QAAQ,cAAlD,qBAAmD,CAAD;wBAAS,OAAA,CACrE,KAAC,MAAM,kBAEH,SAAS,EAAE,CAAC,CAAC,QAAQ,EAAE,QAAQ,CAAC,EAChC,IAAI,EAAE,IAAI,IACN,QAAQ,GAHP,CAAC,CAIR,CACL,CAAA;qBAAA,CAAC,GACA,IACJ,GACJ,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import {Button, ButtonProps} from '@gravity-ui/uikit';\n\nimport {useHover} from '../../hooks/useHover';\nimport {useOpenCloseTimer} from '../../hooks/useOpenCloseTimer';\nimport {block} from '../../utils/cn';\n\nimport './Prompt.scss';\n\nconst b = block('prompt');\n\nexport interface PromptProps {\n    // Prompt message\n    text: string;\n    actions: ButtonProps[];\n    // Unix Timestamp in milliseconds when the Prompt opens\n    openTimestamp?: number;\n    // Milliseconds to remain visible\n    openDuration?: number;\n    className?: string;\n    theme?: 'grey' | 'beige' | 'white';\n}\n\n/**\n * Popup that appears with text message and button(s) for given `actions`.\n * Features:\n *  - Automatically disappears after `openDuration` in milliseconds\n *  - `openTimestamp` (`Date.now()`) resets the visible duration\n * @returns {JSX|null}\n */\nexport const Prompt = ({\n    text,\n    actions,\n    className,\n    openTimestamp = 0,\n    openDuration,\n    theme,\n}: PromptProps) => {\n    const [ref, hovering] = useHover<HTMLDivElement>();\n    const {open: isOpen} = useOpenCloseTimer(openTimestamp, openDuration);\n    const open = isOpen || hovering;\n    const mounted = openTimestamp > 0;\n\n    return (\n        <div className={b({theme, open, close: !open, mounted}, className)}>\n            <div className={b('content')} ref={ref}>\n                <span className={b('text')}>{text}</span>\n                <div className={b('actions')}>\n                    {actions.map(({view = 'action', className: btnClass, ...btnProps}, i) => (\n                        <Button\n                            key={i}\n                            className={b('action', btnClass)}\n                            view={view}\n                            {...btnProps}\n                        />\n                    ))}\n                </div>\n            </div>\n        </div>\n    );\n};\n"]}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PromptSignIn.js","sourceRoot":"../../../../src","sources":["components/PromptSignIn/PromptSignIn.tsx"],"names":[],"mappings":";;AAEA,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,4BAAmB;AACxC,OAAO,EAAC,MAAM,EAAc,4BAAyB;AAMrD;;;GAGG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAWT,EAAE,EAAE;QAXK,EACzB,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,EACtC,aAAa,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,EAChD,OAAO,GAAG;QACN;YACI,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;YAC7B,OAAO,EAAE,aAAa;YACtB,IAAI,EAAE,GAAG;SACZ;KACJ,OAEe,EADb,KAAK,cAViB,oCAW5B,CADW;IACa,OAAA,KAAC,MAAM,kBAAM,IAAI,EAAE,OAAO,IAAO,KAAK,EAAI,CAAA;CAAA,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Keyset, i18n} from '../../i18n';\nimport {Prompt, PromptProps} from '../Prompt/Prompt';\n\nexport interface PromptSignInProps extends Partial<PromptProps> {\n    onClickSignIn?: React.EventHandler<React.SyntheticEvent>;\n}\n\n/**\n * Authentication Popup that appears when user action requires login\n * @returns {JSX|null}\n */\nexport const PromptSignIn = ({\n    text = i18n(Keyset.PromptSignInOnLike),\n    onClickSignIn = () => alert(i18n(Keyset.SignIn)),\n    actions = [\n        {\n            children: i18n(Keyset.SignIn),\n            onClick: onClickSignIn,\n            size: 'l',\n        },\n    ],\n    ...props\n}: PromptSignInProps) => <Prompt {...{text, actions}} {...props} />;\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePromptSignInProps.js","sourceRoot":"../../../../../src","sources":["components/PromptSignIn/hooks/usePromptSignInProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,UAAU,oBAAoB,CAAC,aAAwD;IACzF,MAAM,CAAC,aAAa,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACnD,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACrC,OAAO,aAAa;YAChB,CAAC,CAAC,GAAG,EAAE;gBACD,OAAO,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;YACxB,CAAC;YACH,CAAC,CAAC,SAAS,CAAC;IACpB,CAAC,EAAE,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC,CAAC;IAE7B,OAAO,EAAC,aAAa,EAAE,aAAa,EAAE,aAAa,EAAC,CAAC;AACzD,CAAC","sourcesContent":["import * as React from 'react';\n\nexport function usePromptSignInProps(onClickSignIn?: React.EventHandler<React.SyntheticEvent>) {\n    const [openTimestamp, setTime] = React.useState(0);\n    const requireSignIn = React.useMemo(() => {\n        return onClickSignIn\n            ? () => {\n                  setTime(Date.now());\n              }\n            : undefined;\n    }, [onClickSignIn, setTime]);\n\n    return {onClickSignIn, openTimestamp, requireSignIn};\n}\n"]}

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

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

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

@@ -1,11 +1,12 @@
-import React, { useEffect, useMemo, useRef, useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
 import { Icon, TextInput } from '@gravity-ui/uikit';
 import lodashDebounce from 'lodash/debounce';
-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 { 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 './Search.css';
 const b = block('search');
 const SEARCH_ICON_SIZE = 16;
@@ -19,20 +20,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] = useState(initialValue);
-    const inputRef = useRef(null);
+    const [value, setValue] = React.useState(initialValue);
+    const inputRef = React.useRef(null);
     const isIPhone = useIsIPhone();
-    useEffect(() => {
+    React.useEffect(() => {
         if (externalValue !== undefined) {
             setValue(externalValue);
         }
     }, [externalValue]);
-    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 = useMemo(() => {
+    const rightContent = React.useMemo(() => {
         const iconData = value ? Close : SearchIcon;
         const iconSize = value ? CLOSE_ICON_SIZE : SEARCH_ICON_SIZE;
         const handleClick = () => {
@@ -44,14 +45,13 @@ export const Search = ({ className, initialValue, onSubmit, debounce = 300, plac
                 (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
             }
         };
-        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 })));
+        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 }) }));
     }, [handleChange, onSubmit, value]);
-    return (React.createElement("div", { className: b({ size }, className) },
-        React.createElement(TextInput, { className: b('search-suggest'), value: value, onUpdate: (query) => {
+    return (_jsx("div", { className: b({ size }, className), children: _jsx(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 }) }));
+};
+//# sourceMappingURL=Search.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Search.js","sourceRoot":"../../../../src","sources":["components/Search/Search.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,IAAI,EAAE,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAClD,OAAO,cAAc,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAC,WAAW,EAAC,mCAAgC;AACpD,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,4BAAmB;AACxC,OAAO,EAAC,KAAK,EAAC,6BAA0B;AACxC,OAAO,EAAC,UAAU,EAAC,kCAA+B;AAElD,OAAO,EAAC,KAAK,EAAC,0BAAuB;AAErC,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC;AAe1B,MAAM,gBAAgB,GAAG,EAAE,CAAC;AAC5B,MAAM,eAAe,GAAG,EAAE,CAAC;AAC3B,MAAM,iBAAiB,GAAG,CAAC,CAAC;AAE5B;;;;;GAKG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACnB,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,QAAQ,GAAG,GAAG,EACd,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,EACjC,IAAI,GAAG,GAAG,EACV,SAAS,GAAG,KAAK,EACjB,KAAK,EAAE,aAAa,GACV,EAAE,EAAE;IACd,MAAM,YAAY,GAAG,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAExD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,YAAY,CAAC,CAAC;IAC/D,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAmB,IAAI,CAAC,CAAC;IACtD,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,aAAa,KAAK,SAAS,EAAE,CAAC;YAC9B,QAAQ,CAAC,aAAa,CAAC,CAAC;QAC5B,CAAC;IACL,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,SAAS,IAAI,CAAC,QAAQ,EAAE,CAAC;YACzB,UAAU,CAAC,GAAG,EAAE,WAAC,OAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,0CAAE,KAAK,CAAC,EAAC,aAAa,EAAE,IAAI,EAAC,CAAC,CAAA,EAAA,EAAE,iBAAiB,CAAC,CAAC;QACzF,CAAC;IACL,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEpC,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACpC,MAAM,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC;QAC5C,MAAM,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAgB,CAAC;QAE5D,MAAM,WAAW,GAAG,GAAG,EAAE;;YACrB,IAAI,KAAK,EAAE,CAAC;gBACR,YAAY,CAAC,MAAM,EAAE,CAAC;gBACtB,QAAQ,CAAC,EAAE,CAAC,CAAC;gBACb,QAAQ,CAAC,EAAE,CAAC,CAAC;gBACb,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;YAC9B,CAAC;QACL,CAAC,CAAC;QAEF,OAAO,CACH,iBACI,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,EAC1B,OAAO,EAAE,WAAW,gBACR,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,SAAS,iBAC3C,CAAC,KAAK,YAEnB,KAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,GAAI,GACnC,CACZ,CAAC;IACN,CAAC,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC;IAEpC,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAC,EAAE,SAAS,CAAC,YAChC,KAAC,SAAS,IACN,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,EAC9B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAChB,QAAQ,CAAC,KAAK,CAAC,CAAC;gBAChB,YAAY,CAAC,KAAK,CAAC,CAAC;YACxB,CAAC,EACD,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,EAC/B,UAAU,EAAE,QAAQ,EACpB,IAAI,EAAC,OAAO,EACZ,YAAY,EAAE;gBACV,SAAS,EAAE,CAAC,CAAC,wBAAwB,CAAC;aACzC,EACD,UAAU,EAAE,YAAY,GAC1B,GACA,CACT,CAAC;AACN,CAAC,CAAC","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/esm/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";
 import './Wrapper.css';
 type WrapperProps = ClassNameProps & QAProps & {
     paddings?: Paddings;

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

@@ -1,11 +1,12 @@
-import React from 'react';
-import { DEFAULT_PADDINGS } from '../../constants';
-import { block } from '../../utils/cn';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DEFAULT_PADDINGS } from "../../constants.js";
+import { block } from "../../utils/cn.js";
 import './Wrapper.css';
 const b = block('wrapper');
-export const Wrapper = ({ children, paddings = DEFAULT_PADDINGS, className, qa, }) => (React.createElement("section", { className: b({
+export const Wrapper = ({ children, paddings = DEFAULT_PADDINGS, className, qa, }) => (_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));
+    }, className), "data-qa": qa, children: children }));
+//# sourceMappingURL=Wrapper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Wrapper.js","sourceRoot":"../../../../src","sources":["components/Wrapper/Wrapper.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,gBAAgB,EAAC,2BAAwB;AAGjD,OAAO,EAAC,KAAK,EAAC,0BAAuB;AAErC,OAAO,eAAe,CAAC;AAEvB,MAAM,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;AAQ3B,MAAM,CAAC,MAAM,OAAO,GAA0C,CAAC,EAC3D,QAAQ,EACR,QAAQ,GAAG,gBAAgB,EAC3B,SAAS,EACT,EAAE,GACL,EAAE,EAAE,CAAC,CACF,kBACI,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","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/esm/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/esm/constants.js

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

package/build/esm/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"../../src","sources":["constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,kBAAkB,EAAC,6BAA0B;AAE/D,MAAM,CAAC,MAAM,WAAW,GAAG;IACvB,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,OAAO,CAAC;AAErC,MAAM,CAAC,MAAM,gBAAgB,GAAG,QAAQ,CAAC;AACzC,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,gBAAgB,UAAU,aAAa,EAAE,CAAC;AAEpF,MAAM,CAAN,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,KAAd,cAAc,QAiBzB;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAa;IACtC,CAAC,kBAAkB,CAAC,MAAM,CAAC,EAAE,GAAG;IAChC,CAAC,kBAAkB,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/esm/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/esm/constructor/BlogConstructorProvider.js

@@ -1,22 +1,24 @@
-import React, { Fragment } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
 import { AnalyticsContext, ThemeContext, } from '@gravity-ui/page-constructor';
-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';
+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";
 export const BlogConstructorProvider = ({ isMobile, locale = {}, router = {}, theme = DEFAULT_THEME, device = {}, analytics = {}, settings = {}, children, }) => {
     const 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" }),
+        _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"),
     ].reduceRight((prev, provider) => React.cloneElement(provider, {}, prev), children);
-    return React.createElement(Fragment, null, context);
-};
+    return _jsx(React.Fragment, { children: context });
+};
+//# sourceMappingURL=BlogConstructorProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlogConstructorProvider.js","sourceRoot":"../../../src","sources":["constructor/BlogConstructorProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACH,gBAAgB,EAGhB,YAAY,GACf,MAAM,8BAA8B,CAAC;AAEtC,OAAO,EAAC,aAAa,EAAC,wBAAqB;AAC3C,OAAO,EAAC,aAAa,EAAqB,qCAAkC;AAC5E,OAAO,EAAC,aAAa,EAAC,qCAAkC;AACxD,OAAO,EAAC,aAAa,EAAC,qCAAkC;AACxD,OAAO,EAAC,aAAa,EAAqB,qCAAkC;AAC5E,OAAO,EAAC,eAAe,EAAuB,uCAAoC;AAClF,OAAO,EAAC,iBAAiB,EAAiB,+CAA4C;AActF,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EACpC,QAAQ,EACR,MAAM,GAAG,EAAY,EACrB,MAAM,GAAG,EAAwB,EACjC,KAAK,GAAG,aAAa,EACrB,MAAM,GAAG,EAAE,EACX,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,EAAE,EACb,QAAQ,GAC4C,EAAE,EAAE;IACxD,MAAM,OAAO,GAAG;QACZ,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,UAAU,EAAE,KAAK,EAAC,IAAM,eAAe,CAAG;QAC9E,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,KAAK,EAAE,KAAc,EAAC,IAAM,UAAU,CAAG;QACxE,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,MAAM,EAAC,IAAM,gBAAgB,CAAG;QAChE,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,IAAM,gBAAgB,CAAG;QAC9D,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,CAAC,QAAQ,CAAC,IAAM,mBAAmB,CAAG;QAC5E,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,IAAM,gBAAgB,CAAG;QAC9D,KAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,IAAM,kBAAkB,CAAG;QACpE,KAAC,gBAAgB,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,KAAC,KAAK,CAAC,QAAQ,cAAE,OAAO,GAAkB,CAAC;AACtD,CAAC,CAAC","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/esm/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/esm/constructor/blocksMap.js

@@ -1,16 +1,16 @@
-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';
+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";
 const blocks = {
     [BlockType.YFM]: YFM,
     [BlockType.Layout]: Layout,
@@ -27,4 +27,5 @@ const blocks = {
 const headers = {
     [BlockType.Header]: Header,
 };
-export default { blocks, headers };
+export default { blocks, headers };
+//# sourceMappingURL=blocksMap.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"blocksMap.js","sourceRoot":"../../../src","sources":["constructor/blocksMap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAC,mCAAgC;AAC/C,OAAO,EAAC,MAAM,EAAC,mCAAgC;AAC/C,OAAO,EAAC,GAAG,EAAC,6BAA0B;AACtC,OAAO,EAAC,WAAW,EAAC,6CAA0C;AAC9D,OAAO,EAAC,IAAI,EAAC,+BAA4B;AACzC,OAAO,EAAC,IAAI,EAAC,+BAA4B;AACzC,OAAO,EAAC,MAAM,EAAC,mCAAgC;AAC/C,OAAO,EAAC,MAAM,EAAC,mCAAgC;AAC/C,OAAO,EAAC,KAAK,EAAC,iCAA8B;AAC5C,OAAO,EAAC,IAAI,EAAC,+BAA4B;AACzC,OAAO,EAAC,OAAO,EAAC,qCAAkC;AAClD,OAAO,EAAC,GAAG,EAAC,6BAA0B;AACtC,OAAO,EAAC,SAAS,EAAC,4BAAyB;AAE3C,MAAM,MAAM,GAAG;IACX,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,GAAG;IACpB,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,MAAM;IAC1B,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,KAAK;IACxB,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,MAAM;IAC1B,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,GAAG;IACpB,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,WAAW;IACpC,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,MAAM;IAC1B,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,OAAO;IAC5B,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI;IACtB,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI;IACtB,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI;CACzB,CAAC;AAEF,MAAM,OAAO,GAAG;IACZ,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,MAAM;CAC7B,CAAC;AAEF,eAAe,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/esm/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";
 import './BlogPage.css';
 export type BlogPageProps = {
     content: PageContent;
@@ -16,6 +16,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/esm/containers/BlogPage/BlogPage.js

@@ -1,31 +1,28 @@
 import { __rest } from "tslib";
-import React, { useContext, useMemo } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
 import { PageConstructor, PageConstructorProvider, } from '@gravity-ui/page-constructor';
-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 { 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 './BlogPage.css';
 export const BlogPage = ({ content, posts, tags, services, getPosts, metaData, custom, hasLikes = false, toggleLike, navigation, settings, pageCountForShowSupportButtons, isSignedInUser = false, onClickSignIn, }) => {
-    const { isAnimationEnabled } = useContext(SettingsContext);
+    const { isAnimationEnabled } = React.useContext(SettingsContext);
     const _a = usePromptSignInProps(onClickSignIn), { requireSignIn } = _a, promptSignInProps = __rest(_a, ["requireSignIn"]);
-    const likesContextData = useMemo(() => ({ toggleLike, hasLikes, isSignedInUser, requireSignIn }), [toggleLike, hasLikes, isSignedInUser, requireSignIn]);
+    const likesContextData = React.useMemo(() => ({ toggleLike, hasLikes, isSignedInUser, requireSignIn }), [toggleLike, hasLikes, isSignedInUser, requireSignIn]);
     const actualComponentMap = useExtendedComponentMap(custom);
-    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))));
-};
+    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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlogPage.js","sourceRoot":"../../../../src","sources":["containers/BlogPage/BlogPage.tsx"],"names":[],"mappings":";;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAGH,eAAe,EACf,uBAAuB,GAG1B,MAAM,8BAA8B,CAAC;AAEtC,OAAO,EAAC,WAAW,EAAC,oDAAiD;AACrE,OAAO,EAAC,YAAY,EAAC,sDAAmD;AACxE,OAAO,EAAC,oBAAoB,EAAC,oEAAiE;AAC9F,OAAO,EAAC,WAAW,EAAC,sCAAmC;AACvD,OAAO,EAAC,YAAY,EAAC,uCAAoC;AACzD,OAAO,EAAC,uBAAuB,EAAC,+CAA4C;AAS5E,OAAO,EAAC,eAAe,EAAC,0CAAuC;AAE/D,OAAO,gBAAgB,CAAC;AAoBxB,MAAM,CAAC,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,eAAe,CAAC,CAAC;IAC/D,MAAM,KAAwC,oBAAoB,CAAC,aAAa,CAAC,EAA3E,EAAC,aAAa,OAA6D,EAAxD,iBAAiB,cAApC,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,uBAAuB,CAAC,MAAM,CAAC,CAAC;IAE3D,OAAO,CACH,MAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,gBAAgB,aAC1C,KAAC,WAAW,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,MAAC,uBAAuB,oBAChB,QAAQ,IACZ,eAAe,kCAAM,CAAC,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,eAAe,KAAI,EAAE,CAAC,KAAE,kBAAkB,gBAEzE,QAAQ,CAAC,CAAC,CAAC,KAAC,WAAW,oBAAK,QAAQ,EAAI,CAAC,CAAC,CAAC,IAAI,EAChD,KAAC,eAAe,IACZ,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,kBAAkB,EAC1B,UAAU,EAAE,UAAU,GACxB,KACoB,GACP,EACvB,KAAC,YAAY,oBAAK,iBAAiB,EAAI,IACnB,CAC3B,CAAC;AACN,CAAC,CAAC","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/esm/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";
 import './BlogPostPage.css';
 export interface BlogPostPageProps {
     suggestedPosts: PostData[];
@@ -18,6 +18,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;