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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"YFM.js","sourceRoot":"../../../../src","sources":["blocks/YFM/YFM.tsx"],"names":[],"mappings":";;;;AAAA,mEAAwD;AAExD,iEAAyD;AAEzD,uDAAyD;AACzD,0CAAkC;AAClC,kDAAmD;AAEnD,MAAM,CAAC,GAAG,IAAA,OAAE,EAAC,KAAK,CAAC,CAAC;AAEb,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,IAAA,wBAAe,EAAC,EAAE,CAAC,CAAC;IAEzC,OAAO,CACH,uBAAC,iBAAO,IACJ,QAAQ,EAAE;YACN,CAAC,6BAAkB,CAAC,GAAG,CAAC,EAAE,UAAU;YACpC,CAAC,6BAAkB,CAAC,MAAM,CAAC,EAAE,aAAa;SAC7C,EACD,EAAE,EAAE,YAAY,CAAC,OAAO,YAExB,uBAAC,6BAAU,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;AAtBW,QAAA,GAAG,OAsBd","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/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");
-const common_2 = require("../../schema/common");
+const common_1 = require("../../models/common.js");
+const common_2 = require("../../schema/common.js");
 exports.YFM = {
     [common_1.BlockType.YFM]: {
         type: 'object',
@@ -15,4 +15,5 @@ exports.YFM = {
                 contentType: 'yfm',
             } }),
     },
-};
+};
+//# sourceMappingURL=schema.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/YFM/schema.ts"],"names":[],"mappings":";;;AAAA,mEAAwD;AAExD,MAAM,EACF,MAAM,EAAE,EAAC,cAAc,EAAC,GAC3B,GAAG,6BAAU,CAAC;AAEf,mDAA8C;AAC9C,mDAAkD;AAErC,QAAA,GAAG,GAAG;IACf,CAAC,kBAAS,CAAC,GAAG,CAAC,EAAE;QACb,IAAI,EAAE,QAAQ;QACd,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,MAAM,CAAC;QAClB,UAAU,gDACH,cAAc,GACd,sBAAa,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/cjs/blocks/constants.js

@@ -5,4 +5,5 @@ 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;
+exports.DEFAULT_ROWS_PER_PAGE = 12;
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"../../../src","sources":["blocks/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,oBAAoB,GAAG,GAAG,CAAC;AAE3B,QAAA,yBAAyB,GAAG,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAC,CAAC;AAE9C,QAAA,qBAAqB,GAAG,SAAS,CAAC;AAElC,QAAA,YAAY,GAAG,CAAC,CAAC;AAEjB,QAAA,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/cjs/components/FeedHeader/FeedHeader.d.ts

@@ -1,8 +1,7 @@
-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";
 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/cjs/components/FeedHeader/FeedHeader.js

@@ -1,22 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FeedHeader = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const page_constructor_1 = require("@gravity-ui/page-constructor");
-const cn_1 = require("../../utils/cn");
-const Controls_1 = require("./components/Controls/Controls");
+const cn_1 = require("../../utils/cn.js");
+const Controls_1 = require("./components/Controls/Controls.js");
 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 (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 }))));
+    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 })] })] }));
 };
-exports.FeedHeader = FeedHeader;
+exports.FeedHeader = FeedHeader;
+//# sourceMappingURL=FeedHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FeedHeader.js","sourceRoot":"../../../../src","sources":["components/FeedHeader/FeedHeader.tsx"],"names":[],"mappings":";;;;AAAA,mEAMsC;AAGtC,0CAAqC;AAErC,gEAAuE;AAIvE,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,aAAa,CAAC,CAAC;AAQxB,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,IAAA,iCAAc,EAAC,UAAU,EAAE,KAAc,CAAC,CAAC;IAElF,OAAO,CACH,oCAAQ,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,uBAAC,sCAAmB,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,wBAAC,uBAAI,IAAC,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,MAAM,EAAE,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAC,CAAC,aAC5E,gBAAgB,CAAC,CAAC,CAAC,CAChB,uBAAC,kCAAe,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,uBAAC,mBAAQ,IACL,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,GAC1B,IACC,IACF,CACZ,CAAC;AACN,CAAC,CAAC;AA5CW,QAAA,UAAU,cA4CrB","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/cjs/components/FeedHeader/components/Controls/Controls.d.ts

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

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

@@ -2,33 +2,34 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Controls = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
 const page_constructor_1 = require("@gravity-ui/page-constructor");
 const uikit_1 = require("@gravity-ui/uikit");
-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 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 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 } = (0, react_1.useContext)(LikesContext_1.LikesContext);
+    const { hasLikes } = React.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] = (0, react_1.useState)(savedOnlyInitial === 'true');
-    const [search, setSearch] = (0, react_1.useState)(searchInitial);
-    const isMobile = (0, react_1.useContext)(MobileContext_1.MobileContext);
+    const [savedOnly, setSavedOnly] = React.useState(savedOnlyInitial === 'true');
+    const [search, setSearch] = React.useState(searchInitial);
+    const isMobile = React.useContext(MobileContext_1.MobileContext);
     const handleSavedOnly = () => {
         handleAnalyticsSaveOnly();
         setSavedOnly(!savedOnly);
@@ -87,28 +88,17 @@ const Controls = ({ handleLoadData, tags = [], services = [], queryParams, }) =>
             query: { services: servicesAsString, page: DEFAULT_PAGE },
         });
     };
