@gravity-ui/blog-constructor 5.16.0 → 5.16.1-alpha.1

package/build/cjs/blocks/Feed/Feed.js

@@ -56,11 +56,12 @@ const Feed = ({ image }) => {
         dispatch({ type: reducer_1.ActionTypes.SetErrorLoad, payload: value });
     };
     const handleChangeQueryParams = (0, react_1.useCallback)((value) => {
+        var _a;
         dispatch({ type: reducer_1.ActionTypes.QueryParamsChange, payload: value });
         const hasFirstPageQuery = Object.keys(value).some((queryKey) => queryKey === PAGE_QUERY && value[queryKey] === FIRST_PAGE);
         const result = hasFirstPageQuery
             ? Object.assign(Object.assign({}, value), { [PAGE_QUERY]: null }) : Object.assign({}, value);
-        router.updateQueryCallback(result);
+        (_a = router === null || router === void 0 ? void 0 : router.updateQueryCallback) === null || _a === void 0 ? void 0 : _a.call(router, result);
     }, [router]);
     const fetchData = (0, react_1.useCallback)(async ({ page, query }) => {
         if (query && getPosts) {

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

@@ -13,7 +13,7 @@ const renderSwitcher = ({ initial, list, defaultLabel }) =>
 // eslint-disable-next-line react/display-name
 ({ onClick, ref, onKeyDown, open, renderClear }) => (react_1.default.createElement(CustomSwitcher_1.CustomSwitcher, { initial: initial, defaultLabel: defaultLabel, list: list, controlRef: ref, onClick: onClick, onKeyDown: onKeyDown, renderClear: renderClear, open: open }));
 exports.renderSwitcher = renderSwitcher;
-const renderFilter = ({ value, ref, onChange, onKeyDown }) => (react_1.default.createElement(uikit_1.TextInput, { controlRef: ref, controlProps: { size: 1 }, value: value, view: "clear", placeholder: (0, i18n_1.i18)(i18n_1.Keyset.Search), onUpdate: onChange, onKeyDown: onKeyDown, className: b('popup-filter') }));
+const renderFilter = ({ value, onChange, onKeyDown }) => (react_1.default.createElement(uikit_1.TextInput, { controlProps: { size: 1 }, value: value, view: "clear", placeholder: (0, i18n_1.i18)(i18n_1.Keyset.Search), onUpdate: onChange, onKeyDown: onKeyDown, className: b('popup-filter') }));
 exports.renderFilter = renderFilter;
 const renderOption = (option) => (react_1.default.createElement(CustomSelectOption_1.CustomSelectOption, { data: option }));
 exports.renderOption = renderOption;

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

@@ -38,6 +38,9 @@ unpredictable css rules order in build */
   border-color: var(--g-color-base-generic-hover);
   cursor: pointer;
 }
+.bc-feed-custom-switcher__custom-switcher-element {
+  color: var(--g-color-text-primary);
+}
 .bc-feed-custom-switcher__custom-switcher-element_content {
   display: inline-block;
   flex-grow: 1;
@@ -63,6 +66,11 @@ unpredictable css rules order in build */
   min-width: 30px;
   height: 100%;
 }
+.bc-feed-custom-switcher__custom-switcher-element_overlay {
+  position: absolute;
+  inset: 0;
+  border-radius: var(--g-border-radius-xl);
+}
 .bc-feed-custom-switcher__switcher-arrow {
   width: 16px;
   height: 16px;
@@ -70,4 +78,5 @@ unpredictable css rules order in build */
 .bc-feed-custom-switcher__clear {
   width: 11px;
   height: 11px;
+  color: var(--g-color-text-primary);
 }

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

@@ -18,7 +18,8 @@ const CustomSwitcher = ({ initial, defaultLabel, list, onClick, controlRef, onKe
         return items.length ? items : [defaultLabel];
     }, [defaultLabel, initial, list]);
     const hasCounter = itemsNames.length > 1;
-    return (react_1.default.createElement("button", { className: b('custom-switcher'), onClick: onClick, ref: controlRef, onKeyDown: onKeyDown, "aria-expanded": open },
+    return (react_1.default.createElement("button", { className: b('custom-switcher'), ref: controlRef, onKeyDown: onKeyDown, "aria-expanded": open },
+        react_1.default.createElement("div", { onClick: onClick, className: b('custom-switcher-element', { overlay: true }) }),
         react_1.default.createElement("div", { className: b('custom-switcher-element', { content: true }) }, itemsNames === null || itemsNames === void 0 ? void 0 : itemsNames.join(', ')),
         renderClear &&
             renderClear({

package/build/esm/blocks/Feed/Feed.js

@@ -52,11 +52,12 @@ export const Feed = ({ image }) => {
         dispatch({ type: ActionTypes.SetErrorLoad, payload: value });
     };
     const handleChangeQueryParams = useCallback((value) => {
+        var _a;
         dispatch({ type: ActionTypes.QueryParamsChange, payload: value });
         const hasFirstPageQuery = Object.keys(value).some((queryKey) => queryKey === PAGE_QUERY && value[queryKey] === FIRST_PAGE);
         const result = hasFirstPageQuery
             ? Object.assign(Object.assign({}, value), { [PAGE_QUERY]: null }) : Object.assign({}, value);
-        router.updateQueryCallback(result);
+        (_a = router === null || router === void 0 ? void 0 : router.updateQueryCallback) === null || _a === void 0 ? void 0 : _a.call(router, result);
     }, [router]);
     const fetchData = useCallback(async ({ page, query }) => {
         if (query && getPosts) {

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

@@ -9,5 +9,5 @@ const b = block('feed-controls');
 export const renderSwitcher = ({ initial, list, defaultLabel }) => 
 // eslint-disable-next-line react/display-name
 ({ onClick, ref, onKeyDown, open, renderClear }) => (React.createElement(CustomSwitcher, { initial: initial, defaultLabel: defaultLabel, list: list, controlRef: ref, onClick: onClick, onKeyDown: onKeyDown, renderClear: renderClear, open: open }));
-export const renderFilter = ({ value, ref, onChange, onKeyDown }) => (React.createElement(TextInput, { controlRef: ref, controlProps: { size: 1 }, value: value, view: "clear", placeholder: i18(Keyset.Search), onUpdate: onChange, onKeyDown: onKeyDown, className: b('popup-filter') }));
+export const renderFilter = ({ value, onChange, onKeyDown }) => (React.createElement(TextInput, { controlProps: { size: 1 }, value: value, view: "clear", placeholder: i18(Keyset.Search), onUpdate: onChange, onKeyDown: onKeyDown, className: b('popup-filter') }));
 export const renderOption = (option) => (React.createElement(CustomSelectOption, { data: option }));

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

@@ -38,6 +38,9 @@ unpredictable css rules order in build */
   border-color: var(--g-color-base-generic-hover);
   cursor: pointer;
 }
+.bc-feed-custom-switcher__custom-switcher-element {
+  color: var(--g-color-text-primary);
+}
 .bc-feed-custom-switcher__custom-switcher-element_content {
   display: inline-block;
   flex-grow: 1;
@@ -63,6 +66,11 @@ unpredictable css rules order in build */
   min-width: 30px;
   height: 100%;
 }
+.bc-feed-custom-switcher__custom-switcher-element_overlay {
+  position: absolute;
+  inset: 0;
+  border-radius: var(--g-border-radius-xl);
+}
 .bc-feed-custom-switcher__switcher-arrow {
   width: 16px;
   height: 16px;
@@ -70,4 +78,5 @@ unpredictable css rules order in build */
 .bc-feed-custom-switcher__clear {
   width: 11px;
   height: 11px;
+  color: var(--g-color-text-primary);
 }

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

@@ -15,7 +15,8 @@ export const CustomSwitcher = ({ initial, defaultLabel, list, onClick, controlRe
         return items.length ? items : [defaultLabel];
     }, [defaultLabel, initial, list]);
     const hasCounter = itemsNames.length > 1;
-    return (React.createElement("button", { className: b('custom-switcher'), onClick: onClick, ref: controlRef, onKeyDown: onKeyDown, "aria-expanded": open },
+    return (React.createElement("button", { className: b('custom-switcher'), ref: controlRef, onKeyDown: onKeyDown, "aria-expanded": open },
+        React.createElement("div", { onClick: onClick, className: b('custom-switcher-element', { overlay: true }) }),
         React.createElement("div", { className: b('custom-switcher-element', { content: true }) }, itemsNames === null || itemsNames === void 0 ? void 0 : itemsNames.join(', ')),
         renderClear &&
             renderClear({

package/package.json

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