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

package/build/cjs/hooks/useExtendedComponentMap.d.ts

@@ -1,25 +1,26 @@
+import * as React from 'react';
 import { CustomConfig } from '@gravity-ui/page-constructor';
 export declare const useExtendedComponentMap: (custom: CustomConfig | undefined) => {
     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;
     };
-    subBlocks?: import("@gravity-ui/page-constructor").CustomItems | undefined;
-    navigation?: import("@gravity-ui/page-constructor").CustomItems | undefined;
-    loadable?: import("@gravity-ui/page-constructor").LoadableConfig | undefined;
+    subBlocks?: import("@gravity-ui/page-constructor").CustomItems;
+    navigation?: import("@gravity-ui/page-constructor").CustomItems;
+    loadable?: import("@gravity-ui/page-constructor").LoadableConfig;
     decorators?: {
-        block?: ((props: import("@gravity-ui/page-constructor").BlockDecorationProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>)[] | undefined;
-    } | undefined;
+        block?: ((props: import("@gravity-ui/page-constructor").BlockDecorationProps) => React.ReactElement)[];
+    };
 };

package/build/cjs/hooks/useExtendedComponentMap.js

@@ -2,8 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useExtendedComponentMap = void 0;
 const tslib_1 = require("tslib");
-const react_1 = require("react");
+const React = tslib_1.__importStar(require("react"));
 const page_constructor_1 = require("@gravity-ui/page-constructor");
-const blocksMap_1 = tslib_1.__importDefault(require("../constructor/blocksMap"));
-const useExtendedComponentMap = (custom) => (0, react_1.useMemo)(() => (Object.assign(Object.assign({}, custom), { blocks: Object.assign(Object.assign({}, blocksMap_1.default.blocks), (0, page_constructor_1.getCustomItems)(['blocks'], custom)), headers: Object.assign(Object.assign({}, blocksMap_1.default.headers), (0, page_constructor_1.getCustomItems)(['headers'], custom)) })), [custom]);
-exports.useExtendedComponentMap = useExtendedComponentMap;
+const blocksMap_1 = tslib_1.__importDefault(require("../constructor/blocksMap.js"));
+const useExtendedComponentMap = (custom) => React.useMemo(() => (Object.assign(Object.assign({}, custom), { blocks: Object.assign(Object.assign({}, blocksMap_1.default.blocks), (0, page_constructor_1.getCustomItems)(['blocks'], custom)), headers: Object.assign(Object.assign({}, blocksMap_1.default.headers), (0, page_constructor_1.getCustomItems)(['headers'], custom)) })), [custom]);
+exports.useExtendedComponentMap = useExtendedComponentMap;
+//# sourceMappingURL=useExtendedComponentMap.js.map

package/build/cjs/hooks/useExtendedComponentMap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useExtendedComponentMap.js","sourceRoot":"../../../src","sources":["hooks/useExtendedComponentMap.ts"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,mEAA0E;AAE1E,oFAAoD;AAE7C,MAAM,uBAAuB,GAAG,CAAC,MAAgC,EAAE,EAAE,CACxE,KAAK,CAAC,OAAO,CACT,GAAG,EAAE,CAAC,iCACC,MAAM,KACT,MAAM,kCAAM,mBAAY,CAAC,MAAM,GAAK,IAAA,iCAAc,EAAC,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,GACtE,OAAO,kCAAM,mBAAY,CAAC,OAAO,GAAK,IAAA,iCAAc,EAAC,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC,KAC3E,EACF,CAAC,MAAM,CAAC,CACX,CAAC;AARO,QAAA,uBAAuB,2BAQ9B","sourcesContent":["import * as React from 'react';\n\nimport {CustomConfig, getCustomItems} from '@gravity-ui/page-constructor';\n\nimport componentMap from '../constructor/blocksMap';\n\nexport const useExtendedComponentMap = (custom: CustomConfig | undefined) =>\n    React.useMemo(\n        () => ({\n            ...custom,\n            blocks: {...componentMap.blocks, ...getCustomItems(['blocks'], custom)},\n            headers: {...componentMap.headers, ...getCustomItems(['headers'], custom)},\n        }),\n        [custom],\n    );\n"]}