-    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)));
+    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] })] }));
 };
-exports.Controls = Controls;
+exports.Controls = Controls;
+//# sourceMappingURL=Controls.js.map

package/build/cjs/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":";;;;;AAAA,qDAA+B;AAE/B,mEAA0D;AAC1D,6CAAuD;AAEvD,wDAAqD;AACrD,uEAA+D;AAC/D,yEAAiE;AACjE,yDAA4D;AAC5D,oDAA8C;AAC9C,oDAA4C;AAC5C,yDAA8E;AAC9E,gDAA2C;AAC3C,sDAA8C;AAC9C,wDAA+D;AAE/D,sDAA2E;AAI3E,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,eAAe,CAAC,CAAC;AAejC,MAAM,SAAS,GAAG,EAAE,CAAC;AACrB,MAAM,YAAY,GAAG,CAAC,CAAC;AACvB,MAAM,wBAAwB,GAAG,IAAI,CAAC;AAE/B,MAAM,QAAQ,GAAG,CAAC,EACrB,cAAc,EACd,IAAI,GAAG,EAAE,EACT,QAAQ,GAAG,EAAE,EACb,WAAW,GACC,EAAE,EAAE;IAChB,MAAM,EAAC,QAAQ,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,2BAAY,CAAC,CAAC;IAClD,MAAM,kBAAkB,GAAG,IAAA,+BAAY,EAAC,0BAAiB,CAAC,GAAG,CAAC,CAAC;IAC/D,MAAM,sBAAsB,GAAG,IAAA,+BAAY,EAAC,0BAAiB,CAAC,OAAO,CAAC,CAAC;IACvE,MAAM,uBAAuB,GAAG,IAAA,+BAAY,EAAC,0BAAiB,CAAC,QAAQ,CAAC,CAAC;IAEzE,MAAM,EACF,SAAS,EAAE,gBAAgB,EAC3B,MAAM,EAAE,aAAa,EACrB,IAAI,EAAE,UAAU,EAChB,QAAQ,EAAE,eAAe,GAC5B,GAAG,WAAW,IAAI,EAAE,CAAC;IAEtB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,gBAAgB,KAAK,MAAM,CAAC,CAAC;IACvF,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,aAAuB,CAAC,CAAC;IAE5E,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,6BAAa,CAAC,CAAC;IAEjD,MAAM,eAAe,GAAG,GAAG,EAAE;QACzB,uBAAuB,EAAE,CAAC;QAC1B,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC;QACzB,cAAc,CAAC;YACX,IAAI,EAAE,YAAY;YAClB,KAAK,EAAE;gBACH,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM;gBAClC,MAAM,EAAE,EAAE;gBACV,IAAI,EAAE,EAAE;gBACR,IAAI,EAAE,YAAY;gBAClB,QAAQ,EAAE,EAAE;aACf;SACJ,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,WAAmB,EAAE,EAAE;QACzC,SAAS,CAAC,WAAW,CAAC,CAAC;QAEvB,cAAc,CAAC;YACX,IAAI,EAAE,YAAY;YAClB,KAAK,EAAE,EAAC,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,YAAY,EAAC;SACnD,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,YAAsB,EAAE,EAAE;QAC/C,MAAM,KAAK,GAAG,IAAA,8BAAqB,EAAC;YAChC,IAAI,EAAE,0BAAc,CAAC,GAAG;YACxB,OAAO,EAAE,wBAAgB,CAAC,SAAS;SACtC,CAAC,CAAC;QACH,kBAAkB,CAAC,KAAK,EAAE;YACtB,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC;SACzB,CAAC,CAAC;QAEH,MAAM,UAAU,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,KAAK,OAAO,CAAC,CAAC;QAE/D,cAAc,CAAC;YACX,IAAI,EAAE,YAAY;YAClB,KAAK,EAAE;gBACH,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC;gBACvC,IAAI,EAAE,YAAY;aACrB;SACJ,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,CAAC,gBAA0B,EAAE,EAAE;QACxD,MAAM,oBAAoB,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,EAAE;YACrD,OAAO,gBAAgB,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACpD,CAAC,CAAC,CAAC;QAEH,MAAM,4BAA4B,GAAG,oBAAoB;aACpD,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC;aACjC,IAAI,CAAC,GAAG,CAAC,CAAC;QAEf,MAAM,KAAK,GAAG,IAAA,8BAAqB,EAAC;YAChC,IAAI,EAAE,0BAAc,CAAC,OAAO;YAC5B,OAAO,EAAE,wBAAgB,CAAC,SAAS;SACtC,CAAC,CAAC;QACH,sBAAsB,CAAC,KAAK,EAAE;YAC1B,OAAO,EAAE,4BAA4B;SACxC,CAAC,CAAC;QAEH,MAAM,gBAAgB,GAAG,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAEpD,cAAc,CAAC;YACX,IAAI,EAAE,YAAY;YAClB,KAAK,EAAE,EAAC,QAAQ,EAAE,gBAAgB,EAAE,IAAI,EAAE,YAAY,EAAC;SAC1D,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAC3B,GAAG,EAAE,CAAC,CAAC,EAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,IAAA,WAAI,EAAC,aAAM,CAAC,OAAO,CAAC,EAA0B,EAAE,GAAG,IAAI,CAAC,EACzF,CAAC,IAAI,CAAC,CACT,CAAC;IAEF,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAC/B,GAAG,EAAE,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,GAAI,eAA0B,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAC1E,CAAC,eAAe,CAAC,CACpB,CAAC;IAEF,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,aACvB,+BAAI,SAAS,EAAE,CAAC,CAAC,aAAa,EAAE,EAAC,KAAK,EAAE,IAAI,EAAC,CAAC,YAAG,IAAA,WAAI,EAAC,aAAM,CAAC,KAAK,CAAC,GAAM,EACzE,iCAAK,SAAS,EAAE,CAAC,CAAC,aAAa,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,aAC7C,gCAAK,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,YAC5B,uBAAC,eAAM,IACH,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,WAAW,EAAE,IAAA,WAAI,EAAC,aAAM,CAAC,MAAM,CAAC,EAChC,YAAY,EAAE,MAAM,IAAI,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAChE,QAAQ,EAAE,YAAY,GACxB,GACA,EACN,gCAAK,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,YAC5B,uBAAC,cAAM,IACH,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,SAAS,EAClB,YAAY,EAAE,CAAC,UAAU,CAAa,EACtC,QAAQ,EAAE,eAAe,EACzB,WAAW,EAAE,IAAA,WAAI,EAAC,aAAM,CAAC,OAAO,CAAC,EACjC,cAAc,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,QAAQ,EAAC,CAAC,EACtC,aAAa,EAAE,IAAA,8BAAc,EAAC;gCAC1B,OAAO,EAAE,CAAC,UAAU,CAAC;gCACrB,IAAI,EAAE,SAAS;gCACf,YAAY,EAAE,IAAA,WAAI,EAAC,aAAM,CAAC,OAAO,CAAC;6BACrC,CAAC,EACF,aAAa,QACb,uBAAuB,EAAE,wBAAwB,EACjD,YAAY,EAAE,4BAAY,GAC5B,GACA,EAEL,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACnB,gCAAK,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,YAC5B,uBAAC,cAAM,IACH,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,IAAI,EAAC,IAAI,EACT,QAAQ,QACR,UAAU,QACV,QAAQ,QACR,aAAa,QACb,OAAO,EAAE,QAAQ,EACjB,YAAY,EAAE,aAAa,EAC3B,cAAc,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,QAAQ,EAAC,CAAC,EACtC,QAAQ,EAAE,oBAAoB,EAC9B,WAAW,EAAE,IAAA,WAAI,EAAC,aAAM,CAAC,WAAW,CAAC,EACrC,aAAa,EAAE,IAAA,8BAAc,EAAC;gCAC1B,OAAO,EAAE,aAAa;gCACtB,IAAI,EAAE,QAAQ;gCACd,YAAY,EAAE,IAAA,WAAI,EAAC,aAAM,CAAC,WAAW,CAAC;6BACzC,CAAC,EACF,uBAAuB,EAAE,wBAAwB,EACjD,YAAY,EAAE,4BAAY,EAC1B,YAAY,EAAE,4BAAY,GAC5B,GACA,CACT,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,CAAC,CAAC,CAAC,CACR,gCAAK,SAAS,EAAE,CAAC,CAAC,aAAa,EAAE,EAAC,YAAY,EAAE,IAAI,EAAC,CAAC,YAClD,wBAAC,cAAM,IACH,IAAI,EAAE,UAAU,EAChB,SAAS,EAAE,CAAC,CAAC,mBAAmB,EAAE,EAAC,SAAS,EAAC,CAAC,EAC9C,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAE,SAAS,aAEnB,uBAAC,YAAI,IAAC,IAAI,EAAE,WAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,SAAS,EAAC,CAAC,GAAI,EACvE,IAAA,WAAI,EAAC,aAAM,CAAC,eAAe,CAAC,IACxB,GACP,CACT,CAAC,CAAC,CAAC,IAAI,IACN,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AAhLW,QAAA,QAAQ,YAgLnB","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"]}

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

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

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

