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

package/build/cjs/blocks/Header/schema.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Header = void 0;
 const page_constructor_1 = require("@gravity-ui/page-constructor");
-const common_1 = require("../../models/common.js");
-const common_2 = require("../../schema/common.js");
+const common_1 = require("../../models/common");
+const common_2 = require("../../schema/common");
 const { blocks: { HeaderProperties }, common: { BlockBaseProps }, } = page_constructor_1.validators;
 exports.Header = {
     [common_1.BlockType.Header]: {
@@ -11,5 +11,4 @@ exports.Header = {
         additionalProperties: false,
         properties: Object.assign(Object.assign(Object.assign({}, BlockBaseProps), common_2.BlogBlockBase), HeaderProperties),
     },
-};
-//# sourceMappingURL=schema.js.map
+};

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

@@ -1,3 +1,3 @@
-import * as React from 'react';
-import { LayoutProps } from "../../models/blocks.js";
-export declare const Layout: ({ fullWidth, mobileOrder, children, paddingTop, paddingBottom, }: React.PropsWithChildren<LayoutProps>) => import("react/jsx-runtime").JSX.Element;
+import React, { PropsWithChildren } from 'react';
+import { LayoutProps } from '../../models/blocks';
+export declare const Layout: ({ fullWidth, mobileOrder, children, paddingTop, paddingBottom, }: PropsWithChildren<LayoutProps>) => React.JSX.Element;

package/build/cjs/blocks/Layout/Layout.js

@@ -2,15 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Layout = void 0;
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
+const react_1 = tslib_1.__importStar(require("react"));
 const page_constructor_1 = require("@gravity-ui/page-constructor");
