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

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

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Layout/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,8BAA8B,CAAC;AAExD,MAAM,EACF,MAAM,EAAE,EAAC,cAAc,EAAE,aAAa,EAAC,GAC1C,GAAG,UAAU,CAAC;AAEf,OAAO,EAAC,SAAS,EAAC,+BAA4B;AAC9C,OAAO,EAAC,aAAa,EAAC,+BAA4B;AAElD,MAAM,CAAC,MAAM,MAAM,GAAG;IAClB,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE;QAChB,IAAI,EAAE,QAAQ;QACd,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,UAAU,CAAC;QACtB,UAAU,gDACH,cAAc,GACd,aAAa,KAChB,QAAQ,EAAE,aAAa,EACvB,WAAW,EAAE;gBACT,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC;aAChC,GACJ;KACJ;CACJ,CAAC","sourcesContent":["import {validators} from '@gravity-ui/page-constructor';\n\nconst {\n    common: {BlockBaseProps, ChildrenProps},\n} = validators;\n\nimport {BlockType} from '../../models/common';\nimport {BlogBlockBase} from '../../schema/common';\n\nexport const Layout = {\n    [BlockType.Layout]: {\n        type: 'object',\n        additionalProperties: false,\n        required: ['children'],\n        properties: {\n            ...BlockBaseProps,\n            ...BlogBlockBase,\n            children: ChildrenProps,\n            mobileOrder: {\n                type: 'string',\n                enum: ['reverse', 'straight'],\n            },\n        },\n    },\n};\n"]}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Media.js","sourceRoot":"../../../../src","sources":["blocks/Media/Media.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAC,KAAK,IAAI,OAAO,EAAE,UAAU,EAAC,MAAM,8BAA8B,CAAC;AAE1E,OAAO,EAAC,OAAO,EAAC,4CAAyC;AAEzD,OAAO,EAAC,kBAAkB,EAAC,iCAA8B;AACzD,OAAO,EAAC,KAAK,EAAC,0BAAuB;AAErC,OAAO,aAAa,CAAC;AAErB,MAAM,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC;AAEzB,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAA4D,EAAE,EAAE;QAAhE,EAAC,IAAI,EAAE,UAAU,EAAE,aAAa,OAA4B,EAAvB,UAAU,cAA/C,uCAAgD,CAAD;IAAkB,OAAA,CACnF,MAAC,OAAO,IACJ,QAAQ,EAAE;YACN,CAAC,kBAAkB,CAAC,GAAG,CAAC,EAAE,UAAU;YACpC,CAAC,kBAAkB,CAAC,MAAM,CAAC,EAAE,aAAa;SAC7C,EACD,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,aAEzB,cAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,aAAU,oBAAoB,YACrD,KAAC,OAAO,kBACJ,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,EACvB,cAAc,EAAE,CAAC,CAAC,OAAO,CAAC,EAC1B,cAAc,EAAE,CAAC,CAAC,OAAO,CAAC,IACtB,UAAU,EAChB,GACA,EACL,IAAI,IAAI,CACL,cAAK,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,YAC7B,KAAC,UAAU,IACP,OAAO,EAAE,IAAI,EACb,SAAS,EAAE;wBACP,IAAI,EAAE,IAAI;wBACV,SAAS,EAAE,IAAI;wBACf,aAAa,EAAE,IAAI;qBACtB,GACH,GACA,CACT,IACK,CACb,CAAA;CAAA,CAAC","sourcesContent":["import {Media as PCMedia, YFMWrapper} from '@gravity-ui/page-constructor';\n\nimport {Wrapper} from '../../components/Wrapper/Wrapper';\nimport {MediaProps} from '../../models/blocks';\nimport {PaddingsDirections} from '../../models/paddings';\nimport {block} from '../../utils/cn';\n\nimport './Media.scss';\n\nconst b = block('media');\n\nexport const Media = ({text, paddingTop, paddingBottom, ...mediaProps}: MediaProps) => (\n    <Wrapper\n        paddings={{\n            [PaddingsDirections.top]: paddingTop,\n            [PaddingsDirections.bottom]: paddingBottom,\n        }}\n        className={b('container')}\n    >\n        <div className={b('border')} data-qa=\"blog-media-content\">\n            <PCMedia\n                className={b('content')}\n                videoClassName={b('video')}\n                imageClassName={b('image')}\n                {...mediaProps}\n            />\n        </div>\n        {text && (\n            <div className={b('text-content')}>\n                <YFMWrapper\n                    content={text}\n                    modifiers={{\n                        blog: true,\n                        blogMedia: true,\n                        resetPaddings: true,\n                    }}\n                />\n            </div>\n        )}\n    </Wrapper>\n);\n"]}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Media/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,8BAA8B,CAAC;AAExD,OAAO,EAAC,SAAS,EAAC,+BAA4B;AAC9C,OAAO,EAAC,aAAa,EAAC,+BAA4B;AAElD,MAAM,EACF,MAAM,EAAE,EAAC,cAAc,EAAE,UAAU,EAAC,GACvC,GAAG,UAAU,CAAC;AAEf,MAAM,CAAC,MAAM,KAAK,GAAG;IACjB,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE;QACf,IAAI,EAAE,QAAQ;QACd,oBAAoB,EAAE,KAAK;QAC3B,UAAU,8DACH,cAAc,GACd,aAAa,GACb,UAAU,KACb,IAAI,EAAE;gBACF,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,MAAM;aACtB,GACJ;KACJ;CACJ,CAAC","sourcesContent":["import {validators} from '@gravity-ui/page-constructor';\n\nimport {BlockType} from '../../models/common';\nimport {BlogBlockBase} from '../../schema/common';\n\nconst {\n    common: {BlockBaseProps, MediaProps},\n} = validators;\n\nexport const Media = {\n    [BlockType.Media]: {\n        type: 'object',\n        additionalProperties: false,\n        properties: {\n            ...BlockBaseProps,\n            ...BlogBlockBase,\n            ...MediaProps,\n            text: {\n                type: 'string',\n                contentType: 'text',\n            },\n        },\n    },\n};\n"]}

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

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

package/build/esm/blocks/Meta/Meta.js

@@ -1,15 +1,16 @@
-import React, { useContext } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
 import { HeaderBreadcrumbs, YFMWrapper } from '@gravity-ui/page-constructor';