@@ -2,24 +2,28 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.renderOption = exports.renderFilter = exports.renderSwitcher = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const uikit_1 = require("@gravity-ui/uikit");
-const i18n_1 = require("../../../../i18n");
-const cn_1 = require("../../../../utils/cn");
-const CustomSelectOption_1 = require("../CustomSelectOption/CustomSelectOption");
-const CustomSwitcher_1 = require("../CustomSwitcher/CustomSwitcher");
+const i18n_1 = require("../../../../i18n/index.js");
+const cn_1 = require("../../../../utils/cn.js");
+const CustomSelectOption_1 = require("../CustomSelectOption/CustomSelectOption.js");
+const CustomSwitcher_1 = require("../CustomSwitcher/CustomSwitcher.js");
 const b = (0, cn_1.block)('feed-controls');
 const renderSwitcher = ({ initial, list, defaultLabel }) => 
 // eslint-disable-next-line react/display-name
 (_a) => {
     var { ref, renderClear } = _a, _b = _a.triggerProps, { id, disabled, type, onClick, onKeyDown } = _b, a11yProps = tslib_1.__rest(_b, ["id", "disabled", "type", "onClick", "onKeyDown"]);
-    return (react_1.default.createElement(CustomSwitcher_1.CustomSwitcher, { id: id, disabled: disabled, type: type, initial: initial, defaultLabel: defaultLabel, list: list, controlRef: ref, onClick: onClick, onKeyDown: onKeyDown, renderClear: renderClear, a11yProps: a11yProps }));
+    return ((0, jsx_runtime_1.jsx)(CustomSwitcher_1.CustomSwitcher, { id: id, disabled: disabled, type: type, initial: initial, defaultLabel: defaultLabel, list: list, controlRef: ref, triggerProps: {
+            onClick,
+            onKeyDown,
+        }, renderClear: renderClear, a11yProps: a11yProps }));
 };
 exports.renderSwitcher = renderSwitcher;
 const renderFilter = (_a) => {
     var { ref, onChange } = _a, _b = _a.inputProps, { value, onKeyDown, onChange: _, size: __, placeholder: ___ } = _b, a11yProps = tslib_1.__rest(_b, ["value", "onKeyDown", "onChange", "size", "placeholder"]);
-    return (react_1.default.createElement(uikit_1.TextInput, { value: value, view: "clear", placeholder: (0, i18n_1.i18n)(i18n_1.Keyset.Search), onUpdate: onChange, onKeyDown: onKeyDown, className: b('popup-filter'), controlRef: ref, controlProps: Object.assign({ size: 1 }, a11yProps) }));
+    return ((0, jsx_runtime_1.jsx)(uikit_1.TextInput, { value: value, view: "clear", placeholder: (0, i18n_1.i18n)(i18n_1.Keyset.Search), onUpdate: onChange, onKeyDown: onKeyDown, className: b('popup-filter'), controlRef: ref, controlProps: Object.assign({ size: 1 }, a11yProps) }));
 };
 exports.renderFilter = renderFilter;