package/build/cjs/hooks/useHover.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 export declare function useHover<T extends HTMLElement = HTMLElement>(): [
     ref: React.RefObject<T>,
     hovering: boolean

package/build/cjs/hooks/useHover.js

@@ -1,16 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useHover = void 0;
+exports.useHover = useHover;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const React = tslib_1.__importStar(require("react"));
 /*
  * Source code copied from https://github.com/uidotdev/usehooks | MIT License
  * @see https://usehooks.com/usehover
  */
 function useHover() {
-    const [hovering, setHovering] = react_1.default.useState(false);
-    const ref = react_1.default.useRef(null);
-    react_1.default.useEffect(() => {
+    const [hovering, setHovering] = React.useState(false);
+    const ref = React.useRef(null);
+    React.useEffect(() => {
         const node = ref.current;
         if (!node)
             return;
@@ -30,4 +30,4 @@ function useHover() {
     }, []);
     return [ref, hovering];
 }
-exports.useHover = useHover;
+//# sourceMappingURL=useHover.js.map

package/build/cjs/hooks/useHover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHover.js","sourceRoot":"../../../src","sources":["hooks/useHover.ts"],"names":[],"mappings":";;AAMA,4BA+BC;;AArCD,qDAA+B;AAE/B;;;GAGG;AACH,SAAgB,QAAQ;IAIpB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAE/B,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,IAAI,GAAG,GAAG,CAAC,OAAiC,CAAC;QAEnD,IAAI,CAAC,IAAI;YAAE,OAAO;QAElB,MAAM,gBAAgB,GAAG,GAAG,EAAE;YAC1B,WAAW,CAAC,IAAI,CAAC,CAAC;QACtB,CAAC,CAAC;QAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;YAC1B,WAAW,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC,CAAC;QAEF,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,gBAAgB,CAAC,CAAC;QACtD,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,gBAAgB,CAAC,CAAC;QAEtD,6CAA6C;QAC7C,OAAO,GAAG,EAAE;YACR,IAAI,CAAC,mBAAmB,CAAC,YAAY,EAAE,gBAAgB,CAAC,CAAC;YACzD,IAAI,CAAC,mBAAmB,CAAC,YAAY,EAAE,gBAAgB,CAAC,CAAC;QAC7D,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;AAC3B,CAAC","sourcesContent":["import * as React from 'react';\n\n/*\n * Source code copied from https://github.com/uidotdev/usehooks | MIT License\n * @see https://usehooks.com/usehover\n */\nexport function useHover<T extends HTMLElement = HTMLElement>(): [\n    ref: React.RefObject<T>,\n    hovering: boolean,\n] {\n    const [hovering, setHovering] = React.useState(false);\n    const ref = React.useRef(null);\n\n    React.useEffect(() => {\n        const node = ref.current as unknown as HTMLElement;\n\n        if (!node) return;\n\n        const handleMouseEnter = () => {\n            setHovering(true);\n        };\n\n        const handleMouseLeave = () => {\n            setHovering(false);\n        };\n\n        node.addEventListener('mouseenter', handleMouseEnter);\n        node.addEventListener('mouseleave', handleMouseLeave);\n\n        // eslint-disable-next-line consistent-return\n        return () => {\n            node.removeEventListener('mouseenter', handleMouseEnter);\n            node.removeEventListener('mouseleave', handleMouseLeave);\n        };\n    }, []);\n\n    return [ref, hovering];\n}\n"]}

package/build/cjs/hooks/useIsIPhone.js

@@ -1,10 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useIsIPhone = void 0;
-const react_1 = require("react");
-const DeviceContext_1 = require("../contexts/DeviceContext");
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const DeviceContext_1 = require("../contexts/DeviceContext.js");
 const useIsIPhone = () => {
-    const { device } = (0, react_1.useContext)(DeviceContext_1.DeviceContext);
+    const { device } = React.useContext(DeviceContext_1.DeviceContext);
     return (device === null || device === void 0 ? void 0 : device.model) === 'iPhone';
 };
-exports.useIsIPhone = useIsIPhone;
+exports.useIsIPhone = useIsIPhone;
+//# sourceMappingURL=useIsIPhone.js.map

package/build/cjs/hooks/useIsIPhone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsIPhone.js","sourceRoot":"../../../src","sources":["hooks/useIsIPhone.ts"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,gEAAwD;AAEjD,MAAM,WAAW,GAAG,GAAG,EAAE;IAC5B,MAAM,EAAC,MAAM,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,6BAAa,CAAC,CAAC;IAEjD,OAAO,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,MAAK,QAAQ,CAAC;AACtC,CAAC,CAAC;AAJW,QAAA,WAAW,eAItB","sourcesContent":["import * as React from 'react';\n\nimport {DeviceContext} from '../contexts/DeviceContext';\n\nexport const useIsIPhone = () => {\n    const {device} = React.useContext(DeviceContext);\n\n    return device?.model === 'iPhone';\n};\n"]}

package/build/cjs/hooks/useLikes.d.ts

@@ -1,4 +1,4 @@
-import { ToggleLikeCallbackType } from '../models/common';
+import { ToggleLikeCallbackType } from "../models/common.js";
 type UseLikesProps = {
     hasLike?: boolean;
     count?: number;

package/build/cjs/hooks/useLikes.js

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLikes = void 0;
-const react_1 = require("react");
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
 const useLikes = ({ hasLike, count, toggleLikeCallback, postId }) => {
-    const [hasUserLike, setHasUserLike] = (0, react_1.useState)(hasLike !== null && hasLike !== void 0 ? hasLike : false);
-    const [likesCount, setLikesCount] = (0, react_1.useState)(count !== null && count !== void 0 ? count : 0);
-    const handleLike = (0, react_1.useCallback)(() => {
+    const [hasUserLike, setHasUserLike] = React.useState(hasLike !== null && hasLike !== void 0 ? hasLike : false);
+    const [likesCount, setLikesCount] = React.useState(count !== null && count !== void 0 ? count : 0);
+    const handleLike = React.useCallback(() => {
         let newLikesCount = likesCount;
         if (hasUserLike && likesCount > 0) {
             newLikesCount--;
@@ -22,7 +23,7 @@ const useLikes = ({ hasLike, count, toggleLikeCallback, postId }) => {
             });
         }
     }, [hasUserLike, likesCount, postId, toggleLikeCallback]);
-    (0, react_1.useEffect)(() => {
+    React.useEffect(() => {
         setHasUserLike(hasLike !== null && hasLike !== void 0 ? hasLike : false);
         setLikesCount(count !== null && count !== void 0 ? count : 0);
     }, [hasLike, count]);
@@ -32,4 +33,5 @@ const useLikes = ({ hasLike, count, toggleLikeCallback, postId }) => {
         handleLike,
     };
 };
-exports.useLikes = useLikes;
+exports.useLikes = useLikes;
+//# sourceMappingURL=useLikes.js.map

package/build/cjs/hooks/useLikes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLikes.js","sourceRoot":"../../../src","sources":["hooks/useLikes.ts"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAmBxB,MAAM,QAAQ,GAAiB,CAAC,EAAC,OAAO,EAAE,KAAK,EAAE,kBAAkB,EAAE,MAAM,EAAC,EAAE,EAAE;IACnF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,KAAK,CAAC,CAAC;IACvE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,CAAC,CAAC,CAAC;IAE/D,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACtC,IAAI,aAAa,GAAG,UAAU,CAAC;QAE/B,IAAI,WAAW,IAAI,UAAU,GAAG,CAAC,EAAE,CAAC;YAChC,aAAa,EAAE,CAAC;QACpB,CAAC;QAED,IAAI,CAAC,WAAW,EAAE,CAAC;YACf,aAAa,EAAE,CAAC;QACpB,CAAC;QAED,cAAc,CAAC,CAAC,WAAW,CAAC,CAAC;QAC7B,aAAa,CAAC,aAAa,CAAC,CAAC;QAE7B,IAAI,kBAAkB,EAAE,CAAC;YACrB,kBAAkB,CAAC;gBACf,MAAM;gBACN,OAAO,EAAE,CAAC,WAAW;aACxB,CAAC,CAAC;QACP,CAAC;IACL,CAAC,EAAE,CAAC,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAE1D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,cAAc,CAAC,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,KAAK,CAAC,CAAC;QACjC,aAAa,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,CAAC,CAAC,CAAC;IAC9B,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IAErB,OAAO;QACH,UAAU;QACV,WAAW;QACX,UAAU;KACb,CAAC;AACN,CAAC,CAAC;AApCW,QAAA,QAAQ,YAoCnB","sourcesContent":["import * as React from 'react';\n\nimport {ToggleLikeCallbackType} from '../models/common';\n\ntype UseLikesProps = {\n    hasLike?: boolean;\n    count?: number;\n    postId?: number | string;\n    toggleLikeCallback?: ToggleLikeCallbackType;\n};\n\ntype UseLikeData = {\n    likesCount: number;\n    hasUserLike: boolean;\n    handleLike: () => void;\n};\n\ntype UseLikesType = (props: UseLikesProps) => UseLikeData;\n\nexport const useLikes: UseLikesType = ({hasLike, count, toggleLikeCallback, postId}) => {\n    const [hasUserLike, setHasUserLike] = React.useState(hasLike ?? false);\n    const [likesCount, setLikesCount] = React.useState(count ?? 0);\n\n    const handleLike = React.useCallback(() => {\n        let newLikesCount = likesCount;\n\n        if (hasUserLike && likesCount > 0) {\n            newLikesCount--;\n        }\n\n        if (!hasUserLike) {\n            newLikesCount++;\n        }\n\n        setHasUserLike(!hasUserLike);\n        setLikesCount(newLikesCount);\n\n        if (toggleLikeCallback) {\n            toggleLikeCallback({\n                postId,\n                hasLike: !hasUserLike,\n            });\n        }\n    }, [hasUserLike, likesCount, postId, toggleLikeCallback]);\n\n    React.useEffect(() => {\n        setHasUserLike(hasLike ?? false);\n        setLikesCount(count ?? 0);\n    }, [hasLike, count]);\n\n    return {\n        likesCount,\n        hasUserLike,\n        handleLike,\n    };\n};\n"]}

package/build/cjs/hooks/useOpenCloseTimer.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useOpenCloseTimer = void 0;
-const react_1 = require("react");
+exports.useOpenCloseTimer = useOpenCloseTimer;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
 /**
  * Timer to automatically update `open` state after a given duration
  * @param {number} openTimestamp - UNIX timestamp in milliseconds
@@ -10,8 +11,8 @@ const react_1 = require("react");
  */
 function useOpenCloseTimer(openTimestamp = Date.now(), openDuration = 4000) {
     const open = Date.now() - openTimestamp < openDuration;
-    const [, reset] = (0, react_1.useState)(0); // time to reset `open` state
-    (0, react_1.useEffect)(() => {
+    const [, reset] = React.useState(0); // time to reset `open` state
+    React.useEffect(() => {
         const closeTime = openTimestamp + openDuration;
         const delay = closeTime - Date.now();
         if (delay <= 0) {
@@ -27,4 +28,4 @@ function useOpenCloseTimer(openTimestamp = Date.now(), openDuration = 4000) {
     }, [openTimestamp, openDuration]);
     return { open };
 }
-exports.useOpenCloseTimer = useOpenCloseTimer;
+//# sourceMappingURL=useOpenCloseTimer.js.map

package/build/cjs/hooks/useOpenCloseTimer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOpenCloseTimer.js","sourceRoot":"../../../src","sources":["hooks/useOpenCloseTimer.ts"],"names":[],"mappings":";;AAQA,8CAuBC;;AA/BD,qDAA+B;AAE/B;;;;;GAKG;AACH,SAAgB,iBAAiB,CAAC,aAAa,GAAG,IAAI,CAAC,GAAG,EAAE,EAAE,YAAY,GAAG,IAAI;IAC7E,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG,aAAa,GAAG,YAAY,CAAC;IACvD,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,6BAA6B;IAElE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,SAAS,GAAG,aAAa,GAAG,YAAY,CAAC;QAC/C,MAAM,KAAK,GAAG,SAAS,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;QAErC,IAAI,KAAK,IAAI,CAAC,EAAE,CAAC;YACb,OAAO;QACX,CAAC;QAED,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;YAC1B,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACpB,CAAC,EAAE,KAAK,CAAC,CAAC;QAEV,6CAA6C;QAC7C,OAAO,GAAG,EAAE;YACR,YAAY,CAAC,KAAK,CAAC,CAAC;QACxB,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC,CAAC;IAElC,OAAO,EAAC,IAAI,EAAC,CAAC;AAClB,CAAC","sourcesContent":["import * as React from 'react';\n\n/**\n * Timer to automatically update `open` state after a given duration\n * @param {number} openTimestamp - UNIX timestamp in milliseconds\n * @param {number} openDuration - in milliseconds\n * @returns {{open: boolean}} {open} - whether the state is open\n */\nexport function useOpenCloseTimer(openTimestamp = Date.now(), openDuration = 4000) {\n    const open = Date.now() - openTimestamp < openDuration;\n    const [, reset] = React.useState(0); // time to reset `open` state\n\n    React.useEffect(() => {\n        const closeTime = openTimestamp + openDuration;\n        const delay = closeTime - Date.now();\n\n        if (delay <= 0) {\n            return;\n        }\n\n        const timer = setTimeout(() => {\n            reset(Date.now);\n        }, delay);\n\n        // eslint-disable-next-line consistent-return\n        return () => {\n            clearTimeout(timer);\n        };\n    }, [openTimestamp, openDuration]);\n\n    return {open};\n}\n"]}

package/build/cjs/i18n/index.d.ts

@@ -21,4 +21,8 @@ export declare enum Keyset {
     Save = "save",
     ClearAction = "clear_action"
 }
-export declare const i18n: (key: Keyset, params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export declare const i18n: ((key: Keyset, params?: import("@gravity-ui/i18n").Params) => string) & {
+    keysetData: {
+        blog: Record<Keyset, import("@gravity-ui/i18n").KeyData>;
+    };
+};

package/build/cjs/i18n/index.js

@@ -26,7 +26,7 @@ var Keyset;
     Keyset["SignIn"] = "Sign In";
     Keyset["Save"] = "save";
     Keyset["ClearAction"] = "clear_action";
-})(Keyset = exports.Keyset || (exports.Keyset = {}));
+})(Keyset || (exports.Keyset = Keyset = {}));
 const en = {
     [Keyset.Title]: 'Blog',
     [Keyset.TitleBreadcrumbs]: 'Blog',
@@ -81,4 +81,5 @@ const ru = {
     [Keyset.Save]: 'Сохранить',
     [Keyset.ClearAction]: 'Очистить',
 };
-exports.i18n = (0, i18n_1.addComponentKeysets)({ en, ru }, NAMESPACE);
+exports.i18n = (0, i18n_1.addComponentKeysets)({ en, ru }, NAMESPACE);
+//# sourceMappingURL=index.js.map

package/build/cjs/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["i18n/index.ts"],"names":[],"mappings":"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","sourcesContent":["import {addComponentKeysets} from '@gravity-ui/uikit/i18n';\n\nconst NAMESPACE = 'blog';\n\nexport enum Keyset {\n    Title = 'title',\n    TitleBreadcrumbs = 'title_breadcrumbs',\n    TitleSuggest = 'title_suggest',\n    ActionShare = 'action_share',\n    ContextReadingTime = 'context_reading_time',\n    ActionTryAgain = 'action_try_again',\n    ActionLoadMore = 'action_load_more',\n    ErrorTitle = 'error_title',\n    PostLoadError = 'post_load_error',\n    TitleEmptyContainer = 'title_empty_container',\n    ContextEmptyContainer = 'context_empty_container',\n    ButtonBegin = 'button_begin',\n    ButtonFarther = 'button_farther',\n    Search = 'search_placeholder',\n    AllTags = 'label_all_tags',\n    ActionSavedOnly = 'action_saved_only',\n    AllServices = 'label_all_services',\n    PromptSignInOnLike = 'prompt_sign_in_on_like',\n    SignIn = 'Sign In',\n    Save = 'save',\n    ClearAction = 'clear_action',\n}\n\nconst en = {\n    [Keyset.Title]: 'Blog',\n    [Keyset.TitleBreadcrumbs]: 'Blog',\n    [Keyset.TitleSuggest]: 'See also',\n    [Keyset.ActionShare]: 'Share',\n    [Keyset.ActionTryAgain]: 'Try again',\n    [Keyset.ActionLoadMore]: 'See more',\n    [Keyset.ErrorTitle]: 'Error',\n    [Keyset.PostLoadError]: \"Posts didn't load\",\n    [Keyset.TitleEmptyContainer]: \"Looks like we haven't written about that yet\",\n    [Keyset.ContextEmptyContainer]: 'Try different spellings or other keywords',\n    [Keyset.ButtonBegin]: 'Back to top',\n    [Keyset.ButtonFarther]: 'Load more',\n    [Keyset.Search]: 'Search',\n    [Keyset.AllTags]: 'All topics',\n    [Keyset.ActionSavedOnly]: 'Saved',\n    [Keyset.AllServices]: 'All Services',\n    [Keyset.PromptSignInOnLike]: 'Sign in to save this post',\n    [Keyset.ContextReadingTime]: [\n        '{{count}} min to read',\n        '{{count}} mins to read',\n        '{{count}} mins to read',\n    ],\n    [Keyset.SignIn]: 'Sign In',\n    [Keyset.Save]: 'Save',\n    [Keyset.ClearAction]: 'Clear',\n};\n\nconst ru = {\n    [Keyset.Title]: 'Блог',\n    [Keyset.TitleBreadcrumbs]: 'Блог',\n    [Keyset.TitleSuggest]: 'Читать также',\n    [Keyset.ActionShare]: 'Поделиться',\n    [Keyset.ActionTryAgain]: 'Попробуйте ещё раз',\n    [Keyset.ActionLoadMore]: 'Показать ещё',\n    [Keyset.ErrorTitle]: 'Произошла ошибка',\n    [Keyset.PostLoadError]: 'Посты не загрузились',\n    [Keyset.TitleEmptyContainer]: 'Возможно, мы об этом ещё не написали',\n    [Keyset.ContextEmptyContainer]:\n        'Пожалуйста, проверьте правильность написания или попробуйте другие ключевые слова',\n    [Keyset.ButtonBegin]: 'В начало',\n    [Keyset.ButtonFarther]: 'Дальше',\n    [Keyset.Search]: 'Поиск',\n    [Keyset.AllTags]: 'Все темы',\n    [Keyset.ActionSavedOnly]: 'Сохранённые',\n    [Keyset.AllServices]: 'Все сервисы',\n    [Keyset.PromptSignInOnLike]: 'Войдите, чтобы сохранить пост',\n    [Keyset.ContextReadingTime]: [\n        '{{count}} минута чтения',\n        '{{count}} минуты чтения',\n        '{{count}} минут чтения',\n    ],\n    [Keyset.SignIn]: 'Войти',\n    [Keyset.Save]: 'Сохранить',\n    [Keyset.ClearAction]: 'Очистить',\n};\n\nexport const i18n = addComponentKeysets({en, ru}, NAMESPACE);\n"]}

package/build/cjs/icons/Close.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
-export declare const Close: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;
+import * as React from 'react';
+export declare const Close: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/build/cjs/icons/Close.js

@@ -1,9 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Close = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const svg_1 = require("../utils/svg");
-const Close = (props) => (react_1.default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "currentColor" }, svg_1.a11yHiddenSvgProps, props),
-    react_1.default.createElement("path", { d: "M10 0.7L9.3 0L5 4.3L0.7 0L0 0.7L4.3 5L0 9.3L0.7 10L5 5.7L9.3 10L10 9.3L5.7 5L10 0.7Z", fill: "currentColor" })));
-exports.Close = Close;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const svg_1 = require("../utils/svg.js");
+const Close = (props) => ((0, jsx_runtime_1.jsx)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "currentColor" }, svg_1.a11yHiddenSvgProps, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M10 0.7L9.3 0L5 4.3L0.7 0L0 0.7L4.3 5L0 9.3L0.7 10L5 5.7L9.3 10L10 9.3L5.7 5L10 0.7Z", fill: "currentColor" }) })));
+exports.Close = Close;
+//# sourceMappingURL=Close.js.map

package/build/cjs/icons/Close.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Close.js","sourceRoot":"../../../src","sources":["icons/Close.tsx"],"names":[],"mappings":";;;;AAEA,yCAAgD;AAEzC,MAAM,KAAK,GAAG,CAAC,KAAoC,EAAE,EAAE,CAAC,CAC3D,8CACI,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,IACf,wBAAkB,EAClB,KAAK,cAET,iCACI,CAAC,EAAC,sFAAsF,EACxF,IAAI,EAAC,cAAc,GACrB,IACA,CACT,CAAC;AAfW,QAAA,KAAK,SAehB","sourcesContent":["import * as React from 'react';\n\nimport {a11yHiddenSvgProps} from '../utils/svg';\n\nexport const Close = (props: React.SVGProps<SVGSVGElement>) => (\n    <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"10\"\n        height=\"10\"\n        viewBox=\"0 0 10 10\"\n        fill=\"currentColor\"\n        {...a11yHiddenSvgProps}\n        {...props}\n    >\n        <path\n            d=\"M10 0.7L9.3 0L5 4.3L0.7 0L0 0.7L4.3 5L0 9.3L0.7 10L5 5.7L9.3 10L10 9.3L5.7 5L10 0.7Z\"\n            fill=\"currentColor\"\n        />\n    </svg>\n);\n"]}

package/build/cjs/icons/DropdownArrow.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
-export declare const DropdownArrow: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;
+import * as React from 'react';
+export declare const DropdownArrow: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/build/cjs/icons/DropdownArrow.js

@@ -1,9 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DropdownArrow = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const svg_1 = require("../utils/svg");
-const DropdownArrow = (props) => (react_1.default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: "16", height: "16", fill: "currentColor" }, svg_1.a11yHiddenSvgProps, props),
-    react_1.default.createElement("path", { d: "M3.50172 5.44253C3.19384 5.16544 2.71962 5.19039 2.44253 5.49828C2.16544 5.80616 2.19039 6.28038 2.49828 6.55747L3.50172 5.44253ZM8 10.5L7.49828 11.0575C7.7835 11.3142 8.2165 11.3142 8.50172 11.0575L8 10.5ZM13.5017 6.55747C13.8096 6.28038 13.8346 5.80616 13.5575 5.49828C13.2804 5.19039 12.8062 5.16544 12.4983 5.44253L13.5017 6.55747ZM2.49828 6.55747L7.49828 11.0575L8.50172 9.94253L3.50172 5.44253L2.49828 6.55747ZM8.50172 11.0575L13.5017 6.55747L12.4983 5.44253L7.49828 9.94253L8.50172 11.0575Z" })));
-exports.DropdownArrow = DropdownArrow;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const svg_1 = require("../utils/svg.js");
+const DropdownArrow = (props) => ((0, jsx_runtime_1.jsx)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: "16", height: "16", fill: "currentColor" }, svg_1.a11yHiddenSvgProps, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M3.50172 5.44253C3.19384 5.16544 2.71962 5.19039 2.44253 5.49828C2.16544 5.80616 2.19039 6.28038 2.49828 6.55747L3.50172 5.44253ZM8 10.5L7.49828 11.0575C7.7835 11.3142 8.2165 11.3142 8.50172 11.0575L8 10.5ZM13.5017 6.55747C13.8096 6.28038 13.8346 5.80616 13.5575 5.49828C13.2804 5.19039 12.8062 5.16544 12.4983 5.44253L13.5017 6.55747ZM2.49828 6.55747L7.49828 11.0575L8.50172 9.94253L3.50172 5.44253L2.49828 6.55747ZM8.50172 11.0575L13.5017 6.55747L12.4983 5.44253L7.49828 9.94253L8.50172 11.0575Z" }) })));
+exports.DropdownArrow = DropdownArrow;
+//# sourceMappingURL=DropdownArrow.js.map

package/build/cjs/icons/DropdownArrow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownArrow.js","sourceRoot":"../../../src","sources":["icons/DropdownArrow.tsx"],"names":[],"mappings":";;;;AAEA,yCAAgD;AAEzC,MAAM,aAAa,GAAG,CAAC,KAAoC,EAAE,EAAE,CAAC,CACnE,8CACI,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,cAAc,IACf,wBAAkB,EAClB,KAAK,cAET,iCAAM,CAAC,EAAC,mfAAmf,GAAG,IAC5f,CACT,CAAC;AAZW,QAAA,aAAa,iBAYxB","sourcesContent":["import * as React from 'react';\n\nimport {a11yHiddenSvgProps} from '../utils/svg';\n\nexport const DropdownArrow = (props: React.SVGProps<SVGSVGElement>) => (\n    <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 16 16\"\n        width=\"16\"\n        height=\"16\"\n        fill=\"currentColor\"\n        {...a11yHiddenSvgProps}\n        {...props}\n    >\n        <path d=\"M3.50172 5.44253C3.19384 5.16544 2.71962 5.19039 2.44253 5.49828C2.16544 5.80616 2.19039 6.28038 2.49828 6.55747L3.50172 5.44253ZM8 10.5L7.49828 11.0575C7.7835 11.3142 8.2165 11.3142 8.50172 11.0575L8 10.5ZM13.5017 6.55747C13.8096 6.28038 13.8346 5.80616 13.5575 5.49828C13.2804 5.19039 12.8062 5.16544 12.4983 5.44253L13.5017 6.55747ZM2.49828 6.55747L7.49828 11.0575L8.50172 9.94253L3.50172 5.44253L2.49828 6.55747ZM8.50172 11.0575L13.5017 6.55747L12.4983 5.44253L7.49828 9.94253L8.50172 11.0575Z\" />\n    </svg>\n);\n"]}

package/build/cjs/icons/Save.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
-export declare const Save: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;
+import * as React from 'react';
+export declare const Save: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/build/cjs/icons/Save.js

@@ -1,9 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Save = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const svg_1 = require("../utils/svg");
-const Save = (props) => (react_1.default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor" }, svg_1.a11yHiddenSvgProps, props),
-    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13 3H3v9.6l3.445-2.94.028-.022a2.624 2.624 0 0 1 3.054 0l.028.021L13 12.6V3Zm1.357-1.614A1.593 1.593 0 0 1 15 2.655v10.547c0 .678-.416 1.218-.841 1.499-.417.275-1.24.517-1.898-.103L8.32 11.234a.64.64 0 0 0-.64 0l-3.942 3.364c-.58.546-1.348.461-1.838.18a1.808 1.808 0 0 1-.9-1.576V2.786C1 2.055 1.515 1 2.667 1H13.2c.405 0 .822.13 1.157.386Z" })));
-exports.Save = Save;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const svg_1 = require("../utils/svg.js");
+const Save = (props) => ((0, jsx_runtime_1.jsx)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor" }, svg_1.a11yHiddenSvgProps, props, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13 3H3v9.6l3.445-2.94.028-.022a2.624 2.624 0 0 1 3.054 0l.028.021L13 12.6V3Zm1.357-1.614A1.593 1.593 0 0 1 15 2.655v10.547c0 .678-.416 1.218-.841 1.499-.417.275-1.24.517-1.898-.103L8.32 11.234a.64.64 0 0 0-.64 0l-3.942 3.364c-.58.546-1.348.461-1.838.18a1.808 1.808 0 0 1-.9-1.576V2.786C1 2.055 1.515 1 2.667 1H13.2c.405 0 .822.13 1.157.386Z" }) })));
+exports.Save = Save;
+//# sourceMappingURL=Save.js.map

