@gravity-ui/blog-constructor 6.4.3 → 6.4.4-alpha.0

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

@@ -89,26 +89,27 @@ const Controls = ({ handleLoadData, tags = [], services = [], queryParams, }) =>
     };
     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)));
+    return (react_1.default.createElement(uikit_1.MobileProvider, { mobile: false },
+        react_1.default.createElement("div", { className: b('header') },
+            react_1.default.createElement("h1", { className: b('header-item', { title: true }) }, (0, i18n_1.i18n)(i18n_1.Keyset.Title)),
+            react_1.default.createElement("div", { className: b('header-item', { filters: true }) },
+                react_1.default.createElement("div", { className: b('filter-item') },
+                    react_1.default.createElement(Search_1.Search, { className: b('search'), placeholder: (0, i18n_1.i18n)(i18n_1.Keyset.Search), initialValue: search && typeof search === 'string' ? search : '', onSubmit: handleSearch })),
+                react_1.default.createElement("div", { className: b('filter-item') },
+                    react_1.default.createElement(uikit_1.Select, { className: b('select'), size: "xl", options: tagsItems, defaultValue: [tagInitial], onUpdate: handleTagSelect, placeholder: (0, i18n_1.i18n)(i18n_1.Keyset.AllTags), popupClassName: b('popup', { isMobile }), renderControl: (0, customRenders_1.renderSwitcher)({
+                            initial: [tagInitial],
+                            list: tagsItems,
+                            defaultLabel: (0, i18n_1.i18n)(i18n_1.Keyset.AllTags),
+                        }), disablePortal: true, virtualizationThreshold: VIRTUALIZATION_THRESHOLD, renderOption: customRenders_1.renderOption })),
+                services.length > 0 ? (react_1.default.createElement("div", { className: b('filter-item') },
+                    react_1.default.createElement(uikit_1.Select, { className: b('select'), size: "xl", multiple: true, filterable: true, hasClear: true, disablePortal: true, options: services, defaultValue: servicesItems, popupClassName: b('popup', { isMobile }), onUpdate: handleServicesSelect, placeholder: (0, i18n_1.i18n)(i18n_1.Keyset.AllServices), renderControl: (0, customRenders_1.renderSwitcher)({
+                            initial: servicesItems,
+                            list: services,
+                            defaultLabel: (0, i18n_1.i18n)(i18n_1.Keyset.AllServices),
+                        }), virtualizationThreshold: VIRTUALIZATION_THRESHOLD, renderOption: customRenders_1.renderOption, renderFilter: customRenders_1.renderFilter }))) : null,
+                hasLikes ? (react_1.default.createElement("div", { className: b('filter-item', { 'width-auto': true }) },
+                    react_1.default.createElement(uikit_1.Button, { view: 'outlined', className: b('saved-only-button', { savedOnly }), size: "xl", onClick: handleSavedOnly, selected: savedOnly },
+                        react_1.default.createElement(uikit_1.Icon, { data: Save_1.Save, size: ICON_SIZE, className: b('icon', { savedOnly }) }),
+                        (0, i18n_1.i18n)(i18n_1.Keyset.ActionSavedOnly)))) : null))));
 };
 exports.Controls = Controls;

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

@@ -1,6 +1,6 @@
 import React, { useContext, useMemo, useState } from 'react';
 import { useAnalytics } from '@gravity-ui/page-constructor';
-import { Button, Icon, Select } from '@gravity-ui/uikit';
+import { Button, Icon, MobileProvider, Select } from '@gravity-ui/uikit';
 import { DefaultGoalIds } from '../../../../constants';
 import { LikesContext } from '../../../../contexts/LikesContext';
 import { MobileContext } from '../../../../contexts/MobileContext';
@@ -86,25 +86,26 @@ export const Controls = ({ handleLoadData, tags = [], services = [], queryParams
     };
     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)));
+    return (React.createElement(MobileProvider, { mobile: false },
+        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))));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/blog-constructor",
-  "version": "6.4.3",
+  "version": "6.4.4-alpha.0",
   "description": "Gravity UI Blog Constructor",
   "license": "MIT",
   "repository": {