@gravity-ui/blog-constructor 5.16.1-alpha.0 → 5.16.1

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

@@ -56,12 +56,11 @@ 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);
-        (_a = router === null || router === void 0 ? void 0 : router.updateQueryCallback) === null || _a === void 0 ? void 0 : _a.call(router, result);
+        router.updateQueryCallback(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;
@@ -45,7 +48,6 @@ unpredictable css rules order in build */
   text-overflow: ellipsis;
   white-space: nowrap;
   padding: 0 12px;
-  color: var(--g-color-text-primary);
 }
 .bc-feed-custom-switcher__custom-switcher-element_counter {
   align-items: center;
@@ -68,6 +70,9 @@ unpredictable css rules order in build */
   position: absolute;
   inset: 0;
   border-radius: var(--g-border-radius-xl);
+  background: transparent;
+  border: none;
+  cursor: pointer;
 }
 .bc-feed-custom-switcher__switcher-arrow {
   width: 16px;
@@ -76,4 +81,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,8 +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'), ref: controlRef, onKeyDown: onKeyDown, "aria-expanded": open },
-        react_1.default.createElement("div", { onClick: onClick, className: b('custom-switcher-element', { overlay: true }) }),
+    return (react_1.default.createElement("div", { className: b('custom-switcher'), ref: controlRef },
+        react_1.default.createElement("button", { onClick: onClick, className: b('custom-switcher-element', { overlay: true }), onKeyDown: onKeyDown, "aria-expanded": open }),
         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/cjs/components/PostInfo/PostInfo.css

@@ -17,6 +17,14 @@ unpredictable css rules order in build */
   font-size: var(--g-text-body-3-font-size);
   line-height: var(--g-text-body-3-line-height);
 }
+.bc-post-info__item_save {
+  background: none;
+  color: inherit;
+  border: none;
+  padding: 0;
+  font: inherit;
+  cursor: pointer;
+}
 .bc-post-info__item:last-child {
   font-size: var(--g-text-body-2-font-size);
   line-height: var(--g-text-body-2-line-height);

package/build/cjs/components/PostInfo/components/Save.js

@@ -31,7 +31,7 @@ const Save = ({ title, postId, hasUserLike, handleUserLike, metrikaGoal, size, t
     const { toggleLike, isSignedInUser, requireSignIn } = (0, react_1.useContext)(LikesContext_1.LikesContext);
     const handleAnalytics = (0, page_constructor_1.useAnalytics)(common_1.DefaultEventNames.SaveButton);
     const isLikeable = Boolean(toggleLike);
-    return (react_1.default.createElement("div", { className: b('item', { size }), onClick: (event) => {
+    return (react_1.default.createElement("button", { className: b('item', { size, save: true }), onClick: (event) => {
             // both preventDefault and stopImmediatePropagation required to work properly
             // https://stackoverflow.com/questions/24415631/reactjs-syntheticevent-stoppropagation-only-works-with-react-events
             event.preventDefault();

package/build/cjs/components/Search/Search.css

@@ -12,6 +12,9 @@ unpredictable css rules order in build */
 .bc-search__input-icon {
   display: flex;
   padding-right: 7px;
+  border: none;
+  font: inherit;
+  background: none;
   color: var(--g-color-text-hint);
   cursor: pointer;
 }

package/build/cjs/components/Search/Search.js

@@ -45,7 +45,7 @@ const Search = ({ className, initialValue, onSubmit, debounce = 300, placeholder
                 onSubmit('');
             }
         };
-        return (react_1.default.createElement("div", { className: b('input-icon'), onClick: handleClick },
+        return (react_1.default.createElement("button", { className: b('input-icon'), onClick: handleClick },
             react_1.default.createElement(uikit_1.Icon, { size: iconSize, data: iconData })));
     }, [handleChange, onSubmit, value]);
     return (react_1.default.createElement("div", { className: b({ size }, className) },

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

@@ -52,12 +52,11 @@ 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);
-        (_a = router === null || router === void 0 ? void 0 : router.updateQueryCallback) === null || _a === void 0 ? void 0 : _a.call(router, result);
+        router.updateQueryCallback(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;
@@ -45,7 +48,6 @@ unpredictable css rules order in build */
   text-overflow: ellipsis;
   white-space: nowrap;
   padding: 0 12px;
-  color: var(--g-color-text-primary);
 }
 .bc-feed-custom-switcher__custom-switcher-element_counter {
   align-items: center;
@@ -68,6 +70,9 @@ unpredictable css rules order in build */
   position: absolute;
   inset: 0;
   border-radius: var(--g-border-radius-xl);
+  background: transparent;
+  border: none;
+  cursor: pointer;
 }
 .bc-feed-custom-switcher__switcher-arrow {
   width: 16px;
@@ -76,4 +81,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,8 +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'), ref: controlRef, onKeyDown: onKeyDown, "aria-expanded": open },
-        React.createElement("div", { onClick: onClick, className: b('custom-switcher-element', { overlay: true }) }),
+    return (React.createElement("div", { className: b('custom-switcher'), ref: controlRef },
+        React.createElement("button", { onClick: onClick, className: b('custom-switcher-element', { overlay: true }), onKeyDown: onKeyDown, "aria-expanded": open }),
         React.createElement("div", { className: b('custom-switcher-element', { content: true }) }, itemsNames === null || itemsNames === void 0 ? void 0 : itemsNames.join(', ')),
         renderClear &&
             renderClear({

package/build/esm/components/PostInfo/PostInfo.css

@@ -17,6 +17,14 @@ unpredictable css rules order in build */
   font-size: var(--g-text-body-3-font-size);
   line-height: var(--g-text-body-3-line-height);
 }
+.bc-post-info__item_save {
+  background: none;
+  color: inherit;
+  border: none;
+  padding: 0;
+  font: inherit;
+  cursor: pointer;
+}
 .bc-post-info__item:last-child {
   font-size: var(--g-text-body-2-font-size);
   line-height: var(--g-text-body-2-line-height);

package/build/esm/components/PostInfo/components/Save.js

@@ -28,7 +28,7 @@ export const Save = ({ title, postId, hasUserLike, handleUserLike, metrikaGoal,
     const { toggleLike, isSignedInUser, requireSignIn } = useContext(LikesContext);
     const handleAnalytics = useAnalytics(DefaultEventNames.SaveButton);
     const isLikeable = Boolean(toggleLike);
-    return (React.createElement("div", { className: b('item', { size }), onClick: (event) => {
+    return (React.createElement("button", { className: b('item', { size, save: true }), onClick: (event) => {
             // both preventDefault and stopImmediatePropagation required to work properly
             // https://stackoverflow.com/questions/24415631/reactjs-syntheticevent-stoppropagation-only-works-with-react-events
             event.preventDefault();

package/build/esm/components/Search/Search.css

@@ -12,6 +12,9 @@ unpredictable css rules order in build */
 .bc-search__input-icon {
   display: flex;
   padding-right: 7px;
+  border: none;
+  font: inherit;
+  background: none;
   color: var(--g-color-text-hint);
   cursor: pointer;
 }

package/build/esm/components/Search/Search.js

@@ -42,7 +42,7 @@ export const Search = ({ className, initialValue, onSubmit, debounce = 300, plac
                 onSubmit('');
             }
         };
-        return (React.createElement("div", { className: b('input-icon'), onClick: handleClick },
+        return (React.createElement("button", { className: b('input-icon'), onClick: handleClick },
             React.createElement(Icon, { size: iconSize, data: iconData })));
     }, [handleChange, onSubmit, value]);
     return (React.createElement("div", { className: b({ size }, className) },

package/package.json

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