-import { PostInfo } from '../../components/PostInfo/PostInfo';
-import { Wrapper } from '../../components/Wrapper/Wrapper';
-import { DefaultGoalIds } from '../../constants';
-import { LocaleContext } from '../../contexts/LocaleContext';
-import { SettingsContext } from '../../contexts/SettingsContext';
-import { PostPageContext } from '../../contexts/PostPageContext';
-import { PaddingsDirections } from '../../models/paddings';
-import { block } from '../../utils/cn';
-import { getBreadcrumbs, getBlogPath as getDefaultBlogPath, getMergedAnalyticsEvents, getQaAttributes, prepareAnalyticsEvent, } from '../../utils/common';
-import { AnalyticsCounter } from '../../counters/utils';
+import { PostInfo } from "../../components/PostInfo/PostInfo.js";
+import { Wrapper } from "../../components/Wrapper/Wrapper.js";
+import { DefaultGoalIds } from "../../constants.js";
+import { LocaleContext } from "../../contexts/LocaleContext.js";
+import { SettingsContext } from "../../contexts/SettingsContext.js";
+import { PostPageContext } from "../../contexts/PostPageContext.js";
+import { PaddingsDirections } from "../../models/paddings.js";
+import { block } from "../../utils/cn.js";
+import { getBreadcrumbs, getBlogPath as getDefaultBlogPath, getMergedAnalyticsEvents, getQaAttributes, prepareAnalyticsEvent, } from "../../utils/common.js";
+import { AnalyticsCounter } from "../../counters/utils.js";
 import './Meta.css';
 const b = block('meta');
 const analyticsEventsContainer = {
@@ -22,22 +23,20 @@ const breadcrumbsGoals = prepareAnalyticsEvent({
 });
 export const Meta = (props) => {
     const { paddingTop = 'l', paddingBottom = 'l', theme = 'light', qa } = props;
-    const { post } = useContext(PostPageContext);
-    const { locale } = useContext(LocaleContext);
+    const { post } = React.useContext(PostPageContext);
+    const { locale } = React.useContext(LocaleContext);
     const qaAttributes = getQaAttributes(qa, 'post-info');
-    const { getBlogPath = getDefaultBlogPath } = useContext(SettingsContext);
+    const { getBlogPath = getDefaultBlogPath } = React.useContext(SettingsContext);
     const blogPath = getBlogPath(locale.pathPrefix || '');
     const { title, id, date, readingTime, tags } = post;
     const breadcrumbs = getBreadcrumbs({ tags, blogPath });
     breadcrumbs.analyticsEvents = getMergedAnalyticsEvents(breadcrumbsGoals);
-    return (React.createElement(Wrapper, { paddings: {
+    return (_jsxs(Wrapper, { paddings: {
             [PaddingsDirections.top]: paddingTop,
             [PaddingsDirections.bottom]: paddingBottom,
-        }, qa: qaAttributes.wrapper },
-        breadcrumbs && (React.createElement(HeaderBreadcrumbs, { items: breadcrumbs.items, className: b('breadcrumbs'), theme: theme })),
-        title && (React.createElement(YFMWrapper, { content: title, modifiers: {
-                blogBreadcrumbs: true,
-                resetPaddings: true,
-            } })),
-        post && (React.createElement(PostInfo, { postId: id, date: date, readingTime: readingTime, analyticsEventsContainer: analyticsEventsContainer, qa: qaAttributes.postInfo }))));
-};
+        }, qa: qaAttributes.wrapper, children: [breadcrumbs && (_jsx(HeaderBreadcrumbs, { items: breadcrumbs.items, className: b('breadcrumbs'), theme: theme })), title && (_jsx(YFMWrapper, { content: title, modifiers: {
+                    blogBreadcrumbs: true,
+                    resetPaddings: true,
+                } })), post && (_jsx(PostInfo, { postId: id, date: date, readingTime: readingTime, analyticsEventsContainer: analyticsEventsContainer, qa: qaAttributes.postInfo }))] }));
+};
+//# sourceMappingURL=Meta.js.map

package/build/esm/blocks/Meta/Meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Meta.js","sourceRoot":"../../../../src","sources":["blocks/Meta/Meta.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {AnalyticsEventsProp, HeaderBreadcrumbs, YFMWrapper} from '@gravity-ui/page-constructor';\n\nimport {PostInfo} from '../../components/PostInfo/PostInfo';\nimport {Wrapper} from '../../components/Wrapper/Wrapper';\nimport {DefaultGoalIds} from '../../constants';\nimport {LocaleContext} from '../../contexts/LocaleContext';\nimport {SettingsContext} from '../../contexts/SettingsContext';\nimport {PostPageContext} from '../../contexts/PostPageContext';\nimport {MetaProps} from '../../models/blocks';\nimport {PaddingsDirections} from '../../models/paddings';\nimport {block} from '../../utils/cn';\nimport {\n    getBreadcrumbs,\n    getBlogPath as getDefaultBlogPath,\n    getMergedAnalyticsEvents,\n    getQaAttributes,\n    prepareAnalyticsEvent,\n} from '../../utils/common';\nimport {AnalyticsCounter} from '../../counters/utils';\n\nimport './Meta.scss';\n\nconst b = block('meta');\n\nconst analyticsEventsContainer: Record<string, AnalyticsEventsProp> = {\n    sharing: prepareAnalyticsEvent({name: DefaultGoalIds.shareBottom}),\n    save: prepareAnalyticsEvent({name: DefaultGoalIds.saveBottom}),\n};\n\nconst breadcrumbsGoals = prepareAnalyticsEvent({\n    name: DefaultGoalIds.breadcrumbsBottom,\n    counter: AnalyticsCounter.CrossSite,\n});\n\nexport const Meta = (props: MetaProps) => {\n    const {paddingTop = 'l', paddingBottom = 'l', theme = 'light', qa} = props;\n    const {post} = React.useContext(PostPageContext);\n    const {locale} = React.useContext(LocaleContext);\n    const qaAttributes = getQaAttributes(qa, 'post-info');\n    const {getBlogPath = getDefaultBlogPath} = React.useContext(SettingsContext);\n    const blogPath = getBlogPath(locale.pathPrefix || '');\n\n    const {title, id, date, readingTime, tags} = post;\n\n    const breadcrumbs = getBreadcrumbs({tags, blogPath});\n\n    breadcrumbs.analyticsEvents = getMergedAnalyticsEvents(breadcrumbsGoals);\n\n    return (\n        <Wrapper\n            paddings={{\n                [PaddingsDirections.top]: paddingTop,\n                [PaddingsDirections.bottom]: paddingBottom,\n            }}\n            qa={qaAttributes.wrapper}\n        >\n            {breadcrumbs && (\n                <HeaderBreadcrumbs\n                    items={breadcrumbs.items}\n                    className={b('breadcrumbs')}\n                    theme={theme}\n                />\n            )}\n            {title && (\n                <YFMWrapper\n                    content={title}\n                    modifiers={{\n                        blogBreadcrumbs: true,\n                        resetPaddings: true,\n                    }}\n                />\n            )}\n            {post && (\n                <PostInfo\n                    postId={id}\n                    date={date}\n                    readingTime={readingTime}\n                    analyticsEventsContainer={analyticsEventsContainer}\n                    qa={qaAttributes.postInfo}\n                />\n            )}\n        </Wrapper>\n    );\n};\n"]}

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

@@ -1,11 +1,12 @@
 import { validators } from '@gravity-ui/page-constructor';
 const { common: { BlockBaseProps }, } = validators;
-import { BlockType } from '../../models/common';
-import { BlogBlockBase } from '../../schema/common';
+import { BlockType } from "../../models/common.js";
+import { BlogBlockBase } from "../../schema/common.js";
 export const Meta = {
     [BlockType.Meta]: {
         type: 'object',
         additionalProperties: false,
         properties: Object.assign(Object.assign({}, BlockBaseProps), BlogBlockBase),
     },
-};
+};
+//# sourceMappingURL=schema.js.map

