@gravity-ui/blog-constructor 5.16.1-alpha.1 → 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/CustomSwitcher/CustomSwitcher.css

@@ -70,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;

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/CustomSwitcher/CustomSwitcher.css

@@ -70,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;

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.1",
+  "version": "5.16.1",
   "description": "Gravity UI Blog Constructor",
   "license": "MIT",
   "repository": {