package/build/cjs/icons/Save.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Save.js","sourceRoot":"../../../src","sources":["icons/Save.tsx"],"names":[],"mappings":";;;;AAEA,yCAAgD;AAEzC,MAAM,IAAI,GAAG,CAAC,KAAoC,EAAE,EAAE,CAAC,CAC1D,8CACI,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,IACf,wBAAkB,EAClB,KAAK,cAET,iCACI,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,uVAAuV,GAC3V,IACA,CACT,CAAC;AAhBW,QAAA,IAAI,QAgBf","sourcesContent":["import * as React from 'react';\n\nimport {a11yHiddenSvgProps} from '../utils/svg';\n\nexport const Save = (props: React.SVGProps<SVGSVGElement>) => (\n    <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"16\"\n        height=\"16\"\n        viewBox=\"0 0 16 16\"\n        fill=\"currentColor\"\n        {...a11yHiddenSvgProps}\n        {...props}\n    >\n        <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M13 3H3v9.6l3.445-2.94.028-.022a2.624 2.624 0 0 1 3.054 0l.028.021L13 12.6V3Zm1.357-1.614A1.593 1.593 0 0 1 15 2.655v10.547c0 .678-.416 1.218-.841 1.499-.417.275-1.24.517-1.898-.103L8.32 11.234a.64.64 0 0 0-.64 0l-3.942 3.364c-.58.546-1.348.461-1.838.18a1.808 1.808 0 0 1-.9-1.576V2.786C1 2.055 1.515 1 2.667 1H13.2c.405 0 .822.13 1.157.386Z\"\n        />\n    </svg>\n);\n"]}

