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

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

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

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

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

package/build/esm/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";
 import './Controls.css';
 type RenderSwitcherType = ({ initial, list, defaultLabel, }: {
     initial: CustomSwitcherProps['initial'];
@@ -10,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) => React.JSX.Element;
+export declare const renderOption: (option: SelectOption) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,20 +1,24 @@
 import { __rest } from "tslib";
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { TextInput } from '@gravity-ui/uikit';
-import { Keyset, i18n } from '../../../../i18n';
-import { block } from '../../../../utils/cn';
-import { CustomSelectOption, } from '../CustomSelectOption/CustomSelectOption';
-import { CustomSwitcher } from '../CustomSwitcher/CustomSwitcher';
+import { Keyset, i18n } from "../../../../i18n/index.js";
+import { block } from "../../../../utils/cn.js";
+import { CustomSelectOption, } from "../CustomSelectOption/CustomSelectOption.js";
+import { CustomSwitcher } from "../CustomSwitcher/CustomSwitcher.js";
 import './Controls.css';
 const b = block('feed-controls');
 export 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 = __rest(_b, ["id", "disabled", "type", "onClick", "onKeyDown"]);
-    return (React.createElement(CustomSwitcher, { id: id, disabled: disabled, type: type, initial: initial, defaultLabel: defaultLabel, list: list, controlRef: ref, onClick: onClick, onKeyDown: onKeyDown, renderClear: renderClear, a11yProps: a11yProps }));
+    return (_jsx(CustomSwitcher, { id: id, disabled: disabled, type: type, initial: initial, defaultLabel: defaultLabel, list: list, controlRef: ref, triggerProps: {
+            onClick,
+            onKeyDown,
+        }, renderClear: renderClear, a11yProps: a11yProps }));
 };
 export const renderFilter = (_a) => {
     var { ref, onChange } = _a, _b = _a.inputProps, { value, onKeyDown, onChange: _, size: __, placeholder: ___ } = _b, a11yProps = __rest(_b, ["value", "onKeyDown", "onChange", "size", "placeholder"]);
-    return (React.createElement(TextInput, { value: value, view: "clear", placeholder: i18n(Keyset.Search), onUpdate: onChange, onKeyDown: onKeyDown, className: b('popup-filter'), controlRef: ref, controlProps: Object.assign({ size: 1 }, a11yProps) }));
+    return (_jsx(TextInput, { value: value, view: "clear", placeholder: i18n(Keyset.Search), onUpdate: onChange, onKeyDown: onKeyDown, className: b('popup-filter'), controlRef: ref, controlProps: Object.assign({ size: 1 }, a11yProps) }));
 };
-export const renderOption = (option) => (React.createElement(CustomSelectOption, { data: option }));
+export const renderOption = (option) => (_jsx(CustomSelectOption, { data: option }));
+//# sourceMappingURL=customRenders.js.map