-const Wrapper_1 = require("../../components/Wrapper/Wrapper.js");
-const paddings_1 = require("../../models/paddings.js");
-const cn_1 = require("../../utils/cn.js");
+const Wrapper_1 = require("../../components/Wrapper/Wrapper");
+const paddings_1 = require("../../models/paddings");
+const cn_1 = require("../../utils/cn");
 const b = (0, cn_1.block)('layout');
 const Layout = ({ fullWidth, mobileOrder, children, paddingTop = 'xs', paddingBottom = 'xs', }) => {
-    const layout = React.useMemo(() => {
+    const layout = (0, react_1.useMemo)(() => {
         const layoutConfig = {
             leftCol: {
                 sizes: { all: 12, lg: 8 },
@@ -35,8 +34,8 @@ const Layout = ({ fullWidth, mobileOrder, children, paddingTop = 'xs', paddingBo
         }
         return layoutConfig;
     }, [fullWidth, mobileOrder]);
-    const renderChildren = (blockChildren) => React.Children.map(blockChildren, (child, i) => ((0, jsx_runtime_1.jsx)("div", { className: b('item'), children: child }, i)));
-    const { left, right } = React.useMemo(() => children === null || children === void 0 ? void 0 : children.reduce((sortedChildren, child) => {
+    const renderChildren = (blockChildren) => react_1.default.Children.map(blockChildren, (child, i) => (react_1.default.createElement("div", { key: i, className: b('item') }, child)));
+    const { left, right } = (0, react_1.useMemo)(() => children === null || children === void 0 ? void 0 : children.reduce((sortedChildren, child) => {
         var _a, _b;
         if (((_b = (_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.column) === 'left') {
             sortedChildren.left.push(child);
@@ -46,10 +45,12 @@ const Layout = ({ fullWidth, mobileOrder, children, paddingTop = 'xs', paddingBo
         }
         return sortedChildren;
     }, { left: [], right: [] }), [children]);
-    return ((0, jsx_runtime_1.jsx)(Wrapper_1.Wrapper, { paddings: {
+    return (react_1.default.createElement(Wrapper_1.Wrapper, { paddings: {
             [paddings_1.PaddingsDirections.top]: paddingTop,
             [paddings_1.PaddingsDirections.bottom]: paddingBottom,
-        }, children: (0, jsx_runtime_1.jsxs)(page_constructor_1.Row, { className: b('row'), noGutter: true, children: [(0, jsx_runtime_1.jsx)(page_constructor_1.Col, Object.assign({ className: b('left-col') }, layout.leftCol, { children: left && renderChildren(left) })), (0, jsx_runtime_1.jsx)(page_constructor_1.Col, Object.assign({ className: b('right-col') }, layout.rightCol, { children: right && renderChildren(right) }))] }) }));
+        } },
+        react_1.default.createElement(page_constructor_1.Row, { className: b('row'), noGutter: true },
+            react_1.default.createElement(page_constructor_1.Col, Object.assign({ className: b('left-col') }, layout.leftCol), left && renderChildren(left)),
+            react_1.default.createElement(page_constructor_1.Col, Object.assign({ className: b('right-col') }, layout.rightCol), right && renderChildren(right)))));
 };
-exports.Layout = Layout;
-//# sourceMappingURL=Layout.js.map
+exports.Layout = Layout;

package/build/cjs/blocks/Layout/schema.js

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Layout = void 0;
 const page_constructor_1 = require("@gravity-ui/page-constructor");
 const { common: { BlockBaseProps, ChildrenProps }, } = page_constructor_1.validators;
-const common_1 = require("../../models/common.js");
-const common_2 = require("../../schema/common.js");
+const common_1 = require("../../models/common");
+const common_2 = require("../../schema/common");
 exports.Layout = {
     [common_1.BlockType.Layout]: {
         type: 'object',
@@ -15,5 +15,4 @@ exports.Layout = {
                 enum: ['reverse', 'straight'],
             } }),
     },
-};
-//# sourceMappingURL=schema.js.map
+};

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

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

package/build/cjs/blocks/Media/Media.js

@@ -2,22 +2,25 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Media = void 0;
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importDefault(require("react"));
 const page_constructor_1 = require("@gravity-ui/page-constructor");
-const Wrapper_1 = require("../../components/Wrapper/Wrapper.js");
-const paddings_1 = require("../../models/paddings.js");
-const cn_1 = require("../../utils/cn.js");
+const Wrapper_1 = require("../../components/Wrapper/Wrapper");
+const paddings_1 = require("../../models/paddings");
+const cn_1 = require("../../utils/cn");
 const b = (0, cn_1.block)('media');
 const Media = (_a) => {
     var { text, paddingTop, paddingBottom } = _a, mediaProps = tslib_1.__rest(_a, ["text", "paddingTop", "paddingBottom"]);
-    return ((0, jsx_runtime_1.jsxs)(Wrapper_1.Wrapper, { paddings: {
+    return (react_1.default.createElement(Wrapper_1.Wrapper, { paddings: {
             [paddings_1.PaddingsDirections.top]: paddingTop,
             [paddings_1.PaddingsDirections.bottom]: paddingBottom,
-        }, className: b('container'), children: [(0, jsx_runtime_1.jsx)("div", { className: b('border'), "data-qa": "blog-media-content", children: (0, jsx_runtime_1.jsx)(page_constructor_1.Media, Object.assign({ className: b('content'), videoClassName: b('video'), imageClassName: b('image') }, mediaProps)) }), text && ((0, jsx_runtime_1.jsx)("div", { className: b('text-content'), children: (0, jsx_runtime_1.jsx)(page_constructor_1.YFMWrapper, { content: text, modifiers: {
-                        blog: true,
-                        blogMedia: true,
-                        resetPaddings: true,
-                    } }) }))] }));
+        }, className: b('container') },
+        react_1.default.createElement("div", { className: b('border'), "data-qa": "blog-media-content" },
+            react_1.default.createElement(page_constructor_1.Media, Object.assign({ className: b('content'), videoClassName: b('video'), imageClassName: b('image') }, mediaProps))),
+        text && (react_1.default.createElement("div", { className: b('text-content') },
+            react_1.default.createElement(page_constructor_1.YFMWrapper, { content: text, modifiers: {
+                    blog: true,
+                    blogMedia: true,
+                    resetPaddings: true,
+                } })))));
 };
-exports.Media = Media;
-//# sourceMappingURL=Media.js.map
+exports.Media = Media;

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

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

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

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Media = void 0;
 const page_constructor_1 = require("@gravity-ui/page-constructor");
-const common_1 = require("../../models/common.js");
-const common_2 = require("../../schema/common.js");
+const common_1 = require("../../models/common");
+const common_2 = require("../../schema/common");
 const { common: { BlockBaseProps, MediaProps }, } = page_constructor_1.validators;
 exports.Media = {
     [common_1.BlockType.Media]: {
@@ -14,5 +14,4 @@ exports.Media = {
                 contentType: 'text',
             } }),
     },
-};
-//# sourceMappingURL=schema.js.map
+};

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

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

package/build/cjs/blocks/Meta/Meta.js

@@ -2,19 +2,18 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Meta = void 0;
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
+const react_1 = tslib_1.__importStar(require("react"));
 const page_constructor_1 = require("@gravity-ui/page-constructor");
-const PostInfo_1 = require("../../components/PostInfo/PostInfo.js");
-const Wrapper_1 = require("../../components/Wrapper/Wrapper.js");
-const constants_1 = require("../../constants.js");
-const LocaleContext_1 = require("../../contexts/LocaleContext.js");
-const SettingsContext_1 = require("../../contexts/SettingsContext.js");
-const PostPageContext_1 = require("../../contexts/PostPageContext.js");
-const paddings_1 = require("../../models/paddings.js");
-const cn_1 = require("../../utils/cn.js");
-const common_1 = require("../../utils/common.js");
-const utils_1 = require("../../counters/utils.js");
+const PostInfo_1 = require("../../components/PostInfo/PostInfo");
+const Wrapper_1 = require("../../components/Wrapper/Wrapper");
+const constants_1 = require("../../constants");
+const LocaleContext_1 = require("../../contexts/LocaleContext");
+const SettingsContext_1 = require("../../contexts/SettingsContext");
+const PostPageContext_1 = require("../../contexts/PostPageContext");
+const paddings_1 = require("../../models/paddings");
+const cn_1 = require("../../utils/cn");
+const common_1 = require("../../utils/common");
+const utils_1 = require("../../counters/utils");
 const b = (0, cn_1.block)('meta');
 const analyticsEventsContainer = {
     sharing: (0, common_1.prepareAnalyticsEvent)({ name: constants_1.DefaultGoalIds.shareBottom }),
@@ -26,21 +25,23 @@ const breadcrumbsGoals = (0, common_1.prepareAnalyticsEvent)({
 });
 const Meta = (props) => {
     const { paddingTop = 'l', paddingBottom = 'l', theme = 'light', qa } = props;
-    const { post } = React.useContext(PostPageContext_1.PostPageContext);
-    const { locale } = React.useContext(LocaleContext_1.LocaleContext);
+    const { post } = (0, react_1.useContext)(PostPageContext_1.PostPageContext);
+    const { locale } = (0, react_1.useContext)(LocaleContext_1.LocaleContext);
     const qaAttributes = (0, common_1.getQaAttributes)(qa, 'post-info');
-    const { getBlogPath = common_1.getBlogPath } = React.useContext(SettingsContext_1.SettingsContext);
+    const { getBlogPath = common_1.getBlogPath } = (0, react_1.useContext)(SettingsContext_1.SettingsContext);
     const blogPath = getBlogPath(locale.pathPrefix || '');
     const { title, id, date, readingTime, tags } = post;
     const breadcrumbs = (0, common_1.getBreadcrumbs)({ tags, blogPath });
     breadcrumbs.analyticsEvents = (0, common_1.getMergedAnalyticsEvents)(breadcrumbsGoals);
-    return ((0, jsx_runtime_1.jsxs)(Wrapper_1.Wrapper, { paddings: {
+    return (react_1.default.createElement(Wrapper_1.Wrapper, { paddings: {
             [paddings_1.PaddingsDirections.top]: paddingTop,
             [paddings_1.PaddingsDirections.bottom]: paddingBottom,
-        }, qa: qaAttributes.wrapper, children: [breadcrumbs && ((0, jsx_runtime_1.jsx)(page_constructor_1.HeaderBreadcrumbs, { items: breadcrumbs.items, className: b('breadcrumbs'), theme: theme })), title && ((0, jsx_runtime_1.jsx)(page_constructor_1.YFMWrapper, { content: title, modifiers: {
-                    blogBreadcrumbs: true,
-                    resetPaddings: true,
-                } })), post && ((0, jsx_runtime_1.jsx)(PostInfo_1.PostInfo, { postId: id, date: date, readingTime: readingTime, analyticsEventsContainer: analyticsEventsContainer, qa: qaAttributes.postInfo }))] }));
+        }, qa: qaAttributes.wrapper },
+        breadcrumbs && (react_1.default.createElement(page_constructor_1.HeaderBreadcrumbs, { items: breadcrumbs.items, className: b('breadcrumbs'), theme: theme })),
+        title && (react_1.default.createElement(page_constructor_1.YFMWrapper, { content: title, modifiers: {
+                blogBreadcrumbs: true,
+                resetPaddings: true,
+            } })),
+        post && (react_1.default.createElement(PostInfo_1.PostInfo, { postId: id, date: date, readingTime: readingTime, analyticsEventsContainer: analyticsEventsContainer, qa: qaAttributes.postInfo }))));
 };
-exports.Meta = Meta;
-//# sourceMappingURL=Meta.js.map
+exports.Meta = Meta;

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

@@ -3,13 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Meta = void 0;
 const page_constructor_1 = require("@gravity-ui/page-constructor");
 const { common: { BlockBaseProps }, } = page_constructor_1.validators;
-const common_1 = require("../../models/common.js");
-const common_2 = require("../../schema/common.js");
+const common_1 = require("../../models/common");
+const common_2 = require("../../schema/common");
 exports.Meta = {
     [common_1.BlockType.Meta]: {
         type: 'object',
         additionalProperties: false,
         properties: Object.assign(Object.assign({}, BlockBaseProps), common_2.BlogBlockBase),
     },
-};
-//# sourceMappingURL=schema.js.map
+};

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

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

package/build/cjs/blocks/Suggest/Suggest.js

@@ -2,17 +2,16 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Suggest = void 0;
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
+const react_1 = tslib_1.__importStar(require("react"));
 const page_constructor_1 = require("@gravity-ui/page-constructor");
-const PostCard_1 = require("../../components/PostCard/PostCard.js");
-const Wrapper_1 = require("../../components/Wrapper/Wrapper.js");
-const PostPageContext_1 = require("../../contexts/PostPageContext.js");
-const i18n_1 = require("../../i18n/index.js");
-const paddings_1 = require("../../models/paddings.js");
-const common_1 = require("../../utils/common.js");
-const constants_1 = require("../../constants.js");
-const utils_1 = require("../../counters/utils.js");
+const PostCard_1 = require("../../components/PostCard/PostCard");
+const Wrapper_1 = require("../../components/Wrapper/Wrapper");
+const PostPageContext_1 = require("../../contexts/PostPageContext");
+const i18n_1 = require("../../i18n");
+const paddings_1 = require("../../models/paddings");
+const common_1 = require("../../utils/common");
+const constants_1 = require("../../constants");
+const utils_1 = require("../../counters/utils");
 const suggestGoals = (0, common_1.prepareAnalyticsEvent)({
     name: constants_1.DefaultGoalIds.suggest,
     counter: utils_1.AnalyticsCounter.CrossSite,
@@ -27,14 +26,14 @@ const suggestGoals = (0, common_1.prepareAnalyticsEvent)({
  * @returns -jsx
  */
 const Suggest = ({ paddingTop = 'l', paddingBottom = 'l' }) => {
-    const { suggestedPosts } = React.useContext(PostPageContext_1.PostPageContext);
+    const { suggestedPosts } = (0, react_1.useContext)(PostPageContext_1.PostPageContext);
     if (suggestedPosts.length === 0) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsx)(Wrapper_1.Wrapper, { paddings: {
+    return (react_1.default.createElement(Wrapper_1.Wrapper, { paddings: {
             [paddings_1.PaddingsDirections.top]: paddingTop,
             [paddings_1.PaddingsDirections.bottom]: paddingBottom,
-        }, children: (0, jsx_runtime_1.jsx)(page_constructor_1.SliderBlock, { slidesToShow: { xl: 3, lg: 2, sm: 1 }, title: { text: (0, i18n_1.i18n)(i18n_1.Keyset.TitleSuggest) }, lazyLoad: false, children: suggestedPosts.map((post) => ((0, jsx_runtime_1.jsx)(PostCard_1.PostCard, { analyticsEvents: suggestGoals, post: post }, post.id))) }) }));
+        } },
+        react_1.default.createElement(page_constructor_1.SliderBlock, { slidesToShow: { xl: 3, lg: 2, sm: 1 }, title: { text: (0, i18n_1.i18n)(i18n_1.Keyset.TitleSuggest) }, lazyLoad: false }, suggestedPosts.map((post) => (react_1.default.createElement(PostCard_1.PostCard, { key: post.id, analyticsEvents: suggestGoals, post: post }))))));
 };
-exports.Suggest = Suggest;
-//# sourceMappingURL=Suggest.js.map
+exports.Suggest = Suggest;

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

@@ -3,13 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Suggest = void 0;
 const page_constructor_1 = require("@gravity-ui/page-constructor");
 const { common: { BlockBaseProps }, } = page_constructor_1.validators;
-const common_1 = require("../../models/common.js");
-const common_2 = require("../../schema/common.js");
+const common_1 = require("../../models/common");
+const common_2 = require("../../schema/common");
 exports.Suggest = {
     [common_1.BlockType.Suggest]: {
         type: 'object',
         additionalProperties: false,
         properties: Object.assign(Object.assign({}, BlockBaseProps), common_2.BlogBlockBase),
     },
-};
-//# sourceMappingURL=schema.js.map
+};

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

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

package/build/cjs/blocks/YFM/YFM.js

@@ -1,23 +1,24 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.YFM = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
 const page_constructor_1 = require("@gravity-ui/page-constructor");
-const Wrapper_1 = require("../../components/Wrapper/Wrapper.js");
-const paddings_1 = require("../../models/paddings.js");
-const cn_1 = require("../../utils/cn.js");
-const common_1 = require("../../utils/common.js");
+const Wrapper_1 = require("../../components/Wrapper/Wrapper");
+const paddings_1 = require("../../models/paddings");
+const cn_1 = require("../../utils/cn");
+const common_1 = require("../../utils/common");
 const b = (0, cn_1.cn)('yfm');
 const YFM = (props) => {
     const { text, paddingTop, paddingBottom, qa } = props;
     const qaAttributes = (0, common_1.getQaAttributes)(qa);
-    return ((0, jsx_runtime_1.jsx)(Wrapper_1.Wrapper, { paddings: {
+    return (react_1.default.createElement(Wrapper_1.Wrapper, { paddings: {
             [paddings_1.PaddingsDirections.top]: paddingTop,
             [paddings_1.PaddingsDirections.bottom]: paddingBottom,
-        }, qa: qaAttributes.wrapper, children: (0, jsx_runtime_1.jsx)(page_constructor_1.YFMWrapper, { content: text, modifiers: {
+        }, qa: qaAttributes.wrapper },
+        react_1.default.createElement(page_constructor_1.YFMWrapper, { content: text, modifiers: {
                 blog: true,
                 resetPaddings: true,
-            }, className: b({ 'no-list-reset': true }) }) }));
+            }, className: b({ 'no-list-reset': true }) })));
 };
-exports.YFM = YFM;
-//# sourceMappingURL=YFM.js.map
+exports.YFM = YFM;

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

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.YFM = void 0;
 const page_constructor_1 = require("@gravity-ui/page-constructor");
 const { common: { BlockBaseProps }, } = page_constructor_1.validators;
-const common_1 = require("../../models/common.js");
-const common_2 = require("../../schema/common.js");
+const common_1 = require("../../models/common");
+const common_2 = require("../../schema/common");
 exports.YFM = {
     [common_1.BlockType.YFM]: {
         type: 'object',
@@ -15,5 +15,4 @@ exports.YFM = {
                 contentType: 'yfm',
             } }),
     },
-};
-//# sourceMappingURL=schema.js.map
+};

package/build/cjs/blocks/constants.js

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

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

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

package/build/cjs/components/FeedHeader/FeedHeader.js

@@ -1,18 +1,22 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FeedHeader = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
 const page_constructor_1 = require("@gravity-ui/page-constructor");
-const cn_1 = require("../../utils/cn.js");
-const Controls_1 = require("./components/Controls/Controls.js");
+const cn_1 = require("../../utils/cn");
+const Controls_1 = require("./components/Controls/Controls");
 const b = (0, cn_1.block)('feed-header');
 const FeedHeader = ({ tags, services, handleLoadData, offset = 'default', background, theme = 'light', verticalOffset = 'l', className, queryParams, }) => {
     const backgroundThemed = background && (0, page_constructor_1.getThemedValue)(background, theme);
-    return ((0, jsx_runtime_1.jsxs)("header", { className: b('header', { ['has-background']: Boolean(background) }, className), children: [(backgroundThemed === null || backgroundThemed === void 0 ? void 0 : backgroundThemed.color) ? ((0, jsx_runtime_1.jsx)(page_constructor_1.FullWidthBackground, { style: { backgroundColor: backgroundThemed === null || backgroundThemed === void 0 ? void 0 : backgroundThemed.color }, theme: "rounded" })) : null, (0, jsx_runtime_1.jsxs)(page_constructor_1.Grid, { className: b('content', { offset, theme, 'vertical-offset': verticalOffset }), children: [backgroundThemed ? ((0, jsx_runtime_1.jsx)(page_constructor_1.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, (0, jsx_runtime_1.jsx)(Controls_1.Controls, { tags: tags, services: services, handleLoadData: handleLoadData, queryParams: queryParams })] })] }));
+    return (react_1.default.createElement("header", { className: b('header', { ['has-background']: Boolean(background) }, className) },
+        (backgroundThemed === null || backgroundThemed === void 0 ? void 0 : backgroundThemed.color) ? (react_1.default.createElement(page_constructor_1.FullWidthBackground, { style: { backgroundColor: backgroundThemed === null || backgroundThemed === void 0 ? void 0 : backgroundThemed.color }, theme: "rounded" })) : null,
+        react_1.default.createElement(page_constructor_1.Grid, { className: b('content', { offset, theme, 'vertical-offset': verticalOffset }) },
+            backgroundThemed ? (react_1.default.createElement(page_constructor_1.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_1.default.createElement(Controls_1.Controls, { tags: tags, services: services, handleLoadData: handleLoadData, queryParams: queryParams }))));
 };
-exports.FeedHeader = FeedHeader;
-//# sourceMappingURL=FeedHeader.js.map
+exports.FeedHeader = FeedHeader;

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

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

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

@@ -2,34 +2,33 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Controls = void 0;
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
+const react_1 = tslib_1.__importStar(require("react"));
 const page_constructor_1 = require("@gravity-ui/page-constructor");
 const uikit_1 = require("@gravity-ui/uikit");
-const constants_1 = require("../../../../constants.js");
-const LikesContext_1 = require("../../../../contexts/LikesContext.js");
-const MobileContext_1 = require("../../../../contexts/MobileContext.js");
-const utils_1 = require("../../../../counters/utils.js");
-const i18n_1 = require("../../../../i18n/index.js");
-const Save_1 = require("../../../../icons/Save.js");
-const common_1 = require("../../../../models/common.js");
-const cn_1 = require("../../../../utils/cn.js");
-const Search_1 = require("../../../Search/Search.js");
-const common_2 = require("../../../../utils/common.js");
-const customRenders_1 = require("./customRenders.js");
+const constants_1 = require("../../../../constants");
+const LikesContext_1 = require("../../../../contexts/LikesContext");
+const MobileContext_1 = require("../../../../contexts/MobileContext");
+const utils_1 = require("../../../../counters/utils");
+const i18n_1 = require("../../../../i18n");
+const Save_1 = require("../../../../icons/Save");
+const common_1 = require("../../../../models/common");
+const cn_1 = require("../../../../utils/cn");
+const Search_1 = require("../../../Search/Search");
+const common_2 = require("../../../../utils/common");
+const customRenders_1 = require("./customRenders");
 const b = (0, cn_1.block)('feed-controls');
 const ICON_SIZE = 16;
 const DEFAULT_PAGE = 1;
 const VIRTUALIZATION_THRESHOLD = 1000;
 const Controls = ({ handleLoadData, tags = [], services = [], queryParams, }) => {
-    const { hasLikes } = React.useContext(LikesContext_1.LikesContext);
+    const { hasLikes } = (0, react_1.useContext)(LikesContext_1.LikesContext);
     const handleAnalyticsTag = (0, page_constructor_1.useAnalytics)(common_1.DefaultEventNames.Tag);
     const handleAnalyticsService = (0, page_constructor_1.useAnalytics)(common_1.DefaultEventNames.Service);
     const handleAnalyticsSaveOnly = (0, page_constructor_1.useAnalytics)(common_1.DefaultEventNames.SaveOnly);
     const { savedOnly: savedOnlyInitial, search: searchInitial, tags: tagInitial, services: servicesInitial, } = queryParams || {};
-    const [savedOnly, setSavedOnly] = React.useState(savedOnlyInitial === 'true');
-    const [search, setSearch] = React.useState(searchInitial);
-    const isMobile = React.useContext(MobileContext_1.MobileContext);
+    const [savedOnly, setSavedOnly] = (0, react_1.useState)(savedOnlyInitial === 'true');
+    const [search, setSearch] = (0, react_1.useState)(searchInitial);
+    const isMobile = (0, react_1.useContext)(MobileContext_1.MobileContext);
     const handleSavedOnly = () => {
         handleAnalyticsSaveOnly();
         setSavedOnly(!savedOnly);
@@ -88,17 +87,28 @@ const Controls = ({ handleLoadData, tags = [], services = [], queryParams, }) =>
             query: { services: servicesAsString, page: DEFAULT_PAGE },
         });
     };
-    const tagsItems = React.useMemo(() => [{ value: 'empty', content: (0, i18n_1.i18n)(i18n_1.Keyset.AllTags) }, ...tags], [tags]);
-    const servicesItems = React.useMemo(() => (servicesInitial ? [...servicesInitial.split(',')] : []), [servicesInitial]);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: b('header'), children: [(0, jsx_runtime_1.jsx)("h1", { className: b('header-item', { title: true }), children: (0, i18n_1.i18n)(i18n_1.Keyset.Title) }), (0, jsx_runtime_1.jsxs)("div", { className: b('header-item', { filters: true }), children: [(0, jsx_runtime_1.jsx)("div", { className: b('filter-item'), children: (0, jsx_runtime_1.jsx)(Search_1.Search, { className: b('search'), placeholder: (0, i18n_1.i18n)(i18n_1.Keyset.Search), initialValue: search && typeof search === 'string' ? search : '', onSubmit: handleSearch }) }), (0, jsx_runtime_1.jsx)("div", { className: b('filter-item'), children: (0, jsx_runtime_1.jsx)(uikit_1.Select, { className: b('select'), size: "xl", options: tagsItems, defaultValue: [tagInitial], onUpdate: handleTagSelect, placeholder: (0, i18n_1.i18n)(i18n_1.Keyset.AllTags), popupClassName: b('popup', { isMobile }), renderControl: (0, customRenders_1.renderSwitcher)({
-                                initial: [tagInitial],
-                                list: tagsItems,
-                                defaultLabel: (0, i18n_1.i18n)(i18n_1.Keyset.AllTags),
-                            }), disablePortal: true, virtualizationThreshold: VIRTUALIZATION_THRESHOLD, renderOption: customRenders_1.renderOption }) }), services.length > 0 ? ((0, jsx_runtime_1.jsx)("div", { className: b('filter-item'), children: (0, jsx_runtime_1.jsx)(uikit_1.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: (0, i18n_1.i18n)(i18n_1.Keyset.AllServices), renderControl: (0, customRenders_1.renderSwitcher)({
-                                initial: servicesItems,
-                                list: services,
-                                defaultLabel: (0, i18n_1.i18n)(i18n_1.Keyset.AllServices),
-                            }), virtualizationThreshold: VIRTUALIZATION_THRESHOLD, renderOption: customRenders_1.renderOption, renderFilter: customRenders_1.renderFilter }) })) : null, hasLikes ? ((0, jsx_runtime_1.jsx)("div", { className: b('filter-item', { 'width-auto': true }), children: (0, jsx_runtime_1.jsxs)(uikit_1.Button, { view: 'outlined', className: b('saved-only-button', { savedOnly }), size: "xl", onClick: handleSavedOnly, selected: savedOnly, children: [(0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: Save_1.Save, size: ICON_SIZE, className: b('icon', { savedOnly }) }), (0, i18n_1.i18n)(i18n_1.Keyset.ActionSavedOnly)] }) })) : null] })] }));
+    const tagsItems = (0, react_1.useMemo)(() => [{ value: 'empty', content: (0, i18n_1.i18n)(i18n_1.Keyset.AllTags) }, ...tags], [tags]);
+    const servicesItems = (0, react_1.useMemo)(() => (servicesInitial ? [...servicesInitial.split(',')] : []), [servicesInitial]);
+    return (react_1.default.createElement("div", { className: b('header') },
+        react_1.default.createElement("h1", { className: b('header-item', { title: true }) }, (0, i18n_1.i18n)(i18n_1.Keyset.Title)),
+        react_1.default.createElement("div", { className: b('header-item', { filters: true }) },
+            react_1.default.createElement("div", { className: b('filter-item') },
+                react_1.default.createElement(Search_1.Search, { className: b('search'), placeholder: (0, i18n_1.i18n)(i18n_1.Keyset.Search), initialValue: search && typeof search === 'string' ? search : '', onSubmit: handleSearch })),
+            react_1.default.createElement("div", { className: b('filter-item') },
+                react_1.default.createElement(uikit_1.Select, { className: b('select'), size: "xl", options: tagsItems, defaultValue: [tagInitial], onUpdate: handleTagSelect, placeholder: (0, i18n_1.i18n)(i18n_1.Keyset.AllTags), popupClassName: b('popup', { isMobile }), renderControl: (0, customRenders_1.renderSwitcher)({
+                        initial: [tagInitial],
+                        list: tagsItems,
+                        defaultLabel: (0, i18n_1.i18n)(i18n_1.Keyset.AllTags),
+                    }), disablePortal: true, virtualizationThreshold: VIRTUALIZATION_THRESHOLD, renderOption: customRenders_1.renderOption })),
+            services.length > 0 ? (react_1.default.createElement("div", { className: b('filter-item') },
+                react_1.default.createElement(uikit_1.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: (0, i18n_1.i18n)(i18n_1.Keyset.AllServices), renderControl: (0, customRenders_1.renderSwitcher)({
+                        initial: servicesItems,
+                        list: services,
+                        defaultLabel: (0, i18n_1.i18n)(i18n_1.Keyset.AllServices),
+                    }), virtualizationThreshold: VIRTUALIZATION_THRESHOLD, renderOption: customRenders_1.renderOption, renderFilter: customRenders_1.renderFilter }))) : null,
+            hasLikes ? (react_1.default.createElement("div", { className: b('filter-item', { 'width-auto': true }) },
+                react_1.default.createElement(uikit_1.Button, { view: 'outlined', className: b('saved-only-button', { savedOnly }), size: "xl", onClick: handleSavedOnly, selected: savedOnly },
+                    react_1.default.createElement(uikit_1.Icon, { data: Save_1.Save, size: ICON_SIZE, className: b('icon', { savedOnly }) }),
+                    (0, i18n_1.i18n)(i18n_1.Keyset.ActionSavedOnly)))) : null)));
 };
-exports.Controls = Controls;
-//# sourceMappingURL=Controls.js.map
+exports.Controls = Controls;

package/build/cjs/components/FeedHeader/components/Controls/customRenders.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import { SelectOption, SelectProps } from '@gravity-ui/uikit';
-import { CustomSwitcherProps } from "../CustomSwitcher/CustomSwitcher.js";
+import { CustomSwitcherProps } from '../CustomSwitcher/CustomSwitcher';
 type RenderSwitcherType = ({ initial, list, defaultLabel, }: {
     initial: CustomSwitcherProps['initial'];
     list: CustomSwitcherProps['list'];
@@ -8,5 +9,5 @@ type RenderSwitcherType = ({ initial, list, defaultLabel, }: {
 type RenderFilterType = SelectProps['renderFilter'];
 export declare const renderSwitcher: RenderSwitcherType;
 export declare const renderFilter: RenderFilterType;
-export declare const renderOption: (option: SelectOption) => import("react/jsx-runtime").JSX.Element;
+export declare const renderOption: (option: SelectOption) => React.JSX.Element;
 export {};