package/build/cjs/icons/SaveFilled.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
-export declare const SaveFilled: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;
+import * as React from 'react';
+export declare const SaveFilled: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/build/cjs/icons/SaveFilled.js

@@ -1,9 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SaveFilled = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const svg_1 = require("../utils/svg");
-const SaveFilled = (props) => (react_1.default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor" }, svg_1.a11yHiddenSvgProps, props),
-    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.357 1.386A1.593 1.593 0 0 1 15 2.655v10.547c0 .678-.416 1.218-.841 1.499-.417.275-1.24.517-1.898-.103L8.32 11.234a.64.64 0 0 0-.64 0l-3.942 3.364c-.58.546-1.348.461-1.838.18a1.808 1.808 0 0 1-.9-1.576V2.786C1 2.055 1.515 1 2.667 1H13.2c.405 0 .822.13 1.157.386Z" })));
-exports.SaveFilled = SaveFilled;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const svg_1 = require("../utils/svg.js");
+const SaveFilled = (props) => ((0, jsx_runtime_1.jsx)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor" }, svg_1.a11yHiddenSvgProps, props, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.357 1.386A1.593 1.593 0 0 1 15 2.655v10.547c0 .678-.416 1.218-.841 1.499-.417.275-1.24.517-1.898-.103L8.32 11.234a.64.64 0 0 0-.64 0l-3.942 3.364c-.58.546-1.348.461-1.838.18a1.808 1.808 0 0 1-.9-1.576V2.786C1 2.055 1.515 1 2.667 1H13.2c.405 0 .822.13 1.157.386Z" }) })));
+exports.SaveFilled = SaveFilled;
+//# sourceMappingURL=SaveFilled.js.map