package/build/esm/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,OAAO,EAA4B,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAEvE,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,kCAAyB;AAC9C,OAAO,EAAC,KAAK,EAAC,gCAA6B;AAC3C,OAAO,EACH,kBAAkB,GAErB,oDAAiD;AAClD,OAAO,EAAC,cAAc,EAAsB,4CAAyC;AAErF,OAAO,gBAAgB,CAAC;AAExB,MAAM,CAAC,GAAG,KAAK,CAAC,eAAe,CAAC,CAAC;AAcjC,MAAM,CAAC,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,cAArD,kDAAsD,CAAD;IAAO,OAAA,CAC1F,KAAC,cAAc,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;AAEN,MAAM,CAAC,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,cAAxE,yDAAyE,CAAD;IAClF,OAAA,CACF,KAAC,SAAS,IACN,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,OAAO,EACZ,WAAW,EAAE,IAAI,CAAC,MAAM,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;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,MAAoB,EAAE,EAAE,CAAC,CAClD,KAAC,kBAAkB,IAAC,IAAI,EAAE,MAAyC,GAAI,CAC1E,CAAC","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/esm/components/FeedHeader/components/CustomSelectOption/CustomSelectOption.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { SelectOption as SelectOptionType } from '@gravity-ui/uikit';
 import './CustomSelectOption.css';
 export type CustomSelectOptionProps = {
@@ -6,4 +6,4 @@ export type CustomSelectOptionProps = {
         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/esm/components/FeedHeader/components/CustomSelectOption/CustomSelectOption.js

@@ -1,7 +1,6 @@
-import React from 'react';
-import { block } from '../../../../utils/cn';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { block } from "../../../../utils/cn.js";
 import './CustomSelectOption.css';
 const b = block('feed-custom-select-option');
-export const CustomSelectOption = ({ data }) => (React.createElement("div", { className: b() },
-    React.createElement("span", { className: b('icon') }, data.icon),
-    React.createElement("span", null, data.content)));
+export const CustomSelectOption = ({ data }) => (_jsxs("div", { className: b(), children: [_jsx("span", { className: b('icon'), children: data.icon }), _jsx("span", { children: data.content })] }));
+//# sourceMappingURL=CustomSelectOption.js.map

package/build/esm/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,OAAO,EAAC,KAAK,EAAC,gCAA6B;AAE3C,OAAO,0BAA0B,CAAC;AAElC,MAAM,CAAC,GAAG,KAAK,CAAC,2BAA2B,CAAC,CAAC;AAQ7C,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAC,IAAI,EAA0B,EAAE,EAAE,CAAC,CACnE,eAAK,SAAS,EAAE,CAAC,EAAE,aACf,eAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,IAAI,CAAC,IAAI,GAAQ,EAC9C,yBAAO,IAAI,CAAC,OAAO,GAAQ,IACzB,CACT,CAAC","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/esm/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/esm/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";
 import './CustomSwitcher.css';
 type RenderControlParameters = Partial<Parameters<Required<SelectProps>['renderControl']>[0]>;
 type TriggerProps = Required<RenderControlParameters>['triggerProps'];
@@ -15,5 +14,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/esm/components/FeedHeader/components/CustomSwitcher/CustomSwitcher.js

@@ -1,14 +1,15 @@
-import React, { useMemo } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
 import { Icon, useUniqId } from '@gravity-ui/uikit';
-import { DropdownArrow } from '../../../../icons/DropdownArrow';
-import { Close } from '../../../../icons/Close';
-import { block } from '../../../../utils/cn';
+import { DropdownArrow } from "../../../../icons/DropdownArrow.js";
+import { Close } from "../../../../icons/Close.js";
+import { block } from "../../../../utils/cn.js";
 import './CustomSwitcher.css';
 const b = block('feed-custom-switcher');
 const ICON_SIZE = 12;
 const CLEAR_ICON_SIZE = 11;
-export const CustomSwitcher = ({ id, disabled, type, initial, defaultLabel, list, onClick, controlRef, onKeyDown, renderClear, a11yProps, }) => {
-    const itemsNames = useMemo(() => {
+export 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);
@@ -16,14 +17,9 @@ export const CustomSwitcher = ({ id, disabled, type, initial, defaultLabel, list
     }, [defaultLabel, initial, list]);
     const hasCounter = itemsNames.length > 1;
     const contentElementId = useUniqId();
-    return (React.createElement("div", { className: b('custom-switcher'), ref: controlRef },
-        React.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.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.createElement(Icon, { data: Close, size: CLEAR_ICON_SIZE, className: b('clear') })),
-            }),
-        hasCounter && (React.createElement("div", { className: b('custom-switcher-element', { counter: true }) }, itemsNames.length)),
-        React.createElement("div", { className: b('custom-switcher-element', { arrow: true }) },
-            React.createElement(Icon, { data: DropdownArrow, size: ICON_SIZE, className: b('switcher-arrow') }))));
-};
+    return (_jsxs("div", { className: b('custom-switcher'), ref: controlRef, children: [_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 })), _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: () => (_jsx(Icon, { data: Close, size: CLEAR_ICON_SIZE, className: b('clear') })),
+                }), hasCounter && (_jsx("div", { className: b('custom-switcher-element', { counter: true }), children: itemsNames.length })), _jsx("div", { className: b('custom-switcher-element', { arrow: true }), children: _jsx(Icon, { data: DropdownArrow, size: ICON_SIZE, className: b('switcher-arrow') }) })] }));
+};
+//# sourceMappingURL=CustomSwitcher.js.map