-const renderOption = (option) => (react_1.default.createElement(CustomSelectOption_1.CustomSelectOption, { data: option }));
-exports.renderOption = renderOption;
+const renderOption = (option) => ((0, jsx_runtime_1.jsx)(CustomSelectOption_1.CustomSelectOption, { data: option }));
+exports.renderOption = renderOption;
+//# sourceMappingURL=customRenders.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"customRenders.js","sourceRoot":"../../../../../../src","sources":["components/FeedHeader/components/Controls/customRenders.tsx"],"names":[],"mappings":";;;;;AAAA,6CAAuE;AAEvE,oDAA8C;AAC9C,gDAA2C;AAC3C,oFAGkD;AAClD,wEAAqF;AAIrF,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,eAAe,CAAC,CAAC;AAc1B,MAAM,cAAc,GACvB,CAAC,EAAC,OAAO,EAAE,IAAI,EAAE,YAAY,EAAC,EAAE,EAAE;AAClC,8CAA8C;AAC9C,CAAC,EAAwF,EAAE,EAAE;QAA5F,EAAC,GAAG,EAAE,WAAW,OAAuE,EAArE,oBAAoE,EAApE,EAAe,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,OAAe,EAAV,SAAS,sBAArD,kDAAsD,CAAD;IAAO,OAAA,CAC1F,uBAAC,+BAAc,IACX,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,GAAG,EACf,YAAY,EAAE;YACV,OAAO;YACP,SAAS;SACZ,EACD,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,GACtB,CACL,CAAA;CAAA,CAAC;AAnBO,QAAA,cAAc,kBAmBrB;AAEC,MAAM,YAAY,GAAqB,CAAC,EAI9C,EAAE,EAAE;QAJ0C,EAC3C,GAAG,EACH,QAAQ,OAEX,EADG,kBAAqF,EAArF,EAAa,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,GAAG,OAAe,EAAV,SAAS,sBAAxE,yDAAyE,CAAD;IAClF,OAAA,CACF,uBAAC,iBAAS,IACN,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,OAAO,EACZ,WAAW,EAAE,IAAA,WAAI,EAAC,aAAM,CAAC,MAAM,CAAC,EAChC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,EAC5B,UAAU,EAAE,GAAG,EACf,YAAY,kBAAG,IAAI,EAAE,CAAC,IAAK,SAAS,IACtC,CACL,CAAA;CAAA,CAAC;AAfW,QAAA,YAAY,gBAevB;AAEK,MAAM,YAAY,GAAG,CAAC,MAAoB,EAAE,EAAE,CAAC,CAClD,uBAAC,uCAAkB,IAAC,IAAI,EAAE,MAAyC,GAAI,CAC1E,CAAC;AAFW,QAAA,YAAY,gBAEvB","sourcesContent":["import {SelectOption, SelectProps, TextInput} from '@gravity-ui/uikit';\n\nimport {Keyset, i18n} from '../../../../i18n';\nimport {block} from '../../../../utils/cn';\nimport {\n    CustomSelectOption,\n    CustomSelectOptionProps,\n} from '../CustomSelectOption/CustomSelectOption';\nimport {CustomSwitcher, CustomSwitcherProps} from '../CustomSwitcher/CustomSwitcher';\n\nimport './Controls.scss';\n\nconst b = block('feed-controls');\n\ntype RenderSwitcherType = ({\n    initial,\n    list,\n    defaultLabel,\n}: {\n    initial: CustomSwitcherProps['initial'];\n    list: CustomSwitcherProps['list'];\n    defaultLabel: string;\n}) => SelectProps['renderControl'];\n\ntype RenderFilterType = SelectProps['renderFilter'];\n\nexport const renderSwitcher: RenderSwitcherType =\n    ({initial, list, defaultLabel}) =>\n    // eslint-disable-next-line react/display-name\n    ({ref, renderClear, triggerProps: {id, disabled, type, onClick, onKeyDown, ...a11yProps}}) => (\n        <CustomSwitcher\n            id={id}\n            disabled={disabled}\n            type={type}\n            initial={initial}\n            defaultLabel={defaultLabel}\n            list={list}\n            controlRef={ref}\n            triggerProps={{\n                onClick,\n                onKeyDown,\n            }}\n            renderClear={renderClear}\n            a11yProps={a11yProps}\n        />\n    );\n\nexport const renderFilter: RenderFilterType = ({\n    ref,\n    onChange,\n    inputProps: {value, onKeyDown, onChange: _, size: __, placeholder: ___, ...a11yProps},\n}) => (\n    <TextInput\n        value={value}\n        view=\"clear\"\n        placeholder={i18n(Keyset.Search)}\n        onUpdate={onChange}\n        onKeyDown={onKeyDown}\n        className={b('popup-filter')}\n        controlRef={ref}\n        controlProps={{size: 1, ...a11yProps}}\n    />\n);\n\nexport const renderOption = (option: SelectOption) => (\n    <CustomSelectOption data={option as CustomSelectOptionProps['data']} />\n);\n"]}

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