package/build/cjs/icons/SaveFilled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SaveFilled.js","sourceRoot":"../../../src","sources":["icons/SaveFilled.tsx"],"names":[],"mappings":";;;;AAEA,yCAAgD;AAEzC,MAAM,UAAU,GAAG,CAAC,KAAoC,EAAE,EAAE,CAAC,CAChE,8CACI,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,IACf,wBAAkB,EAClB,KAAK,cAET,iCACI,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,2QAA2Q,GAC/Q,IACA,CACT,CAAC;AAhBW,QAAA,UAAU,cAgBrB","sourcesContent":["import * as React from 'react';\n\nimport {a11yHiddenSvgProps} from '../utils/svg';\n\nexport const SaveFilled = (props: React.SVGProps<SVGSVGElement>) => (\n    <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"16\"\n        height=\"16\"\n        viewBox=\"0 0 16 16\"\n        fill=\"currentColor\"\n        {...a11yHiddenSvgProps}\n        {...props}\n    >\n        <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M14.357 1.386A1.593 1.593 0 0 1 15 2.655v10.547c0 .678-.416 1.218-.841 1.499-.417.275-1.24.517-1.898-.103L8.32 11.234a.64.64 0 0 0-.64 0l-3.942 3.364c-.58.546-1.348.461-1.838.18a1.808 1.808 0 0 1-.9-1.576V2.786C1 2.055 1.515 1 2.667 1H13.2c.405 0 .822.13 1.157.386Z\"\n        />\n    </svg>\n);\n"]}