package/build/esm/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,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,IAAI,EAAe,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAE/D,OAAO,EAAC,aAAa,EAAC,2CAAwC;AAC9D,OAAO,EAAC,KAAK,EAAC,mCAAgC;AAC9C,OAAO,EAAC,KAAK,EAAC,gCAA6B;AAG3C,OAAO,sBAAsB,CAAC;AAE9B,MAAM,CAAC,GAAG,KAAK,CAAC,sBAAsB,CAAC,CAAC;AAoBxC,MAAM,SAAS,GAAG,EAAE,CAAC;AACrB,MAAM,eAAe,GAAG,EAAE,CAAC;AAE3B,MAAM,CAAC,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,SAAS,EAAE,CAAC;IAErC,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,iBAAiB,CAAC,EAAE,GAAG,EAAE,UAA6C,aAEpF,+BACI,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,cACI,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,KAAC,IAAI,IAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,eAAe,EAAE,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,GAAI,CACtE;iBACJ,CAAC,EACL,UAAU,IAAI,CACX,cAAK,SAAS,EAAE,CAAC,CAAC,yBAAyB,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,YACxD,UAAU,CAAC,MAAM,GAChB,CACT,EACD,cAAK,SAAS,EAAE,CAAC,CAAC,yBAAyB,EAAE,EAAC,KAAK,EAAE,IAAI,EAAC,CAAC,YACvD,KAAC,IAAI,IAAC,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,GAAI,GAC5E,IACJ,CACT,CAAC;AACN,CAAC,CAAC","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/esm/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/esm/components/MetaWrapper/MetaWrapper.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Helmet } from 'react-helmet';
 /**
  * Wrapper on meta data of page
@@ -8,4 +8,5 @@ import { Helmet } from 'react-helmet';
  *
  * @returns jsx
  */
-export const MetaWrapper = ({ needHelmetWrapper = false, metaComponent }) => needHelmetWrapper ? React.createElement(Helmet, null, metaComponent) : metaComponent;
+export const MetaWrapper = ({ needHelmetWrapper = false, metaComponent }) => needHelmetWrapper ? _jsx(Helmet, { children: metaComponent }) : metaComponent;
+//# sourceMappingURL=MetaWrapper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MetaWrapper.js","sourceRoot":"../../../../src","sources":["components/MetaWrapper/MetaWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,cAAc,CAAC;AAIpC;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAC,iBAAiB,GAAG,KAAK,EAAE,aAAa,EAAY,EAAE,EAAE,CACjF,iBAAiB,CAAC,CAAC,CAAC,KAAC,MAAM,cAAE,aAAa,GAAU,CAAC,CAAC,CAAC,aAAa,CAAC","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/esm/components/Paginator/Paginator.d.ts

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

package/build/esm/components/Paginator/Paginator.js

@@ -1,30 +1,31 @@
 import { __rest } from "tslib";