package/build/esm/blocks/Meta/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Meta/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,8BAA8B,CAAC;AAExD,MAAM,EACF,MAAM,EAAE,EAAC,cAAc,EAAC,GAC3B,GAAG,UAAU,CAAC;AAEf,OAAO,EAAC,SAAS,EAAC,+BAA4B;AAC9C,OAAO,EAAC,aAAa,EAAC,+BAA4B;AAElD,MAAM,CAAC,MAAM,IAAI,GAAG;IAChB,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE;QACd,IAAI,EAAE,QAAQ;QACd,oBAAoB,EAAE,KAAK;QAC3B,UAAU,kCACH,cAAc,GACd,aAAa,CACnB;KACJ;CACJ,CAAC","sourcesContent":["import {validators} from '@gravity-ui/page-constructor';\n\nconst {\n    common: {BlockBaseProps},\n} = validators;\n\nimport {BlockType} from '../../models/common';\nimport {BlogBlockBase} from '../../schema/common';\n\nexport const Meta = {\n    [BlockType.Meta]: {\n        type: 'object',\n        additionalProperties: false,\n        properties: {\n            ...BlockBaseProps,\n            ...BlogBlockBase,\n        },\n    },\n};\n"]}

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

@@ -1,5 +1,4 @@
-import React from 'react';
-import { SuggestProps } from '../../models/blocks';
+import { SuggestProps } from "../../models/blocks.js";
 /**
  * Suggested posts block
  *
@@ -9,4 +8,4 @@ import { SuggestProps } from '../../models/blocks';
  *
  * @returns -jsx
  */
-export declare const Suggest: ({ paddingTop, paddingBottom }: SuggestProps) => React.JSX.Element | null;
+export declare const Suggest: ({ paddingTop, paddingBottom }: SuggestProps) => import("react/jsx-runtime").JSX.Element | null;

package/build/esm/blocks/Suggest/Suggest.js

@@ -1,13 +1,14 @@
-import React, { useContext } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
 import { SliderBlock } from '@gravity-ui/page-constructor';