package/build/cjs/icons/SearchIcon.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
-export declare const SearchIcon: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;
+import * as React from 'react';
+export declare const SearchIcon: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/build/cjs/icons/SearchIcon.js

@@ -1,9 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SearchIcon = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const svg_1 = require("../utils/svg");
-const SearchIcon = (props) => (react_1.default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, svg_1.a11yHiddenSvgProps, props),
-    react_1.default.createElement("path", { d: "M9.532 9.539A5 5 0 1 0 2.468 2.46a5 5 0 0 0 7.064 7.08zm0 0L15 15", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", vectorEffect: "non-scaling-stroke" })));
-exports.SearchIcon = SearchIcon;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const svg_1 = require("../utils/svg.js");
+const SearchIcon = (props) => ((0, jsx_runtime_1.jsx)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, svg_1.a11yHiddenSvgProps, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M9.532 9.539A5 5 0 1 0 2.468 2.46a5 5 0 0 0 7.064 7.08zm0 0L15 15", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", vectorEffect: "non-scaling-stroke" }) })));
+exports.SearchIcon = SearchIcon;
+//# sourceMappingURL=SearchIcon.js.map

package/build/cjs/icons/SearchIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchIcon.js","sourceRoot":"../../../src","sources":["icons/SearchIcon.tsx"],"names":[],"mappings":";;;;AAEA,yCAAgD;AAEzC,MAAM,UAAU,GAAG,CAAC,KAAoC,EAAE,EAAE,CAAC,CAChE,8CACI,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,IACP,wBAAkB,EAClB,KAAK,cAET,iCACI,CAAC,EAAC,mEAAmE,EACrE,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,YAAY,EAAC,oBAAoB,GACnC,IACA,CACT,CAAC;AAlBW,QAAA,UAAU,cAkBrB","sourcesContent":["import * as React from 'react';\n\nimport {a11yHiddenSvgProps} from '../utils/svg';\n\nexport const SearchIcon = (props: React.SVGProps<SVGSVGElement>) => (\n    <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"16\"\n        height=\"16\"\n        viewBox=\"0 0 16 16\"\n        fill=\"none\"\n        {...a11yHiddenSvgProps}\n        {...props}\n    >\n        <path\n            d=\"M9.532 9.539A5 5 0 1 0 2.468 2.46a5 5 0 0 0 7.064 7.08zm0 0L15 15\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            vectorEffect=\"non-scaling-stroke\"\n        />\n    </svg>\n);\n"]}

package/build/cjs/icons/ShareArrowUp.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
-export declare const ShareArrowUp: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;
+import * as React from 'react';
+export declare const ShareArrowUp: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/build/cjs/icons/ShareArrowUp.js

@@ -1,9 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ShareArrowUp = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const svg_1 = require("../utils/svg");
-const ShareArrowUp = (props) => (react_1.default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor" }, svg_1.a11yHiddenSvgProps, props),
-    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.798 3.16a.5.5 0 0 0 .363.842H7V9a1 1 0 0 0 2 0V4.002h1.839a.5.5 0 0 0 .363-.844L8.363.156a.5.5 0 0 0-.726 0l-2.84 3.002.001.001ZM13 7a1 1 0 0 1 2 0v6.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 13.5V7a1 1 0 0 1 2 0v6h10V7Z" })));
-exports.ShareArrowUp = ShareArrowUp;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const svg_1 = require("../utils/svg.js");
+const ShareArrowUp = (props) => ((0, jsx_runtime_1.jsx)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor" }, svg_1.a11yHiddenSvgProps, props, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.798 3.16a.5.5 0 0 0 .363.842H7V9a1 1 0 0 0 2 0V4.002h1.839a.5.5 0 0 0 .363-.844L8.363.156a.5.5 0 0 0-.726 0l-2.84 3.002.001.001ZM13 7a1 1 0 0 1 2 0v6.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 13.5V7a1 1 0 0 1 2 0v6h10V7Z" }) })));
+exports.ShareArrowUp = ShareArrowUp;
+//# sourceMappingURL=ShareArrowUp.js.map