@@ -1,8 +1,8 @@
-import React from 'react';
+import * as React from 'react';
 import { SelectOption as SelectOptionType } from '@gravity-ui/uikit';
 export type CustomSelectOptionProps = {
     data: {
         icon?: React.ReactElement;
     } & SelectOptionType;
 };
-export declare const CustomSelectOption: ({ data }: CustomSelectOptionProps) => React.JSX.Element;
+export declare const CustomSelectOption: ({ data }: CustomSelectOptionProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,11 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CustomSelectOption = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const cn_1 = require("../../../../utils/cn");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const cn_1 = require("../../../../utils/cn.js");
 const b = (0, cn_1.block)('feed-custom-select-option');
-const CustomSelectOption = ({ data }) => (react_1.default.createElement("div", { className: b() },
-    react_1.default.createElement("span", { className: b('icon') }, data.icon),
-    react_1.default.createElement("span", null, data.content)));
-exports.CustomSelectOption = CustomSelectOption;
+const CustomSelectOption = ({ data }) => ((0, jsx_runtime_1.jsxs)("div", { className: b(), children: [(0, jsx_runtime_1.jsx)("span", { className: b('icon'), children: data.icon }), (0, jsx_runtime_1.jsx)("span", { children: data.content })] }));
+exports.CustomSelectOption = CustomSelectOption;
+//# sourceMappingURL=CustomSelectOption.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CustomSelectOption.js","sourceRoot":"../../../../../../src","sources":["components/FeedHeader/components/CustomSelectOption/CustomSelectOption.tsx"],"names":[],"mappings":";;;;AAIA,gDAA2C;AAI3C,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,2BAA2B,CAAC,CAAC;AAQtC,MAAM,kBAAkB,GAAG,CAAC,EAAC,IAAI,EAA0B,EAAE,EAAE,CAAC,CACnE,iCAAK,SAAS,EAAE,CAAC,EAAE,aACf,iCAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,IAAI,CAAC,IAAI,GAAQ,EAC9C,2CAAO,IAAI,CAAC,OAAO,GAAQ,IACzB,CACT,CAAC;AALW,QAAA,kBAAkB,sBAK7B","sourcesContent":["import * as React from 'react';\n\nimport {SelectOption as SelectOptionType} from '@gravity-ui/uikit';\n\nimport {block} from '../../../../utils/cn';\n\nimport './CustomSelectOption.scss';\n\nconst b = block('feed-custom-select-option');\n\nexport type CustomSelectOptionProps = {\n    data: {\n        icon?: React.ReactElement;\n    } & SelectOptionType;\n};\n\nexport const CustomSelectOption = ({data}: CustomSelectOptionProps) => (\n    <div className={b()}>\n        <span className={b('icon')}>{data.icon}</span>\n        <span>{data.content}</span>\n    </div>\n);\n"]}

package/build/cjs/components/FeedHeader/components/CustomSwitcher/CustomSwitcher.css

@@ -24,7 +24,7 @@ unpredictable css rules order in build */
 .bc-feed-custom-switcher__custom-switcher:focus:not(:focus-visible) {
   outline: 0;
 }
-.bc-feed-custom-switcher__custom-switcher + .g-popup.g-popup_open {
+.bc-feed-custom-switcher__custom-switcher + div[data-floating-ui-status] {
   position: absolute !important;
   inset: auto !important;
   transform: translate3d(0, 4px, 0) !important;

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

@@ -1,6 +1,5 @@
-import React from 'react';
 import { SelectProps } from '@gravity-ui/uikit';
-import { SelectItem } from '../Controls/Controls';
+import { SelectItem } from "../Controls/Controls.js";
 type RenderControlParameters = Partial<Parameters<Required<SelectProps>['renderControl']>[0]>;
 type TriggerProps = Required<RenderControlParameters>['triggerProps'];
 type A11yKeys = {
@@ -14,5 +13,5 @@ export type CustomSwitcherProps = {
     controlRef: RenderControlParameters['ref'];
     a11yProps: RenderControlA11yProps;
 } & Omit<RenderControlParameters, 'ref'> & Pick<TriggerProps, 'id' | 'disabled' | 'type'>;
-export declare const CustomSwitcher: ({ id, disabled, type, initial, defaultLabel, list, onClick, controlRef, onKeyDown, renderClear, a11yProps, }: CustomSwitcherProps) => React.JSX.Element;
+export declare const CustomSwitcher: ({ id, disabled, type, initial, defaultLabel, list, triggerProps, controlRef, renderClear, a11yProps, }: CustomSwitcherProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -2,16 +2,17 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CustomSwitcher = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
-const DropdownArrow_1 = require("../../../../icons/DropdownArrow");
-const Close_1 = require("../../../../icons/Close");
-const cn_1 = require("../../../../utils/cn");
+const DropdownArrow_1 = require("../../../../icons/DropdownArrow.js");
+const Close_1 = require("../../../../icons/Close.js");
+const cn_1 = require("../../../../utils/cn.js");
 const b = (0, cn_1.block)('feed-custom-switcher');
 const ICON_SIZE = 12;
 const CLEAR_ICON_SIZE = 11;
-const CustomSwitcher = ({ id, disabled, type, initial, defaultLabel, list, onClick, controlRef, onKeyDown, renderClear, a11yProps, }) => {
-    const itemsNames = (0, react_1.useMemo)(() => {
+const CustomSwitcher = ({ id, disabled, type, initial, defaultLabel, list, triggerProps, controlRef, renderClear, a11yProps, }) => {
+    const itemsNames = React.useMemo(() => {
         const items = list
             .filter((item) => initial.includes(item.value))
             .map((item) => item.content);
@@ -19,15 +20,10 @@ const CustomSwitcher = ({ id, disabled, type, initial, defaultLabel, list, onCli
     }, [defaultLabel, initial, list]);
     const hasCounter = itemsNames.length > 1;
     const contentElementId = (0, uikit_1.useUniqId)();
-    return (react_1.default.createElement("div", { className: b('custom-switcher'), ref: controlRef },
-        react_1.default.createElement("button", Object.assign({ id: id, disabled: disabled, type: type, onClick: onClick, className: b('custom-switcher-element', { overlay: true }), onKeyDown: onKeyDown }, a11yProps, { "aria-labelledby": contentElementId })),
-        react_1.default.createElement("div", { id: contentElementId, className: b('custom-switcher-element', { content: true }), "aria-hidden": true }, itemsNames === null || itemsNames === void 0 ? void 0 : itemsNames.join(', ')),
-        renderClear &&
-            renderClear({
-                renderIcon: () => (react_1.default.createElement(uikit_1.Icon, { data: Close_1.Close, size: CLEAR_ICON_SIZE, className: b('clear') })),
-            }),
-        hasCounter && (react_1.default.createElement("div", { className: b('custom-switcher-element', { counter: true }) }, itemsNames.length)),
-        react_1.default.createElement("div", { className: b('custom-switcher-element', { arrow: true }) },
-            react_1.default.createElement(uikit_1.Icon, { data: DropdownArrow_1.DropdownArrow, size: ICON_SIZE, className: b('switcher-arrow') }))));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: b('custom-switcher'), ref: controlRef, children: [(0, jsx_runtime_1.jsx)("button", Object.assign({ id: id, disabled: disabled, type: type, onClick: triggerProps === null || triggerProps === void 0 ? void 0 : triggerProps.onClick, className: b('custom-switcher-element', { overlay: true }), onKeyDown: triggerProps === null || triggerProps === void 0 ? void 0 : triggerProps.onKeyDown }, a11yProps, { "aria-labelledby": contentElementId })), (0, jsx_runtime_1.jsx)("div", { id: contentElementId, className: b('custom-switcher-element', { content: true }), "aria-hidden": true, children: itemsNames === null || itemsNames === void 0 ? void 0 : itemsNames.join(', ') }), renderClear &&
+                renderClear({
+                    renderIcon: () => ((0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: Close_1.Close, size: CLEAR_ICON_SIZE, className: b('clear') })),
+                }), hasCounter && ((0, jsx_runtime_1.jsx)("div", { className: b('custom-switcher-element', { counter: true }), children: itemsNames.length })), (0, jsx_runtime_1.jsx)("div", { className: b('custom-switcher-element', { arrow: true }), children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: DropdownArrow_1.DropdownArrow, size: ICON_SIZE, className: b('switcher-arrow') }) })] }));
 };
-exports.CustomSwitcher = CustomSwitcher;
+exports.CustomSwitcher = CustomSwitcher;
+//# sourceMappingURL=CustomSwitcher.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CustomSwitcher.js","sourceRoot":"../../../../../../src","sources":["components/FeedHeader/components/CustomSwitcher/CustomSwitcher.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,6CAA+D;AAE/D,sEAA8D;AAC9D,sDAA8C;AAC9C,gDAA2C;AAK3C,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,sBAAsB,CAAC,CAAC;AAoBxC,MAAM,SAAS,GAAG,EAAE,CAAC;AACrB,MAAM,eAAe,GAAG,EAAE,CAAC;AAEpB,MAAM,cAAc,GAAG,CAAC,EAC3B,EAAE,EACF,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,WAAW,EACX,SAAS,GACS,EAAE,EAAE;IACtB,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAClC,MAAM,KAAK,GAAG,IAAI;aACb,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;aAC9C,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAEjC,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;IACjD,CAAC,EAAE,CAAC,YAAY,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;IAClC,MAAM,UAAU,GAAG,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC;IAEzC,MAAM,gBAAgB,GAAG,IAAA,iBAAS,GAAE,CAAC;IAErC,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,iBAAiB,CAAC,EAAE,GAAG,EAAE,UAA6C,aAEpF,iDACI,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,EAC9B,SAAS,EAAE,CAAC,CAAC,yBAAyB,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,EACxD,SAAS,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,IAC9B,SAAS,uBACI,gBAAgB,IACnC,EACF,gCACI,EAAE,EAAE,gBAAgB,EACpB,SAAS,EAAE,CAAC,CAAC,yBAAyB,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,iCAGvD,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,CAAC,IAAI,CAAC,GACrB,EACL,WAAW;gBACR,WAAW,CAAC;oBACR,UAAU,EAAE,GAAG,EAAE,CAAC,CACd,uBAAC,YAAI,IAAC,IAAI,EAAE,aAAK,EAAE,IAAI,EAAE,eAAe,EAAE,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,GAAI,CACtE;iBACJ,CAAC,EACL,UAAU,IAAI,CACX,gCAAK,SAAS,EAAE,CAAC,CAAC,yBAAyB,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,YACxD,UAAU,CAAC,MAAM,GAChB,CACT,EACD,gCAAK,SAAS,EAAE,CAAC,CAAC,yBAAyB,EAAE,EAAC,KAAK,EAAE,IAAI,EAAC,CAAC,YACvD,uBAAC,YAAI,IAAC,IAAI,EAAE,6BAAa,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,GAAI,GAC5E,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AA3DW,QAAA,cAAc,kBA2DzB","sourcesContent":["import * as React from 'react';\n\nimport {Icon, SelectProps, useUniqId} from '@gravity-ui/uikit';\n\nimport {DropdownArrow} from '../../../../icons/DropdownArrow';\nimport {Close} from '../../../../icons/Close';\nimport {block} from '../../../../utils/cn';\nimport {SelectItem} from '../Controls/Controls';\n\nimport './CustomSwitcher.scss';\n\nconst b = block('feed-custom-switcher');\n\ntype RenderControlParameters = Partial<Parameters<Required<SelectProps>['renderControl']>[0]>;\ntype TriggerProps = Required<RenderControlParameters>['triggerProps'];\n\ntype A11yKeys = {\n    [K in keyof TriggerProps]-?: K extends `aria-${string}` | 'role' ? K : never;\n}[keyof TriggerProps];\n\ntype RenderControlA11yProps = Pick<TriggerProps, A11yKeys>;\n\nexport type CustomSwitcherProps = {\n    initial: (string | number | null)[];\n    defaultLabel: string;\n    list: SelectItem[];\n    controlRef: RenderControlParameters['ref'];\n    a11yProps: RenderControlA11yProps;\n} & Omit<RenderControlParameters, 'ref'> &\n    Pick<TriggerProps, 'id' | 'disabled' | 'type'>;\n\nconst ICON_SIZE = 12;\nconst CLEAR_ICON_SIZE = 11;\n\nexport const CustomSwitcher = ({\n    id,\n    disabled,\n    type,\n    initial,\n    defaultLabel,\n    list,\n    triggerProps,\n    controlRef,\n    renderClear,\n    a11yProps,\n}: CustomSwitcherProps) => {\n    const itemsNames = React.useMemo(() => {\n        const items = list\n            .filter((item) => initial.includes(item.value))\n            .map((item) => item.content);\n\n        return items.length ? items : [defaultLabel];\n    }, [defaultLabel, initial, list]);\n    const hasCounter = itemsNames.length > 1;\n\n    const contentElementId = useUniqId();\n\n    return (\n        <div className={b('custom-switcher')} ref={controlRef as React.LegacyRef<HTMLDivElement>}>\n            {/* eslint-disable-next-line jsx-a11y/role-supports-aria-props */}\n            <button\n                id={id}\n                disabled={disabled}\n                type={type}\n                onClick={triggerProps?.onClick}\n                className={b('custom-switcher-element', {overlay: true})}\n                onKeyDown={triggerProps?.onKeyDown}\n                {...a11yProps}\n                aria-labelledby={contentElementId}\n            />\n            <div\n                id={contentElementId}\n                className={b('custom-switcher-element', {content: true})}\n                aria-hidden\n            >\n                {itemsNames?.join(', ')}\n            </div>\n            {renderClear &&\n                renderClear({\n                    renderIcon: () => (\n                        <Icon data={Close} size={CLEAR_ICON_SIZE} className={b('clear')} />\n                    ),\n                })}\n            {hasCounter && (\n                <div className={b('custom-switcher-element', {counter: true})}>\n                    {itemsNames.length}\n                </div>\n            )}\n            <div className={b('custom-switcher-element', {arrow: true})}>\n                <Icon data={DropdownArrow} size={ICON_SIZE} className={b('switcher-arrow')} />\n            </div>\n        </div>\n    );\n};\n"]}

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

@@ -1,4 +1,4 @@
-import { MetaProps } from '../../models/common';
+import { MetaProps } from "../../models/common.js";
 /**
  * Wrapper on meta data of page
  *

package/build/cjs/components/MetaWrapper/MetaWrapper.js

@@ -1,8 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MetaWrapper = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_helmet_1 = require("react-helmet");
 /**
  * Wrapper on meta data of page
@@ -12,5 +11,6 @@ const react_helmet_1 = require("react-helmet");
  *
  * @returns jsx
  */
-const MetaWrapper = ({ needHelmetWrapper = false, metaComponent }) => needHelmetWrapper ? react_1.default.createElement(react_helmet_1.Helmet, null, metaComponent) : metaComponent;
-exports.MetaWrapper = MetaWrapper;
+const MetaWrapper = ({ needHelmetWrapper = false, metaComponent }) => needHelmetWrapper ? (0, jsx_runtime_1.jsx)(react_helmet_1.Helmet, { children: metaComponent }) : metaComponent;
+exports.MetaWrapper = MetaWrapper;
+//# sourceMappingURL=MetaWrapper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MetaWrapper.js","sourceRoot":"../../../../src","sources":["components/MetaWrapper/MetaWrapper.tsx"],"names":[],"mappings":";;;;AAAA,+CAAoC;AAIpC;;;;;;;GAOG;AACI,MAAM,WAAW,GAAG,CAAC,EAAC,iBAAiB,GAAG,KAAK,EAAE,aAAa,EAAY,EAAE,EAAE,CACjF,iBAAiB,CAAC,CAAC,CAAC,uBAAC,qBAAM,cAAE,aAAa,GAAU,CAAC,CAAC,CAAC,aAAa,CAAC;AAD5D,QAAA,WAAW,eACiD","sourcesContent":["import {Helmet} from 'react-helmet';\n\nimport {MetaProps} from '../../models/common';\n\n/**\n * Wrapper on meta data of page\n *\n * @param needHelmetWrapper - component needs helmet wrapper\n * @param metaComponent - meta data component\n *\n * @returns jsx\n */\nexport const MetaWrapper = ({needHelmetWrapper = false, metaComponent}: MetaProps) =>\n    needHelmetWrapper ? <Helmet>{metaComponent}</Helmet> : metaComponent;\n"]}

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

@@ -1,3 +1,2 @@
-import React from 'react';
-import { PaginatorProps } from './types';
-export declare const Paginator: ({ itemsPerPage, totalItems, maxPages, page, className, onPageChange, queryParams, pageCountForShowSupportButtons, }: PaginatorProps) => React.JSX.Element | null;
+import { PaginatorProps } from "./types.js";
+export declare const Paginator: ({ itemsPerPage, totalItems, maxPages, page, className, onPageChange, queryParams, pageCountForShowSupportButtons, }: PaginatorProps) => import("react/jsx-runtime").JSX.Element | null;