-import React, { useEffect, useMemo, useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
 import { useAnalytics } from '@gravity-ui/page-constructor';
-import { DefaultGoalIds } from '../../constants';
-import { AnalyticsCounter } from '../../counters/utils';
-import { DefaultEventNames } from '../../models/common';
-import { block } from '../../utils/cn';
-import { NavigationButton } from './components/NavigationButton';
-import { PaginatorItem } from './components/PaginatorItem';
-import { ArrowType } from './types';
-import { getPageConfigs, getPagesCount } from './utils';
-import { prepareAnalyticsEvent } from '../../utils/common';
+import { DefaultGoalIds } from "../../constants.js";
+import { AnalyticsCounter } from "../../counters/utils.js";
+import { DefaultEventNames } from "../../models/common.js";
+import { block } from "../../utils/cn.js";
+import { NavigationButton } from "./components/NavigationButton.js";
+import { PaginatorItem } from "./components/PaginatorItem.js";
+import { ArrowType } from "./types.js";
+import { getPageConfigs, getPagesCount } from "./utils.js";
+import { prepareAnalyticsEvent } from "../../utils/common.js";
 import _ from 'lodash';
 import './Paginator.css';
 const b = block('paginator');
 const DEFAULT_PAGE_COUNT_FOR_SHOW_SUPPORT_BUTTONS = 6;
 export const Paginator = ({ itemsPerPage, totalItems, maxPages, page, className, onPageChange, queryParams, pageCountForShowSupportButtons = DEFAULT_PAGE_COUNT_FOR_SHOW_SUPPORT_BUTTONS, }) => {
-    const [pagesCount, setPagesCount] = useState(getPagesCount({ itemsPerPage, totalItems, maxPages }));
-    const nonPagedQuery = useMemo(() => {
+    const [pagesCount, setPagesCount] = React.useState(getPagesCount({ itemsPerPage, totalItems, maxPages }));
+    const nonPagedQuery = React.useMemo(() => {
         return _.omit(queryParams, ['page']);
     }, [queryParams]);
-    useEffect(() => {
+    React.useEffect(() => {
         const count = getPagesCount({ itemsPerPage, totalItems, maxPages });
         setPagesCount(count);
     }, [itemsPerPage, totalItems, maxPages]);
     const handlePageChange = (pageIndex) => onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(pageIndex);
-    const isShowSupportButtons = useMemo(() => pagesCount > pageCountForShowSupportButtons, [pageCountForShowSupportButtons, pagesCount]);
+    const isShowSupportButtons = React.useMemo(() => pagesCount > pageCountForShowSupportButtons, [pageCountForShowSupportButtons, pagesCount]);
     const handleAnalyticsHome = useAnalytics(DefaultEventNames.PaginatorHome);
     const handleAnalyticsNext = useAnalytics(DefaultEventNames.PaginatorNext);
     const handleAnalyticsPage = useAnalytics(DefaultEventNames.PaginatorPage);
@@ -77,7 +78,7 @@ export const Paginator = ({ itemsPerPage, totalItems, maxPages, page, className,
             mods: { type: ArrowType.Prev },
             onClick: handleArrowClick,
             index: 0,
-            content: React.createElement(NavigationButton, { arrowType: ArrowType.Prev }),
+            content: _jsx(NavigationButton, { arrowType: ArrowType.Prev }),
         });
     }
     if (page < pagesCount && isShowSupportButtons) {
@@ -88,22 +89,17 @@ export const Paginator = ({ itemsPerPage, totalItems, maxPages, page, className,
             mods: { type: ArrowType.Next },
             index: page + 1,
             onClick: handleArrowClick,
-            content: React.createElement(NavigationButton, { arrowType: ArrowType.Next }),
+            content: _jsx(NavigationButton, { arrowType: ArrowType.Next }),
         });
     }
     const renderPaginatorItem = (item) => {
         const { key } = item, rest = __rest(item, ["key"]);
-        return React.createElement(PaginatorItem, Object.assign({ key: `page_${key}` }, rest));
+        return _jsx(PaginatorItem, Object.assign({}, rest), `page_${key}`);
     };
-    return (React.createElement("div", { className: b('pagination') },
-        page > 1 && (React.createElement("div", { className: b('pagination-block') },
-            React.createElement("ul", { className: b(null, className) }, paginatorItems.slice(0, 1).map(renderPaginatorItem)))),
-        React.createElement("div", { className: b('pagination-block') },
-            React.createElement("ul", { className: b(null, className) }, paginatorItems
-                .slice(page > 1 ? 1 : 0, page < pagesCount ? paginatorItems.length - 1 : paginatorItems.length)
-                .map(renderPaginatorItem))),
-        page < pagesCount && (React.createElement("div", { className: b('pagination-block') },
-            React.createElement("ul", { className: b(null, className) }, paginatorItems
-                .slice(paginatorItems.length - 1, paginatorItems.length)
-                .map(renderPaginatorItem))))));
-};
+    return (_jsxs("div", { className: b('pagination'), children: [page > 1 && (_jsx("div", { className: b('pagination-block'), children: _jsx("ul", { className: b(null, className), children: paginatorItems.slice(0, 1).map(renderPaginatorItem) }) })), _jsx("div", { className: b('pagination-block'), children: _jsx("ul", { className: b(null, className), children: paginatorItems
+                        .slice(page > 1 ? 1 : 0, page < pagesCount ? paginatorItems.length - 1 : paginatorItems.length)
+                        .map(renderPaginatorItem) }) }), page < pagesCount && (_jsx("div", { className: b('pagination-block'), children: _jsx("ul", { className: b(null, className), children: paginatorItems
+                        .slice(paginatorItems.length - 1, paginatorItems.length)
+                        .map(renderPaginatorItem) }) }))] }));
+};
+//# sourceMappingURL=Paginator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Paginator.js","sourceRoot":"../../../../src","sources":["components/Paginator/Paginator.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {useAnalytics} from '@gravity-ui/page-constructor';\n\nimport {DefaultGoalIds} from '../../constants';\nimport {AnalyticsCounter} from '../../counters/utils';\nimport {DefaultEventNames} from '../../models/common';\nimport {block} from '../../utils/cn';\n\nimport {NavigationButton} from './components/NavigationButton';\nimport {PaginatorItem} from './components/PaginatorItem';\nimport {ArrowType, PaginatorItemProps, PaginatorProps} from './types';\nimport {getPageConfigs, getPagesCount} from './utils';\nimport {prepareAnalyticsEvent} from '../../utils/common';\n\nimport _ from 'lodash';\n\nimport './Paginator.scss';\n\nconst b = block('paginator');\n\nconst DEFAULT_PAGE_COUNT_FOR_SHOW_SUPPORT_BUTTONS = 6;\n\nexport const Paginator = ({\n    itemsPerPage,\n    totalItems,\n    maxPages,\n    page,\n    className,\n    onPageChange,\n    queryParams,\n    pageCountForShowSupportButtons = DEFAULT_PAGE_COUNT_FOR_SHOW_SUPPORT_BUTTONS,\n}: PaginatorProps) => {\n    const [pagesCount, setPagesCount] = React.useState(\n        getPagesCount({itemsPerPage, totalItems, maxPages}),\n    );\n\n    const nonPagedQuery = React.useMemo(() => {\n        return _.omit(queryParams, ['page']);\n    }, [queryParams]);\n\n    React.useEffect(() => {\n        const count = getPagesCount({itemsPerPage, totalItems, maxPages});\n        setPagesCount(count);\n    }, [itemsPerPage, totalItems, maxPages]);\n\n    const handlePageChange = (pageIndex: number) => onPageChange?.(pageIndex);\n\n    const isShowSupportButtons = React.useMemo(\n        () => pagesCount > pageCountForShowSupportButtons,\n        [pageCountForShowSupportButtons, pagesCount],\n    );\n\n    const handleAnalyticsHome = useAnalytics(DefaultEventNames.PaginatorHome);\n    const handleAnalyticsNext = useAnalytics(DefaultEventNames.PaginatorNext);\n    const handleAnalyticsPage = useAnalytics(DefaultEventNames.PaginatorPage);\n\n    if (pagesCount <= 1) {\n        return null;\n    }\n\n    const handleArrowClick = (type: ArrowType | number) => {\n        let newPage = page;\n\n        if (type === 'prev' && page > 1) {\n            const event = prepareAnalyticsEvent({\n                name: DefaultGoalIds.home,\n                counter: AnalyticsCounter.CrossSite,\n            });\n            handleAnalyticsHome(event);\n            newPage = 1;\n        } else if (type === 'next' && page < pagesCount) {\n            const event = prepareAnalyticsEvent({\n                name: DefaultGoalIds.next,\n                counter: AnalyticsCounter.CrossSite,\n            });\n            handleAnalyticsNext(event);\n            newPage = page + 1;\n        }\n\n        if (newPage !== page) {\n            handlePageChange(newPage);\n        }\n    };\n\n    const handlePageClick = (index: number | ArrowType) => {\n        if (index !== page && typeof index === 'number') {\n            const event = prepareAnalyticsEvent({\n                name: DefaultGoalIds.page,\n                counter: AnalyticsCounter.CrossSite,\n            });\n            handleAnalyticsPage(event, {page: String(index)});\n            handlePageChange(index);\n        }\n    };\n\n    const paginatorItems = getPageConfigs({\n        page,\n        pagesCount,\n        queryParams: nonPagedQuery,\n        handlePageClick,\n    });\n\n    if (page > 1 && isShowSupportButtons) {\n        paginatorItems.unshift({\n            key: ArrowType.Prev,\n            dataKey: ArrowType.Prev,\n            queryParams: nonPagedQuery,\n            mods: {type: ArrowType.Prev},\n            onClick: handleArrowClick,\n            index: 0,\n            content: <NavigationButton arrowType={ArrowType.Prev} />,\n        });\n    }\n\n    if (page < pagesCount && isShowSupportButtons) {\n        paginatorItems.push({\n            key: ArrowType.Next,\n            queryParams: nonPagedQuery,\n            dataKey: ArrowType.Next,\n            mods: {type: ArrowType.Next},\n            index: page + 1,\n            onClick: handleArrowClick,\n            content: <NavigationButton arrowType={ArrowType.Next} />,\n        });\n    }\n\n    const renderPaginatorItem = (item: PaginatorItemProps) => {\n        const {key, ...rest} = item;\n        return <PaginatorItem key={`page_${key}`} {...rest} />;\n    };\n\n    return (\n        <div className={b('pagination')}>\n            {page > 1 && (\n                <div className={b('pagination-block')}>\n                    <ul className={b(null, className)}>\n                        {paginatorItems.slice(0, 1).map(renderPaginatorItem)}\n                    </ul>\n                </div>\n            )}\n            <div className={b('pagination-block')}>\n                <ul className={b(null, className)}>\n                    {paginatorItems\n                        .slice(\n                            page > 1 ? 1 : 0,\n                            page < pagesCount ? paginatorItems.length - 1 : paginatorItems.length,\n                        )\n                        .map(renderPaginatorItem)}\n                </ul>\n            </div>\n            {page < pagesCount && (\n                <div className={b('pagination-block')}>\n                    <ul className={b(null, className)}>\n                        {paginatorItems\n                            .slice(paginatorItems.length - 1, paginatorItems.length)\n                            .map(renderPaginatorItem)}\n                    </ul>\n                </div>\n            )}\n        </div>\n    );\n};\n"]}

package/build/esm/components/Paginator/components/NavigationButton.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
-import { ArrowType } from '../types';
+import { ArrowType } from "../types.js";
 import '../Paginator.css';
 export type NavigationButtonProps = {
     arrowType: ArrowType;
     disabled?: boolean;
 };
-export declare const NavigationButton: ({ arrowType, disabled }: NavigationButtonProps) => React.JSX.Element | null;
+export declare const NavigationButton: ({ arrowType, disabled }: NavigationButtonProps) => import("react/jsx-runtime").JSX.Element | null;

package/build/esm/components/Paginator/components/NavigationButton.js

@@ -1,7 +1,8 @@
-import React from 'react';
-import { Keyset, i18n } from '../../../i18n';
-import { block } from '../../../utils/cn';
-import { ArrowType } from '../types';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Keyset, i18n } from "../../../i18n/index.js";
+import { block } from "../../../utils/cn.js";
+import { ArrowType } from "../types.js";
 import '../Paginator.css';
 const b = block('paginator');
-export const NavigationButton = ({ arrowType, disabled }) => disabled ? null : (React.createElement("div", { className: b('icon') }, arrowType === ArrowType.Prev ? i18n(Keyset.ButtonBegin) : i18n(Keyset.ButtonFarther)));
+export const NavigationButton = ({ arrowType, disabled }) => disabled ? null : (_jsx("div", { className: b('icon'), children: arrowType === ArrowType.Prev ? i18n(Keyset.ButtonBegin) : i18n(Keyset.ButtonFarther) }));
+//# sourceMappingURL=NavigationButton.js.map

package/build/esm/components/Paginator/components/NavigationButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationButton.js","sourceRoot":"../../../../../src","sources":["components/Paginator/components/NavigationButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,+BAAsB;AAC3C,OAAO,EAAC,KAAK,EAAC,6BAA0B;AACxC,OAAO,EAAC,SAAS,EAAC,oBAAiB;AAEnC,OAAO,kBAAkB,CAAC;AAE1B,MAAM,CAAC,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;AAO7B,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAwB,EAAE,EAAE,CAC7E,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACd,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACpB,SAAS,KAAK,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,GACnF,CACT,CAAC","sourcesContent":["import {Keyset, i18n} from '../../../i18n';\nimport {block} from '../../../utils/cn';\nimport {ArrowType} from '../types';\n\nimport '../Paginator.scss';\n\nconst b = block('paginator');\n\nexport type NavigationButtonProps = {\n    arrowType: ArrowType;\n    disabled?: boolean;\n};\n\nexport const NavigationButton = ({arrowType, disabled}: NavigationButtonProps) =>\n    disabled ? null : (\n        <div className={b('icon')}>\n            {arrowType === ArrowType.Prev ? i18n(Keyset.ButtonBegin) : i18n(Keyset.ButtonFarther)}\n        </div>\n    );\n"]}

package/build/esm/components/Paginator/components/PaginatorItem.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
-import { PaginatorItemProps } from '../types';
+import { PaginatorItemProps } from "../types.js";
 import '../Paginator.css';
-export declare const PaginatorItem: ({ dataKey, mods, content, queryParams, onClick, loading, index, }: PaginatorItemProps) => React.JSX.Element;
+export declare const PaginatorItem: ({ dataKey, mods, content, queryParams, onClick, loading, index, }: PaginatorItemProps) => import("react/jsx-runtime").JSX.Element;

package/build/esm/components/Paginator/components/PaginatorItem.js

@@ -1,27 +1,29 @@
-import React, { useCallback, useContext, useMemo } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
 import { Button } from '@gravity-ui/uikit';
-import { LocaleContext } from '../../../contexts/LocaleContext';
-import { SettingsContext } from '../../../contexts/SettingsContext';
-import { block } from '../../../utils/cn';
-import { getBlogPath as getDefaultBlogPath } from '../../../utils/common';
+import { LocaleContext } from "../../../contexts/LocaleContext.js";
+import { SettingsContext } from "../../../contexts/SettingsContext.js";
+import { block } from "../../../utils/cn.js";
+import { getBlogPath as getDefaultBlogPath } from "../../../utils/common.js";
 import '../Paginator.css';
 const b = block('paginator');
 export const PaginatorItem = ({ dataKey, mods, content, queryParams, onClick, loading = false, index, }) => {
-    const { locale } = useContext(LocaleContext);
-    const { addNavigationLinkForPages, getBlogPath = getDefaultBlogPath } = useContext(SettingsContext);
+    const { locale } = React.useContext(LocaleContext);
+    const { addNavigationLinkForPages, getBlogPath = getDefaultBlogPath } = React.useContext(SettingsContext);
     const urlPath = getBlogPath((locale === null || locale === void 0 ? void 0 : locale.pathPrefix) || '');
     const itemKey = Number(dataKey) > 0 ? Number(dataKey) : dataKey;
-    const navigationLink = useMemo(() => {
+    const navigationLink = React.useMemo(() => {
         const queryString = Object.entries(Object.assign(Object.assign({}, (index > 1 ? { page: index } : undefined)), queryParams))
             .map(([param, value]) => `${param}=${value}`)
             .join('&');
         return queryString ? `${urlPath}?${queryString}` : urlPath;
     }, [queryParams, index, urlPath]);
-    const handleClick = useCallback((event) => {
+    const handleClick = React.useCallback((event) => {
         if (addNavigationLinkForPages && (event.metaKey || event.ctrlKey)) {
             return;
         }
         onClick === null || onClick === void 0 ? void 0 : onClick(itemKey);
     }, [addNavigationLinkForPages, itemKey, onClick]);
-    return (React.createElement(Button, { view: "flat", size: "xl", className: b('item', mods), onClick: handleClick, href: addNavigationLinkForPages ? navigationLink : undefined, loading: loading && Boolean(mods.active) }, content));
-};
+    return (_jsx(Button, { view: "flat", size: "xl", className: b('item', mods), onClick: handleClick, href: addNavigationLinkForPages ? navigationLink : undefined, loading: loading && Boolean(mods.active), children: content }));
+};
+//# sourceMappingURL=PaginatorItem.js.map

package/build/esm/components/Paginator/components/PaginatorItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginatorItem.js","sourceRoot":"../../../../../src","sources":["components/Paginator/components/PaginatorItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,MAAM,EAAC,MAAM,mBAAmB,CAAC;AAEzC,OAAO,EAAC,aAAa,EAAC,2CAAwC;AAC9D,OAAO,EAAC,eAAe,EAAC,6CAA0C;AAClE,OAAO,EAAC,KAAK,EAAC,6BAA0B;AACxC,OAAO,EAAC,WAAW,IAAI,kBAAkB,EAAC,iCAA8B;AAGxE,OAAO,kBAAkB,CAAC;AAE1B,MAAM,CAAC,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;AAE7B,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC1B,OAAO,EACP,IAAI,EACJ,OAAO,EACP,WAAW,EACX,OAAO,EACP,OAAO,GAAG,KAAK,EACf,KAAK,GACY,EAAE,EAAE;IACrB,MAAM,EAAC,MAAM,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IACjD,MAAM,EAAC,yBAAyB,EAAE,WAAW,GAAG,kBAAkB,EAAC,GAC/D,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IACtC,MAAM,OAAO,GAAG,WAAW,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,KAAI,EAAE,CAAC,CAAC;IAEtD,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAE,OAAqB,CAAC;IAC/E,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACtC,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,iCAC3B,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,EAAC,IAAI,EAAE,KAAK,EAAC,CAAC,CAAC,CAAC,SAAS,CAAC,GACvC,WAAW,EAChB;aACG,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,GAAG,KAAK,IAAI,KAAK,EAAE,CAAC;aAC5C,IAAI,CAAC,GAAG,CAAC,CAAC;QACf,OAAO,WAAW,CAAC,CAAC,CAAC,GAAG,OAAO,IAAI,WAAW,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;IAC/D,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;IAElC,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAGjC,CAAC,KAAK,EAAE,EAAE;QACN,IAAI,yBAAyB,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC;YAChE,OAAO;QACX,CAAC;QAED,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,OAAO,CAAC,CAAC;IACvB,CAAC,EACD,CAAC,yBAAyB,EAAE,OAAO,EAAE,OAAO,CAAC,CAChD,CAAC;IAEF,OAAO,CACH,KAAC,MAAM,IACH,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,IAAI,EACT,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,EAC1B,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,yBAAyB,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,EAC5D,OAAO,EAAE,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,YAEvC,OAAO,GACH,CACZ,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Button} from '@gravity-ui/uikit';\n\nimport {LocaleContext} from '../../../contexts/LocaleContext';\nimport {SettingsContext} from '../../../contexts/SettingsContext';\nimport {block} from '../../../utils/cn';\nimport {getBlogPath as getDefaultBlogPath} from '../../../utils/common';\nimport {ArrowType, PaginatorItemProps} from '../types';\n\nimport '../Paginator.scss';\n\nconst b = block('paginator');\n\nexport const PaginatorItem = ({\n    dataKey,\n    mods,\n    content,\n    queryParams,\n    onClick,\n    loading = false,\n    index,\n}: PaginatorItemProps) => {\n    const {locale} = React.useContext(LocaleContext);\n    const {addNavigationLinkForPages, getBlogPath = getDefaultBlogPath} =\n        React.useContext(SettingsContext);\n    const urlPath = getBlogPath(locale?.pathPrefix || '');\n\n    const itemKey = Number(dataKey) > 0 ? Number(dataKey) : (dataKey as ArrowType);\n    const navigationLink = React.useMemo(() => {\n        const queryString = Object.entries({\n            ...(index > 1 ? {page: index} : undefined),\n            ...queryParams,\n        })\n            .map(([param, value]) => `${param}=${value}`)\n            .join('&');\n        return queryString ? `${urlPath}?${queryString}` : urlPath;\n    }, [queryParams, index, urlPath]);\n\n    const handleClick = React.useCallback<\n        (event: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement, MouseEvent>) => void\n    >(\n        (event) => {\n            if (addNavigationLinkForPages && (event.metaKey || event.ctrlKey)) {\n                return;\n            }\n\n            onClick?.(itemKey);\n        },\n        [addNavigationLinkForPages, itemKey, onClick],\n    );\n\n    return (\n        <Button\n            view=\"flat\"\n            size=\"xl\"\n            className={b('item', mods)}\n            onClick={handleClick}\n            href={addNavigationLinkForPages ? navigationLink : undefined}\n            loading={loading && Boolean(mods.active)}\n        >\n            {content}\n        </Button>\n    );\n};\n"]}

package/build/esm/components/Paginator/types.d.ts

@@ -1,11 +1,11 @@
-import type { ReactNode } from 'react';
+import * as React from 'react';
 import type { NoStrictEntityMods } from '@bem-react/classname';
-import type { ClassNameProps, Query } from '../../models/common';
+import type { ClassNameProps, Query } from "../../models/common.js";
 export interface PaginatorItemProps {
     key: string | ArrowType;
     dataKey: string | ArrowType;
     mods: NoStrictEntityMods;
-    content: ReactNode;
+    content: React.ReactNode;
     queryParams: Query;
     onClick?: (key: number | ArrowType) => void;
     loading?: boolean;

package/build/esm/components/Paginator/types.js

@@ -2,4 +2,5 @@ export var ArrowType;
 (function (ArrowType) {
     ArrowType["Prev"] = "prev";
     ArrowType["Next"] = "next";
-})(ArrowType || (ArrowType = {}));
+})(ArrowType || (ArrowType = {}));
+//# sourceMappingURL=types.js.map