package/build/cjs/icons/ShareArrowUp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShareArrowUp.js","sourceRoot":"../../../src","sources":["icons/ShareArrowUp.tsx"],"names":[],"mappings":";;;;AAEA,yCAAgD;AAEzC,MAAM,YAAY,GAAG,CAAC,KAAoC,EAAE,EAAE,CAAC,CAClE,8CACI,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,IACf,wBAAkB,EAClB,KAAK,cAET,iCACI,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mOAAmO,GACvO,IACA,CACT,CAAC;AAhBW,QAAA,YAAY,gBAgBvB","sourcesContent":["import * as React from 'react';\n\nimport {a11yHiddenSvgProps} from '../utils/svg';\n\nexport const ShareArrowUp = (props: React.SVGProps<SVGSVGElement>) => (\n    <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"16\"\n        height=\"16\"\n        viewBox=\"0 0 16 16\"\n        fill=\"currentColor\"\n        {...a11yHiddenSvgProps}\n        {...props}\n    >\n        <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M4.798 3.16a.5.5 0 0 0 .363.842H7V9a1 1 0 0 0 2 0V4.002h1.839a.5.5 0 0 0 .363-.844L8.363.156a.5.5 0 0 0-.726 0l-2.84 3.002.001.001ZM13 7a1 1 0 0 1 2 0v6.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 13.5V7a1 1 0 0 1 2 0v6h10V7Z\"\n        />\n    </svg>\n);\n"]}

package/build/cjs/icons/Time.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
-export declare const Time: (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;
+import * as React from 'react';
+export declare const Time: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/build/cjs/icons/Time.js

@@ -1,9 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Time = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const svg_1 = require("../utils/svg");
-const Time = (props) => (react_1.default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "17", viewBox: "0 0 16 17", fill: "currentColor" }, svg_1.a11yHiddenSvgProps, props),
-    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 16.004a8 8 0 1 1 0-16 8 8 0 0 1 0 16Zm0-2a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm3.357-3.736a1 1 0 0 0-.342-1.372L9 7.688V5.004a1 1 0 0 0-2 0v3.25a1 1 0 0 0 .486.857l2.5 1.5a1 1 0 0 0 1.371-.343Z" })));
-exports.Time = Time;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const svg_1 = require("../utils/svg.js");
+const Time = (props) => ((0, jsx_runtime_1.jsx)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "17", viewBox: "0 0 16 17", fill: "currentColor" }, svg_1.a11yHiddenSvgProps, props, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 16.004a8 8 0 1 1 0-16 8 8 0 0 1 0 16Zm0-2a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm3.357-3.736a1 1 0 0 0-.342-1.372L9 7.688V5.004a1 1 0 0 0-2 0v3.25a1 1 0 0 0 .486.857l2.5 1.5a1 1 0 0 0 1.371-.343Z" }) })));
+exports.Time = Time;
+//# sourceMappingURL=Time.js.map

package/build/cjs/icons/Time.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Time.js","sourceRoot":"../../../src","sources":["icons/Time.tsx"],"names":[],"mappings":";;;;AAEA,yCAAgD;AAEzC,MAAM,IAAI,GAAG,CAAC,KAAoC,EAAE,EAAE,CAAC,CAC1D,8CACI,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,IACf,wBAAkB,EAClB,KAAK,cAET,iCACI,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gMAAgM,GACpM,IACA,CACT,CAAC;AAhBW,QAAA,IAAI,QAgBf","sourcesContent":["import * as React from 'react';\n\nimport {a11yHiddenSvgProps} from '../utils/svg';\n\nexport const Time = (props: React.SVGProps<SVGSVGElement>) => (\n    <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"16\"\n        height=\"17\"\n        viewBox=\"0 0 16 17\"\n        fill=\"currentColor\"\n        {...a11yHiddenSvgProps}\n        {...props}\n    >\n        <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M8 16.004a8 8 0 1 1 0-16 8 8 0 0 1 0 16Zm0-2a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm3.357-3.736a1 1 0 0 0-.342-1.372L9 7.688V5.004a1 1 0 0 0-2 0v3.25a1 1 0 0 0 .486.857l2.5 1.5a1 1 0 0 0 1.371-.343Z\"\n        />\n    </svg>\n);\n"]}

package/build/cjs/index.d.ts

@@ -1,7 +1,8 @@
-export { BlogConstructorProvider } from './constructor/BlogConstructorProvider';
-export { BlogPostPage } from './containers/BlogPostPage/BlogPostPage';
-export { BlogPage } from './containers/BlogPage/BlogPage';
-export * from './models/common';
-export * from './models/locale';
-export * from './schema';
-export { BREAKPOINTS } from './constants';
+export { BlogConstructorProvider } from "./constructor/BlogConstructorProvider.js";
+export { BlogPostPage } from "./containers/BlogPostPage/BlogPostPage.js";
+export { BlogPage } from "./containers/BlogPage/BlogPage.js";
+export * from "./models/common.js";
+export * from "./models/locale.js";
+export * from "./schema/index.js";
+export { BREAKPOINTS } from "./constants.js";
+export * from "./utils/index.js";

package/build/cjs/index.js

@@ -2,14 +2,16 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BREAKPOINTS = exports.BlogPage = exports.BlogPostPage = exports.BlogConstructorProvider = void 0;
 const tslib_1 = require("tslib");
-var BlogConstructorProvider_1 = require("./constructor/BlogConstructorProvider");
+var BlogConstructorProvider_1 = require("./constructor/BlogConstructorProvider.js");
 Object.defineProperty(exports, "BlogConstructorProvider", { enumerable: true, get: function () { return BlogConstructorProvider_1.BlogConstructorProvider; } });
-var BlogPostPage_1 = require("./containers/BlogPostPage/BlogPostPage");
+var BlogPostPage_1 = require("./containers/BlogPostPage/BlogPostPage.js");
 Object.defineProperty(exports, "BlogPostPage", { enumerable: true, get: function () { return BlogPostPage_1.BlogPostPage; } });
-var BlogPage_1 = require("./containers/BlogPage/BlogPage");
+var BlogPage_1 = require("./containers/BlogPage/BlogPage.js");
 Object.defineProperty(exports, "BlogPage", { enumerable: true, get: function () { return BlogPage_1.BlogPage; } });
-tslib_1.__exportStar(require("./models/common"), exports);
-tslib_1.__exportStar(require("./models/locale"), exports);
-tslib_1.__exportStar(require("./schema"), exports);
-var constants_1 = require("./constants");
-Object.defineProperty(exports, "BREAKPOINTS", { enumerable: true, get: function () { return constants_1.BREAKPOINTS; } });
+tslib_1.__exportStar(require("./models/common.js"), exports);
+tslib_1.__exportStar(require("./models/locale.js"), exports);
+tslib_1.__exportStar(require("./schema/index.js"), exports);
+var constants_1 = require("./constants.js");
+Object.defineProperty(exports, "BREAKPOINTS", { enumerable: true, get: function () { return constants_1.BREAKPOINTS; } });
+tslib_1.__exportStar(require("./utils/index.js"), exports);
+//# sourceMappingURL=index.js.map