-import { PostCard } from '../../components/PostCard/PostCard';
-import { Wrapper } from '../../components/Wrapper/Wrapper';
-import { PostPageContext } from '../../contexts/PostPageContext';
-import { Keyset, i18n } from '../../i18n';
-import { PaddingsDirections } from '../../models/paddings';
-import { prepareAnalyticsEvent } from '../../utils/common';
-import { DefaultGoalIds } from '../../constants';
-import { AnalyticsCounter } from '../../counters/utils';
+import { PostCard } from "../../components/PostCard/PostCard.js";
+import { Wrapper } from "../../components/Wrapper/Wrapper.js";
+import { PostPageContext } from "../../contexts/PostPageContext.js";
+import { Keyset, i18n } from "../../i18n/index.js";
+import { PaddingsDirections } from "../../models/paddings.js";
+import { prepareAnalyticsEvent } from "../../utils/common.js";
+import { DefaultGoalIds } from "../../constants.js";
+import { AnalyticsCounter } from "../../counters/utils.js";
 const suggestGoals = prepareAnalyticsEvent({
     name: DefaultGoalIds.suggest,
     counter: AnalyticsCounter.CrossSite,
@@ -22,13 +23,13 @@ const suggestGoals = prepareAnalyticsEvent({
  * @returns -jsx
  */
 export const Suggest = ({ paddingTop = 'l', paddingBottom = 'l' }) => {
-    const { suggestedPosts } = useContext(PostPageContext);
+    const { suggestedPosts } = React.useContext(PostPageContext);
     if (suggestedPosts.length === 0) {
         return null;
     }
-    return (React.createElement(Wrapper, { paddings: {
+    return (_jsx(Wrapper, { paddings: {
             [PaddingsDirections.top]: paddingTop,
             [PaddingsDirections.bottom]: paddingBottom,
-        } },
-        React.createElement(SliderBlock, { slidesToShow: { xl: 3, lg: 2, sm: 1 }, title: { text: i18n(Keyset.TitleSuggest) }, lazyLoad: false }, suggestedPosts.map((post) => (React.createElement(PostCard, { key: post.id, analyticsEvents: suggestGoals, post: post }))))));
-};
+        }, children: _jsx(SliderBlock, { slidesToShow: { xl: 3, lg: 2, sm: 1 }, title: { text: i18n(Keyset.TitleSuggest) }, lazyLoad: false, children: suggestedPosts.map((post) => (_jsx(PostCard, { analyticsEvents: suggestGoals, post: post }, post.id))) }) }));
+};
+//# sourceMappingURL=Suggest.js.map

package/build/esm/blocks/Suggest/Suggest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Suggest.js","sourceRoot":"../../../../src","sources":["blocks/Suggest/Suggest.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,WAAW,EAAC,MAAM,8BAA8B,CAAC;AAEzD,OAAO,EAAC,QAAQ,EAAC,8CAA2C;AAC5D,OAAO,EAAC,OAAO,EAAC,4CAAyC;AACzD,OAAO,EAAC,eAAe,EAAC,0CAAuC;AAC/D,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,4BAAmB;AAExC,OAAO,EAAC,kBAAkB,EAAC,iCAA8B;AACzD,OAAO,EAAC,qBAAqB,EAAC,8BAA2B;AACzD,OAAO,EAAC,cAAc,EAAC,2BAAwB;AAC/C,OAAO,EAAC,gBAAgB,EAAC,gCAA6B;AAEtD,MAAM,YAAY,GAAG,qBAAqB,CAAC;IACvC,IAAI,EAAE,cAAc,CAAC,OAAO;IAC5B,OAAO,EAAE,gBAAgB,CAAC,SAAS;CACtC,CAAC,CAAC;AAEH;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAC,UAAU,GAAG,GAAG,EAAE,aAAa,GAAG,GAAG,EAAe,EAAE,EAAE;IAC7E,MAAM,EAAC,cAAc,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IAE3D,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC9B,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,KAAC,OAAO,IACJ,QAAQ,EAAE;YACN,CAAC,kBAAkB,CAAC,GAAG,CAAC,EAAE,UAAU;YACpC,CAAC,kBAAkB,CAAC,MAAM,CAAC,EAAE,aAAa;SAC7C,YAED,KAAC,WAAW,IACR,YAAY,EAAE,EAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAC,EACnC,KAAK,EAAE,EAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,EAAC,EACxC,QAAQ,EAAE,KAAK,YAEd,cAAc,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC1B,KAAC,QAAQ,IAAe,eAAe,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,IAAlD,IAAI,CAAC,EAAE,CAA+C,CACxE,CAAC,GACQ,GACR,CACb,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {SliderBlock} from '@gravity-ui/page-constructor';\n\nimport {PostCard} from '../../components/PostCard/PostCard';\nimport {Wrapper} from '../../components/Wrapper/Wrapper';\nimport {PostPageContext} from '../../contexts/PostPageContext';\nimport {Keyset, i18n} from '../../i18n';\nimport {SuggestProps} from '../../models/blocks';\nimport {PaddingsDirections} from '../../models/paddings';\nimport {prepareAnalyticsEvent} from '../../utils/common';\nimport {DefaultGoalIds} from '../../constants';\nimport {AnalyticsCounter} from '../../counters/utils';\n\nconst suggestGoals = prepareAnalyticsEvent({\n    name: DefaultGoalIds.suggest,\n    counter: AnalyticsCounter.CrossSite,\n});\n\n/**\n * Suggested posts block\n *\n * @param posts - suggested posts list\n * @param paddingTop - padding top code\n * @param paddingBottom - padding bottom code\n *\n * @returns -jsx\n */\nexport const Suggest = ({paddingTop = 'l', paddingBottom = 'l'}: SuggestProps) => {\n    const {suggestedPosts} = React.useContext(PostPageContext);\n\n    if (suggestedPosts.length === 0) {\n        return null;\n    }\n\n    return (\n        <Wrapper\n            paddings={{\n                [PaddingsDirections.top]: paddingTop,\n                [PaddingsDirections.bottom]: paddingBottom,\n            }}\n        >\n            <SliderBlock\n                slidesToShow={{xl: 3, lg: 2, sm: 1}}\n                title={{text: i18n(Keyset.TitleSuggest)}}\n                lazyLoad={false}\n            >\n                {suggestedPosts.map((post) => (\n                    <PostCard key={post.id} analyticsEvents={suggestGoals} post={post} />\n                ))}\n            </SliderBlock>\n        </Wrapper>\n    );\n};\n"]}

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

@@ -1,11 +1,12 @@
 import { validators } from '@gravity-ui/page-constructor';
 const { common: { BlockBaseProps }, } = validators;
-import { BlockType } from '../../models/common';
-import { BlogBlockBase } from '../../schema/common';
+import { BlockType } from "../../models/common.js";
+import { BlogBlockBase } from "../../schema/common.js";
 export const Suggest = {
     [BlockType.Suggest]: {
         type: 'object',
         additionalProperties: false,
         properties: Object.assign(Object.assign({}, BlockBaseProps), BlogBlockBase),
     },
-};
+};
+//# sourceMappingURL=schema.js.map

package/build/esm/blocks/Suggest/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Suggest/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,8BAA8B,CAAC;AAExD,MAAM,EACF,MAAM,EAAE,EAAC,cAAc,EAAC,GAC3B,GAAG,UAAU,CAAC;AAEf,OAAO,EAAC,SAAS,EAAC,+BAA4B;AAC9C,OAAO,EAAC,aAAa,EAAC,+BAA4B;AAElD,MAAM,CAAC,MAAM,OAAO,GAAG;IACnB,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE;QACjB,IAAI,EAAE,QAAQ;QACd,oBAAoB,EAAE,KAAK;QAC3B,UAAU,kCACH,cAAc,GACd,aAAa,CACnB;KACJ;CACJ,CAAC","sourcesContent":["import {validators} from '@gravity-ui/page-constructor';\n\nconst {\n    common: {BlockBaseProps},\n} = validators;\n\nimport {BlockType} from '../../models/common';\nimport {BlogBlockBase} from '../../schema/common';\n\nexport const Suggest = {\n    [BlockType.Suggest]: {\n        type: 'object',\n        additionalProperties: false,\n        properties: {\n            ...BlockBaseProps,\n            ...BlogBlockBase,\n        },\n    },\n};\n"]}

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

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

package/build/esm/blocks/YFM/YFM.js

@@ -1,19 +1,19 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { YFMWrapper } from '@gravity-ui/page-constructor';
-import { Wrapper } from '../../components/Wrapper/Wrapper';
-import { PaddingsDirections } from '../../models/paddings';
-import { cn } from '../../utils/cn';
-import { getQaAttributes } from '../../utils/common';
+import { Wrapper } from "../../components/Wrapper/Wrapper.js";
+import { PaddingsDirections } from "../../models/paddings.js";
+import { cn } from "../../utils/cn.js";
+import { getQaAttributes } from "../../utils/common.js";
 const b = cn('yfm');
 export const YFM = (props) => {
     const { text, paddingTop, paddingBottom, qa } = props;
     const qaAttributes = getQaAttributes(qa);
-    return (React.createElement(Wrapper, { paddings: {
+    return (_jsx(Wrapper, { paddings: {
             [PaddingsDirections.top]: paddingTop,
             [PaddingsDirections.bottom]: paddingBottom,
-        }, qa: qaAttributes.wrapper },
-        React.createElement(YFMWrapper, { content: text, modifiers: {
+        }, qa: qaAttributes.wrapper, children: _jsx(YFMWrapper, { content: text, modifiers: {
                 blog: true,
                 resetPaddings: true,
-            }, className: b({ 'no-list-reset': true }) })));
-};
+            }, className: b({ 'no-list-reset': true }) }) }));
+};
+//# sourceMappingURL=YFM.js.map

package/build/esm/blocks/YFM/YFM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YFM.js","sourceRoot":"../../../../src","sources":["blocks/YFM/YFM.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,8BAA8B,CAAC;AAExD,OAAO,EAAC,OAAO,EAAC,4CAAyC;AAEzD,OAAO,EAAC,kBAAkB,EAAC,iCAA8B;AACzD,OAAO,EAAC,EAAE,EAAC,0BAAuB;AAClC,OAAO,EAAC,eAAe,EAAC,8BAA2B;AAEnD,MAAM,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC;AAEpB,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,KAAe,EAAE,EAAE;IACnC,MAAM,EAAC,IAAI,EAAE,UAAU,EAAE,aAAa,EAAE,EAAE,EAAC,GAAG,KAAK,CAAC;IACpD,MAAM,YAAY,GAAG,eAAe,CAAC,EAAE,CAAC,CAAC;IAEzC,OAAO,CACH,KAAC,OAAO,IACJ,QAAQ,EAAE;YACN,CAAC,kBAAkB,CAAC,GAAG,CAAC,EAAE,UAAU;YACpC,CAAC,kBAAkB,CAAC,MAAM,CAAC,EAAE,aAAa;SAC7C,EACD,EAAE,EAAE,YAAY,CAAC,OAAO,YAExB,KAAC,UAAU,IACP,OAAO,EAAE,IAAI,EACb,SAAS,EAAE;gBACP,IAAI,EAAE,IAAI;gBACV,aAAa,EAAE,IAAI;aACtB,EACD,SAAS,EAAE,CAAC,CAAC,EAAC,eAAe,EAAE,IAAI,EAAC,CAAC,GACvC,GACI,CACb,CAAC;AACN,CAAC,CAAC","sourcesContent":["import {YFMWrapper} from '@gravity-ui/page-constructor';\n\nimport {Wrapper} from '../../components/Wrapper/Wrapper';\nimport {YFMProps} from '../../models/blocks';\nimport {PaddingsDirections} from '../../models/paddings';\nimport {cn} from '../../utils/cn';\nimport {getQaAttributes} from '../../utils/common';\n\nconst b = cn('yfm');\n\nexport const YFM = (props: YFMProps) => {\n    const {text, paddingTop, paddingBottom, qa} = props;\n    const qaAttributes = getQaAttributes(qa);\n\n    return (\n        <Wrapper\n            paddings={{\n                [PaddingsDirections.top]: paddingTop,\n                [PaddingsDirections.bottom]: paddingBottom,\n            }}\n            qa={qaAttributes.wrapper}\n        >\n            <YFMWrapper\n                content={text}\n                modifiers={{\n                    blog: true,\n                    resetPaddings: true,\n                }}\n                className={b({'no-list-reset': true})}\n            />\n        </Wrapper>\n    );\n};\n"]}

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

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

package/build/esm/blocks/YFM/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/YFM/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,8BAA8B,CAAC;AAExD,MAAM,EACF,MAAM,EAAE,EAAC,cAAc,EAAC,GAC3B,GAAG,UAAU,CAAC;AAEf,OAAO,EAAC,SAAS,EAAC,+BAA4B;AAC9C,OAAO,EAAC,aAAa,EAAC,+BAA4B;AAElD,MAAM,CAAC,MAAM,GAAG,GAAG;IACf,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE;QACb,IAAI,EAAE,QAAQ;QACd,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,MAAM,CAAC;QAClB,UAAU,gDACH,cAAc,GACd,aAAa,KAChB,IAAI,EAAE;gBACF,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,KAAK;aACrB,GACJ;KACJ;CACJ,CAAC","sourcesContent":["import {validators} from '@gravity-ui/page-constructor';\n\nconst {\n    common: {BlockBaseProps},\n} = validators;\n\nimport {BlockType} from '../../models/common';\nimport {BlogBlockBase} from '../../schema/common';\n\nexport const YFM = {\n    [BlockType.YFM]: {\n        type: 'object',\n        additionalProperties: false,\n        required: ['text'],\n        properties: {\n            ...BlockBaseProps,\n            ...BlogBlockBase,\n            text: {\n                type: 'string',\n                contentType: 'yfm',\n            },\n        },\n    },\n};\n"]}

package/build/esm/blocks/constants.js

@@ -2,4 +2,5 @@ export const CONTENT_DEFAULT_SIZE = 's';
 export const CONTENT_DEFAULT_COL_SIZES = { all: 12, md: 12 };
 export const CONTENT_DEFAULT_THEME = 'default';
 export const DEFAULT_PAGE = 1;
-export const DEFAULT_ROWS_PER_PAGE = 12;
+export const DEFAULT_ROWS_PER_PAGE = 12;
+//# sourceMappingURL=constants.js.map

package/build/esm/blocks/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"../../../src","sources":["blocks/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAC;AAExC,MAAM,CAAC,MAAM,yBAAyB,GAAG,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAC,CAAC;AAE3D,MAAM,CAAC,MAAM,qBAAqB,GAAG,SAAS,CAAC;AAE/C,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,CAAC;AAE9B,MAAM,CAAC,MAAM,qBAAqB,GAAG,EAAE,CAAC","sourcesContent":["export const CONTENT_DEFAULT_SIZE = 's';\n\nexport const CONTENT_DEFAULT_COL_SIZES = {all: 12, md: 12};\n\nexport const CONTENT_DEFAULT_THEME = 'default';\n\nexport const DEFAULT_PAGE = 1;\n\nexport const DEFAULT_ROWS_PER_PAGE = 12;\n"]}

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

@@ -1,9 +1,8 @@
-import React from 'react';
-import { ClassNameProps, HeaderBlockProps } from '../../models/common';
-import { ControlsProps } from './components/Controls/Controls';
+import { ClassNameProps, HeaderBlockProps } from "../../models/common.js";
+import { ControlsProps } from "./components/Controls/Controls.js";
 import './FeedHeader.css';
 type HeaderProps = Pick<HeaderBlockProps, 'background' | 'offset' | 'theme' | 'verticalOffset'>;
 type FeedHeaderProps = HeaderProps & ControlsProps;
 type FeedHeaderContainerProps = FeedHeaderProps & ClassNameProps;
-export declare const FeedHeader: ({ tags, services, handleLoadData, offset, background, theme, verticalOffset, className, queryParams, }: FeedHeaderContainerProps) => React.JSX.Element;
+export declare const FeedHeader: ({ tags, services, handleLoadData, offset, background, theme, verticalOffset, className, queryParams, }: FeedHeaderContainerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/build/esm/components/FeedHeader/FeedHeader.js

@@ -1,18 +1,15 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { BackgroundImage, FullWidthBackground, Grid, getThemedValue, } from '@gravity-ui/page-constructor';
-import { block } from '../../utils/cn';
-import { Controls } from './components/Controls/Controls';
+import { block } from "../../utils/cn.js";
+import { Controls } from "./components/Controls/Controls.js";
 import './FeedHeader.css';
 const b = block('feed-header');
 export const FeedHeader = ({ tags, services, handleLoadData, offset = 'default', background, theme = 'light', verticalOffset = 'l', className, queryParams, }) => {
     const backgroundThemed = background && getThemedValue(background, theme);
-    return (React.createElement("header", { className: b('header', { ['has-background']: Boolean(background) }, className) },
-        (backgroundThemed === null || backgroundThemed === void 0 ? void 0 : backgroundThemed.color) ? (React.createElement(FullWidthBackground, { style: { backgroundColor: backgroundThemed === null || backgroundThemed === void 0 ? void 0 : backgroundThemed.color }, theme: "rounded" })) : null,
-        React.createElement(Grid, { className: b('content', { offset, theme, 'vertical-offset': verticalOffset }) },
-            backgroundThemed ? (React.createElement(BackgroundImage, { src: backgroundThemed === null || backgroundThemed === void 0 ? void 0 : backgroundThemed.url, className: b('background'), imageClassName: b('background-img'), style: {
-                    backgroundColor: backgroundThemed.fullWidth
-                        ? ''
-                        : backgroundThemed === null || backgroundThemed === void 0 ? void 0 : backgroundThemed.color,
-                }, disableCompress: backgroundThemed === null || backgroundThemed === void 0 ? void 0 : backgroundThemed.disableCompress })) : null,
-            React.createElement(Controls, { tags: tags, services: services, handleLoadData: handleLoadData, queryParams: queryParams }))));
-};
+    return (_jsxs("header", { className: b('header', { ['has-background']: Boolean(background) }, className), children: [(backgroundThemed === null || backgroundThemed === void 0 ? void 0 : backgroundThemed.color) ? (_jsx(FullWidthBackground, { style: { backgroundColor: backgroundThemed === null || backgroundThemed === void 0 ? void 0 : backgroundThemed.color }, theme: "rounded" })) : null, _jsxs(Grid, { className: b('content', { offset, theme, 'vertical-offset': verticalOffset }), children: [backgroundThemed ? (_jsx(BackgroundImage, { src: backgroundThemed === null || backgroundThemed === void 0 ? void 0 : backgroundThemed.url, className: b('background'), imageClassName: b('background-img'), style: {
+                            backgroundColor: backgroundThemed.fullWidth
+                                ? ''
+                                : backgroundThemed === null || backgroundThemed === void 0 ? void 0 : backgroundThemed.color,
+                        }, disableCompress: backgroundThemed === null || backgroundThemed === void 0 ? void 0 : backgroundThemed.disableCompress })) : null, _jsx(Controls, { tags: tags, services: services, handleLoadData: handleLoadData, queryParams: queryParams })] })] }));
+};
+//# sourceMappingURL=FeedHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FeedHeader.js","sourceRoot":"../../../../src","sources":["components/FeedHeader/FeedHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EACH,eAAe,EACf,mBAAmB,EACnB,IAAI,EAEJ,cAAc,GACjB,MAAM,8BAA8B,CAAC;AAGtC,OAAO,EAAC,KAAK,EAAC,0BAAuB;AAErC,OAAO,EAAC,QAAQ,EAAgB,0CAAuC;AAEvE,OAAO,kBAAkB,CAAC;AAE1B,MAAM,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC;AAQ/B,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACvB,IAAI,EACJ,QAAQ,EACR,cAAc,EACd,MAAM,GAAG,SAAS,EAClB,UAAU,EACV,KAAK,GAAG,OAAO,EACf,cAAc,GAAG,GAAG,EACpB,SAAS,EACT,WAAW,GACY,EAAE,EAAE;IAC3B,MAAM,gBAAgB,GAAG,UAAU,IAAI,cAAc,CAAC,UAAU,EAAE,KAAc,CAAC,CAAC;IAElF,OAAO,CACH,kBAAQ,SAAS,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAC,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,EAAC,EAAE,SAAS,CAAC,aAC/E,CAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,KAAK,EAAC,CAAC,CAAC,CACvB,KAAC,mBAAmB,IAChB,KAAK,EAAE,EAAC,eAAe,EAAE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,KAAK,EAAC,EACjD,KAAK,EAAC,SAAS,GACjB,CACL,CAAC,CAAC,CAAC,IAAI,EACR,MAAC,IAAI,IAAC,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,MAAM,EAAE,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAC,CAAC,aAC5E,gBAAgB,CAAC,CAAC,CAAC,CAChB,KAAC,eAAe,IACZ,GAAG,EAAE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,GAAG,EAC1B,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,EAC1B,cAAc,EAAE,CAAC,CAAC,gBAAgB,CAAC,EACnC,KAAK,EAAE;4BACH,eAAe,EAAE,gBAAgB,CAAC,SAAS;gCACvC,CAAC,CAAC,EAAE;gCACJ,CAAC,CAAC,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,KAAK;yBAChC,EACD,eAAe,EAAE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,eAAe,GACpD,CACL,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,QAAQ,IACL,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,GAC1B,IACC,IACF,CACZ,CAAC;AACN,CAAC,CAAC","sourcesContent":["import {\n    BackgroundImage,\n    FullWidthBackground,\n    Grid,\n    Theme,\n    getThemedValue,\n} from '@gravity-ui/page-constructor';\n\nimport {ClassNameProps, HeaderBlockProps} from '../../models/common';\nimport {block} from '../../utils/cn';\n\nimport {Controls, ControlsProps} from './components/Controls/Controls';\n\nimport './FeedHeader.scss';\n\nconst b = block('feed-header');\n\ntype HeaderProps = Pick<HeaderBlockProps, 'background' | 'offset' | 'theme' | 'verticalOffset'>;\n\ntype FeedHeaderProps = HeaderProps & ControlsProps;\n\ntype FeedHeaderContainerProps = FeedHeaderProps & ClassNameProps;\n\nexport const FeedHeader = ({\n    tags,\n    services,\n    handleLoadData,\n    offset = 'default',\n    background,\n    theme = 'light',\n    verticalOffset = 'l',\n    className,\n    queryParams,\n}: FeedHeaderContainerProps) => {\n    const backgroundThemed = background && getThemedValue(background, theme as Theme);\n\n    return (\n        <header className={b('header', {['has-background']: Boolean(background)}, className)}>\n            {backgroundThemed?.color ? (\n                <FullWidthBackground\n                    style={{backgroundColor: backgroundThemed?.color}}\n                    theme=\"rounded\"\n                />\n            ) : null}\n            <Grid className={b('content', {offset, theme, 'vertical-offset': verticalOffset})}>\n                {backgroundThemed ? (\n                    <BackgroundImage\n                        src={backgroundThemed?.url}\n                        className={b('background')}\n                        imageClassName={b('background-img')}\n                        style={{\n                            backgroundColor: backgroundThemed.fullWidth\n                                ? ''\n                                : backgroundThemed?.color,\n                        }}\n                        disableCompress={backgroundThemed?.disableCompress}\n                    />\n                ) : null}\n                <Controls\n                    tags={tags}\n                    services={services}\n                    handleLoadData={handleLoadData}\n                    queryParams={queryParams}\n                />\n            </Grid>\n        </header>\n    );\n};\n"]}

package/build/esm/components/FeedHeader/components/Controls/Controls.d.ts

@@ -1,10 +1,10 @@
-import React, { ReactNode } from 'react';
-import { FetchArgs, Query } from '../../../../models/common';
+import * as React from 'react';
+import { FetchArgs, Query } from "../../../../models/common.js";
 import './Controls.css';
 export type SelectItem = {
     content: string;
     value: string;
-    icon?: ReactNode;
+    icon?: React.ReactNode;
 };
 export type ControlsProps = {
     handleLoadData: (props: FetchArgs) => void;
@@ -12,4 +12,4 @@ export type ControlsProps = {
     services?: SelectItem[];
     queryParams: Query;
 };
-export declare const Controls: ({ handleLoadData, tags, services, queryParams, }: ControlsProps) => React.JSX.Element;
+export declare const Controls: ({ handleLoadData, tags, services, queryParams, }: ControlsProps) => import("react/jsx-runtime").JSX.Element;

package/build/esm/components/FeedHeader/components/Controls/Controls.js

@@ -1,31 +1,32 @@
-import React, { useContext, useMemo, useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
 import { useAnalytics } from '@gravity-ui/page-constructor';
 import { Button, Icon, Select } from '@gravity-ui/uikit';
-import { DefaultGoalIds } from '../../../../constants';
-import { LikesContext } from '../../../../contexts/LikesContext';
-import { MobileContext } from '../../../../contexts/MobileContext';
-import { AnalyticsCounter } from '../../../../counters/utils';
-import { Keyset, i18n } from '../../../../i18n';
-import { Save } from '../../../../icons/Save';
-import { DefaultEventNames } from '../../../../models/common';
-import { block } from '../../../../utils/cn';
-import { Search } from '../../../Search/Search';
-import { prepareAnalyticsEvent } from '../../../../utils/common';
-import { renderFilter, renderOption, renderSwitcher } from './customRenders';
+import { DefaultGoalIds } from "../../../../constants.js";
+import { LikesContext } from "../../../../contexts/LikesContext.js";
+import { MobileContext } from "../../../../contexts/MobileContext.js";
+import { AnalyticsCounter } from "../../../../counters/utils.js";
+import { Keyset, i18n } from "../../../../i18n/index.js";
+import { Save } from "../../../../icons/Save.js";
+import { DefaultEventNames } from "../../../../models/common.js";
+import { block } from "../../../../utils/cn.js";
+import { Search } from "../../../Search/Search.js";
+import { prepareAnalyticsEvent } from "../../../../utils/common.js";
+import { renderFilter, renderOption, renderSwitcher } from "./customRenders.js";
 import './Controls.css';
 const b = block('feed-controls');
 const ICON_SIZE = 16;
 const DEFAULT_PAGE = 1;
 const VIRTUALIZATION_THRESHOLD = 1000;
 export const Controls = ({ handleLoadData, tags = [], services = [], queryParams, }) => {
-    const { hasLikes } = useContext(LikesContext);
+    const { hasLikes } = React.useContext(LikesContext);
     const handleAnalyticsTag = useAnalytics(DefaultEventNames.Tag);
     const handleAnalyticsService = useAnalytics(DefaultEventNames.Service);
     const handleAnalyticsSaveOnly = useAnalytics(DefaultEventNames.SaveOnly);
     const { savedOnly: savedOnlyInitial, search: searchInitial, tags: tagInitial, services: servicesInitial, } = queryParams || {};
-    const [savedOnly, setSavedOnly] = useState(savedOnlyInitial === 'true');
-    const [search, setSearch] = useState(searchInitial);
-    const isMobile = useContext(MobileContext);
+    const [savedOnly, setSavedOnly] = React.useState(savedOnlyInitial === 'true');
+    const [search, setSearch] = React.useState(searchInitial);
+    const isMobile = React.useContext(MobileContext);
     const handleSavedOnly = () => {
         handleAnalyticsSaveOnly();
         setSavedOnly(!savedOnly);
@@ -84,27 +85,16 @@ export const Controls = ({ handleLoadData, tags = [], services = [], queryParams
             query: { services: servicesAsString, page: DEFAULT_PAGE },
         });
     };
-    const tagsItems = useMemo(() => [{ value: 'empty', content: i18n(Keyset.AllTags) }, ...tags], [tags]);
-    const servicesItems = useMemo(() => (servicesInitial ? [...servicesInitial.split(',')] : []), [servicesInitial]);
-    return (React.createElement("div", { className: b('header') },
-        React.createElement("h1", { className: b('header-item', { title: true }) }, i18n(Keyset.Title)),
-        React.createElement("div", { className: b('header-item', { filters: true }) },
-            React.createElement("div", { className: b('filter-item') },
-                React.createElement(Search, { className: b('search'), placeholder: i18n(Keyset.Search), initialValue: search && typeof search === 'string' ? search : '', onSubmit: handleSearch })),
-            React.createElement("div", { className: b('filter-item') },
-                React.createElement(Select, { className: b('select'), size: "xl", options: tagsItems, defaultValue: [tagInitial], onUpdate: handleTagSelect, placeholder: i18n(Keyset.AllTags), popupClassName: b('popup', { isMobile }), renderControl: renderSwitcher({
-                        initial: [tagInitial],
-                        list: tagsItems,
-                        defaultLabel: i18n(Keyset.AllTags),
-                    }), disablePortal: true, virtualizationThreshold: VIRTUALIZATION_THRESHOLD, renderOption: renderOption })),
-            services.length > 0 ? (React.createElement("div", { className: b('filter-item') },
-                React.createElement(Select, { className: b('select'), size: "xl", multiple: true, filterable: true, hasClear: true, disablePortal: true, options: services, defaultValue: servicesItems, popupClassName: b('popup', { isMobile }), onUpdate: handleServicesSelect, placeholder: i18n(Keyset.AllServices), renderControl: renderSwitcher({
-                        initial: servicesItems,
-                        list: services,
-                        defaultLabel: i18n(Keyset.AllServices),
-                    }), virtualizationThreshold: VIRTUALIZATION_THRESHOLD, renderOption: renderOption, renderFilter: renderFilter }))) : null,
-            hasLikes ? (React.createElement("div", { className: b('filter-item', { 'width-auto': true }) },
-                React.createElement(Button, { view: 'outlined', className: b('saved-only-button', { savedOnly }), size: "xl", onClick: handleSavedOnly, selected: savedOnly },
-                    React.createElement(Icon, { data: Save, size: ICON_SIZE, className: b('icon', { savedOnly }) }),
-                    i18n(Keyset.ActionSavedOnly)))) : null)));
-};
+    const tagsItems = React.useMemo(() => [{ value: 'empty', content: i18n(Keyset.AllTags) }, ...tags], [tags]);
+    const servicesItems = React.useMemo(() => (servicesInitial ? [...servicesInitial.split(',')] : []), [servicesInitial]);
+    return (_jsxs("div", { className: b('header'), children: [_jsx("h1", { className: b('header-item', { title: true }), children: i18n(Keyset.Title) }), _jsxs("div", { className: b('header-item', { filters: true }), children: [_jsx("div", { className: b('filter-item'), children: _jsx(Search, { className: b('search'), placeholder: i18n(Keyset.Search), initialValue: search && typeof search === 'string' ? search : '', onSubmit: handleSearch }) }), _jsx("div", { className: b('filter-item'), children: _jsx(Select, { className: b('select'), size: "xl", options: tagsItems, defaultValue: [tagInitial], onUpdate: handleTagSelect, placeholder: i18n(Keyset.AllTags), popupClassName: b('popup', { isMobile }), renderControl: renderSwitcher({
+                                initial: [tagInitial],
+                                list: tagsItems,
+                                defaultLabel: i18n(Keyset.AllTags),
+                            }), disablePortal: true, virtualizationThreshold: VIRTUALIZATION_THRESHOLD, renderOption: renderOption }) }), services.length > 0 ? (_jsx("div", { className: b('filter-item'), children: _jsx(Select, { className: b('select'), size: "xl", multiple: true, filterable: true, hasClear: true, disablePortal: true, options: services, defaultValue: servicesItems, popupClassName: b('popup', { isMobile }), onUpdate: handleServicesSelect, placeholder: i18n(Keyset.AllServices), renderControl: renderSwitcher({
+                                initial: servicesItems,
+                                list: services,
+                                defaultLabel: i18n(Keyset.AllServices),
+                            }), virtualizationThreshold: VIRTUALIZATION_THRESHOLD, renderOption: renderOption, renderFilter: renderFilter }) })) : null, hasLikes ? (_jsx("div", { className: b('filter-item', { 'width-auto': true }), children: _jsxs(Button, { view: 'outlined', className: b('saved-only-button', { savedOnly }), size: "xl", onClick: handleSavedOnly, selected: savedOnly, children: [_jsx(Icon, { data: Save, size: ICON_SIZE, className: b('icon', { savedOnly }) }), i18n(Keyset.ActionSavedOnly)] }) })) : null] })] }));
+};
+//# sourceMappingURL=Controls.js.map

package/build/esm/components/FeedHeader/components/Controls/Controls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Controls.js","sourceRoot":"../../../../../../src","sources":["components/FeedHeader/components/Controls/Controls.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {useAnalytics} from '@gravity-ui/page-constructor';\nimport {Button, Icon, Select} from '@gravity-ui/uikit';\n\nimport {DefaultGoalIds} from '../../../../constants';\nimport {LikesContext} from '../../../../contexts/LikesContext';\nimport {MobileContext} from '../../../../contexts/MobileContext';\nimport {AnalyticsCounter} from '../../../../counters/utils';\nimport {Keyset, i18n} from '../../../../i18n';\nimport {Save} from '../../../../icons/Save';\nimport {DefaultEventNames, FetchArgs, Query} from '../../../../models/common';\nimport {block} from '../../../../utils/cn';\nimport {Search} from '../../../Search/Search';\nimport {prepareAnalyticsEvent} from '../../../../utils/common';\n\nimport {renderFilter, renderOption, renderSwitcher} from './customRenders';\n\nimport './Controls.scss';\n\nconst b = block('feed-controls');\n\nexport type SelectItem = {\n    content: string;\n    value: string;\n    icon?: React.ReactNode;\n};\n\nexport type ControlsProps = {\n    handleLoadData: (props: FetchArgs) => void;\n    tags?: SelectItem[];\n    services?: SelectItem[];\n    queryParams: Query;\n};\n\nconst ICON_SIZE = 16;\nconst DEFAULT_PAGE = 1;\nconst VIRTUALIZATION_THRESHOLD = 1000;\n\nexport const Controls = ({\n    handleLoadData,\n    tags = [],\n    services = [],\n    queryParams,\n}: ControlsProps) => {\n    const {hasLikes} = React.useContext(LikesContext);\n    const handleAnalyticsTag = useAnalytics(DefaultEventNames.Tag);\n    const handleAnalyticsService = useAnalytics(DefaultEventNames.Service);\n    const handleAnalyticsSaveOnly = useAnalytics(DefaultEventNames.SaveOnly);\n\n    const {\n        savedOnly: savedOnlyInitial,\n        search: searchInitial,\n        tags: tagInitial,\n        services: servicesInitial,\n    } = queryParams || {};\n\n    const [savedOnly, setSavedOnly] = React.useState<boolean>(savedOnlyInitial === 'true');\n    const [search, setSearch] = React.useState<string>(searchInitial as string);\n\n    const isMobile = React.useContext(MobileContext);\n\n    const handleSavedOnly = () => {\n        handleAnalyticsSaveOnly();\n        setSavedOnly(!savedOnly);\n        handleLoadData({\n            page: DEFAULT_PAGE,\n            query: {\n                savedOnly: savedOnly ? '' : 'true',\n                search: '',\n                tags: '',\n                page: DEFAULT_PAGE,\n                services: '',\n            },\n        });\n    };\n\n    const handleSearch = (searchValue: string) => {\n        setSearch(searchValue);\n\n        handleLoadData({\n            page: DEFAULT_PAGE,\n            query: {search: searchValue, page: DEFAULT_PAGE},\n        });\n    };\n\n    const handleTagSelect = (selectedTags: string[]) => {\n        const event = prepareAnalyticsEvent({\n            name: DefaultGoalIds.tag,\n            counter: AnalyticsCounter.CrossSite,\n        });\n        handleAnalyticsTag(event, {\n            theme: selectedTags[0],\n        });\n\n        const isEmptyTag = selectedTags.some((tag) => tag === 'empty');\n\n        handleLoadData({\n            page: DEFAULT_PAGE,\n            query: {\n                tags: isEmptyTag ? '' : selectedTags[0],\n                page: DEFAULT_PAGE,\n            },\n        });\n    };\n\n    const handleServicesSelect = (selectedServices: string[]) => {\n        const forAnalyticsServices = services.filter((service) => {\n            return selectedServices.includes(service.value);\n        });\n\n        const servicesAsStringForAnalytics = forAnalyticsServices\n            .map((service) => service.content)\n            .join(',');\n\n        const event = prepareAnalyticsEvent({\n            name: DefaultGoalIds.service,\n            counter: AnalyticsCounter.CrossSite,\n        });\n        handleAnalyticsService(event, {\n            service: servicesAsStringForAnalytics,\n        });\n\n        const servicesAsString = selectedServices.join(',');\n\n        handleLoadData({\n            page: DEFAULT_PAGE,\n            query: {services: servicesAsString, page: DEFAULT_PAGE},\n        });\n    };\n\n    const tagsItems = React.useMemo(\n        () => [{value: 'empty', content: i18n(Keyset.AllTags)} as unknown as SelectItem, ...tags],\n        [tags],\n    );\n\n    const servicesItems = React.useMemo(\n        () => (servicesInitial ? [...(servicesInitial as string).split(',')] : []),\n        [servicesInitial],\n    );\n\n    return (\n        <div className={b('header')}>\n            <h1 className={b('header-item', {title: true})}>{i18n(Keyset.Title)}</h1>\n            <div className={b('header-item', {filters: true})}>\n                <div className={b('filter-item')}>\n                    <Search\n                        className={b('search')}\n                        placeholder={i18n(Keyset.Search)}\n                        initialValue={search && typeof search === 'string' ? search : ''}\n                        onSubmit={handleSearch}\n                    />\n                </div>\n                <div className={b('filter-item')}>\n                    <Select\n                        className={b('select')}\n                        size=\"xl\"\n                        options={tagsItems}\n                        defaultValue={[tagInitial] as string[]}\n                        onUpdate={handleTagSelect}\n                        placeholder={i18n(Keyset.AllTags)}\n                        popupClassName={b('popup', {isMobile})}\n                        renderControl={renderSwitcher({\n                            initial: [tagInitial],\n                            list: tagsItems,\n                            defaultLabel: i18n(Keyset.AllTags),\n                        })}\n                        disablePortal\n                        virtualizationThreshold={VIRTUALIZATION_THRESHOLD}\n                        renderOption={renderOption}\n                    />\n                </div>\n\n                {services.length > 0 ? (\n                    <div className={b('filter-item')}>\n                        <Select\n                            className={b('select')}\n                            size=\"xl\"\n                            multiple\n                            filterable\n                            hasClear\n                            disablePortal\n                            options={services}\n                            defaultValue={servicesItems}\n                            popupClassName={b('popup', {isMobile})}\n                            onUpdate={handleServicesSelect}\n                            placeholder={i18n(Keyset.AllServices)}\n                            renderControl={renderSwitcher({\n                                initial: servicesItems,\n                                list: services,\n                                defaultLabel: i18n(Keyset.AllServices),\n                            })}\n                            virtualizationThreshold={VIRTUALIZATION_THRESHOLD}\n                            renderOption={renderOption}\n                            renderFilter={renderFilter}\n                        />\n                    </div>\n                ) : null}\n                {hasLikes ? (\n                    <div className={b('filter-item', {'width-auto': true})}>\n                        <Button\n                            view={'outlined'}\n                            className={b('saved-only-button', {savedOnly})}\n                            size=\"xl\"\n                            onClick={handleSavedOnly}\n                            selected={savedOnly}\n                        >\n                            <Icon data={Save} size={ICON_SIZE} className={b('icon', {savedOnly})} />\n                            {i18n(Keyset.ActionSavedOnly)}\n                        </Button>\n                    </div>\n                ) : null}\n            </div>\n        </div>\n    );\n};\n"]}