package/build/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../src","sources":["index.ts"],"names":[],"mappings":";;;;AAAA,oFAA8E;AAAtE,kIAAA,uBAAuB,OAAA;AAE/B,0EAAoE;AAA5D,4GAAA,YAAY,OAAA;AACpB,8DAAwD;AAAhD,oGAAA,QAAQ,OAAA;AAEhB,6DAAgC;AAChC,6DAAgC;AAEhC,4DAAyB;AAEzB,4CAAwC;AAAhC,wGAAA,WAAW,OAAA;AAEnB,2DAAwB","sourcesContent":["export {BlogConstructorProvider} from './constructor/BlogConstructorProvider';\n\nexport {BlogPostPage} from './containers/BlogPostPage/BlogPostPage';\nexport {BlogPage} from './containers/BlogPage/BlogPage';\n\nexport * from './models/common';\nexport * from './models/locale';\n\nexport * from './schema';\n\nexport {BREAKPOINTS} from './constants';\n\nexport * from './utils';\n"]}

package/build/cjs/models/blocks.d.ts

@@ -1,7 +1,7 @@
-import { ReactElement } from 'react';
+import * as React from 'react';
 import { ContentBlockProps, FormBlockData, HeaderBlockProps, MediaProps as PCMediaProps, TextTheme } from '@gravity-ui/page-constructor';
-import { BlockType, ClassNameProps, PostData, QAProps } from './common';
-import { PaddingsYFMProps } from './paddings';
+import { BlockType, ClassNameProps, PostData, QAProps } from "./common.js";
+import { PaddingsYFMProps } from "./paddings.js";
 export type AuthorProps = ClassNameProps & {
     authorId: number | string;
     image: string;
@@ -25,7 +25,7 @@ export type HeaderProps = HeaderBlockProps & PaddingsYFMProps;
 export type LayoutProps = {
     fullWidth?: boolean;
     mobileOrder?: string;
-    children: ReactElement[];
+    children: React.ReactElement[];
 } & PaddingsYFMProps;
 export type MediaProps = ClassNameProps & PaddingsYFMProps & Partial<Pick<PCMediaProps, 'youtube' | 'previewImg' | 'image' | 'video' | 'dataLens'>> & {
     text?: string;

package/build/cjs/models/blocks.js

@@ -1,2 +1,3 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=blocks.js.map

package/build/cjs/models/blocks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"blocks.js","sourceRoot":"../../../src","sources":["models/blocks.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\n\nimport {\n    ContentBlockProps,\n    FormBlockData,\n    HeaderBlockProps,\n    MediaProps as PCMediaProps,\n    TextTheme,\n} from '@gravity-ui/page-constructor';\n\nimport {BlockType, ClassNameProps, PostData, QAProps} from './common';\nimport {PaddingsYFMProps} from './paddings';\n\n// blocks props\nexport type AuthorProps = ClassNameProps & {\n    authorId: number | string;\n    image: string;\n} & PaddingsYFMProps &\n    QAProps;\n\nexport type BannerProps = ContentBlockProps &\n    QAProps & {\n        color?: string;\n        image?: string;\n        imageSize?: 's' | 'm';\n    } & PaddingsYFMProps;\n\nexport type ColoredTextProps = ContentBlockProps &\n    QAProps & {\n        background?: {\n            color?: string;\n            image?: string;\n            altText?: string;\n        };\n    } & PaddingsYFMProps;\n\nexport type CTAProps = QAProps & {\n    items: Array<ContentBlockProps>;\n} & PaddingsYFMProps;\n\nexport type HeaderProps = HeaderBlockProps & PaddingsYFMProps;\n\nexport type LayoutProps = {\n    fullWidth?: boolean;\n    mobileOrder?: string;\n    children: React.ReactElement[];\n} & PaddingsYFMProps;\n\nexport type MediaProps = ClassNameProps &\n    PaddingsYFMProps &\n    Partial<Pick<PCMediaProps, 'youtube' | 'previewImg' | 'image' | 'video' | 'dataLens'>> & {\n        text?: string;\n    };\n\nexport type MetaProps = QAProps & {\n    locale: string;\n    theme?: TextTheme;\n} & PaddingsYFMProps;\n\nexport type SuggestProps = ClassNameProps & {\n    posts: PostData[];\n} & PaddingsYFMProps;\n\nexport type YFMProps = {\n    text: string;\n} & PaddingsYFMProps &\n    QAProps;\n\nexport type FeedProps = {\n    image: string;\n};\n\nexport type FormProps = {\n    formData: FormBlockData;\n    border?: 'shadow' | 'line' | 'none';\n} & PaddingsYFMProps &\n    QAProps;\n\n// blocks models\nexport type AuthorBlockModel = {\n    type: BlockType.Author;\n} & AuthorProps;\n\nexport type BannerBlockModel = {\n    type: BlockType.Banner;\n} & BannerProps;\n\nexport type ColoredTextBlockModel = {\n    type: BlockType.ColoredText;\n} & ColoredTextProps;\n\nexport type CTABlockModel = {\n    type: BlockType.CTA;\n} & CTAProps;\n\nexport type HeaderBlockModel = {\n    type: BlockType.Header;\n} & HeaderProps;\n\nexport type LayoutBlockModel = {\n    type: BlockType.Layout;\n} & LayoutProps;\n\nexport type MediaBlockModel = {\n    type: BlockType.Media;\n} & MediaProps;\n\nexport type MetaBlockModel = {\n    type: BlockType.Meta;\n} & MetaProps;\n\nexport type SuggestBlockModel = {\n    type: BlockType.Suggest;\n} & SuggestProps;\n\nexport type YFMBlockModel = {\n    type: BlockType.YFM;\n} & YFMProps;\n\nexport type FeedBlockModel = {\n    type: BlockType.Feed;\n} & FeedProps;\n\nexport type FormBlockModel = {\n    type: BlockType.Form;\n} & FormProps;\n\nexport type BlockModel =\n    | AuthorBlockModel\n    | BannerBlockModel\n    | ColoredTextBlockModel\n    | CTABlockModel\n    | HeaderBlockModel\n    | LayoutBlockModel\n    | MediaBlockModel\n    | MetaBlockModel\n    | SuggestBlockModel\n    | YFMBlockModel\n    | FeedBlockModel;\n\nexport type Block = BlockModel & {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    [x: string]: any;\n};\n"]}

package/build/cjs/models/common.d.ts

@@ -1,8 +1,8 @@
-import { ReactNode } from 'react';
+import * as React from 'react';
 import { MarkdownItPluginCb } from '@diplodoc/transform/lib/plugins/typings';
 import { HeaderBlockProps as PageConstructorHeaderBlockProps } from '@gravity-ui/page-constructor';
 import { IBrowser, IDevice } from 'ua-parser-js';
-import { Locale } from '../models/locale';
+import { Locale } from "./locale.js";
 export declare enum Theme {
     Light = "light",
     Dark = "dark"
@@ -136,7 +136,7 @@ export type ToggleLikeCallbackType = ({ postId, hasLike, }: {
 export interface HeaderBlockProps extends PageConstructorHeaderBlockProps {
     backLink?: {
         url: string;
-        title: ReactNode;
+        title: React.ReactNode;
     };
 }
 export type GetPostsRequest = {