@gravity-ui/blog-constructor 6.4.0 → 6.4.2

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

@@ -107,7 +107,7 @@ const Controls = ({ handleLoadData, tags = [], services = [], queryParams, }) =>
                         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 },
+                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)));
 };

package/build/cjs/components/PostInfo/components/Save.d.ts

@@ -3,7 +3,7 @@ import { AnalyticsEventsProp } from '@gravity-ui/page-constructor';
 import { QAProps } from '../../../models/common';
 type SaveProps = QAProps & {
     title: string | number;
-    postId: number;
+    postId: number | string;
     hasUserLike: boolean;
     handleUserLike: () => void;
     theme?: 'light' | 'dark';

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

@@ -39,13 +39,15 @@ const Search = ({ className, initialValue, onSubmit, debounce = 300, placeholder
         const iconData = value ? Close_1.Close : SearchIcon_1.SearchIcon;
         const iconSize = value ? CLOSE_ICON_SIZE : SEARCH_ICON_SIZE;
         const handleClick = () => {
+            var _a;
             if (value) {
                 handleChange.cancel();
                 setValue('');
                 onSubmit('');
+                (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
             }
         };
-        return (react_1.default.createElement("button", { className: b('input-icon'), onClick: handleClick, "aria-label": (0, i18n_1.i18n)(i18n_1.Keyset.SearchAction) },
+        return (react_1.default.createElement("button", { className: b('input-icon'), onClick: handleClick, "aria-label": value ? (0, i18n_1.i18n)(i18n_1.Keyset.ClearAction) : undefined, "aria-hidden": !value },
             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/cjs/hooks/useLikes.d.ts

@@ -2,7 +2,7 @@ import { ToggleLikeCallbackType } from '../models/common';
 type UseLikesProps = {
     hasLike?: boolean;
     count?: number;
-    postId?: number;
+    postId?: number | string;
     toggleLikeCallback?: ToggleLikeCallbackType;
 };
 type UseLikeData = {

package/build/cjs/i18n/index.d.ts

@@ -19,6 +19,6 @@ export declare enum Keyset {
     PromptSignInOnLike = "prompt_sign_in_on_like",
     SignIn = "Sign In",
     Save = "save",
-    SearchAction = "search_action"
+    ClearAction = "clear_action"
 }
 export declare const i18n: (key: Keyset, params?: import("@gravity-ui/i18n").Params | undefined) => string;

package/build/cjs/i18n/index.js

@@ -25,7 +25,7 @@ var Keyset;
     Keyset["PromptSignInOnLike"] = "prompt_sign_in_on_like";
     Keyset["SignIn"] = "Sign In";
     Keyset["Save"] = "save";
-    Keyset["SearchAction"] = "search_action";
+    Keyset["ClearAction"] = "clear_action";
 })(Keyset = exports.Keyset || (exports.Keyset = {}));
 const en = {
     [Keyset.Title]: 'Blog',
@@ -52,7 +52,7 @@ const en = {
     ],
     [Keyset.SignIn]: 'Sign In',
     [Keyset.Save]: 'Save',
-    [Keyset.SearchAction]: 'Find',
+    [Keyset.ClearAction]: 'Clear',
 };
 const ru = {
     [Keyset.Title]: 'Блог',
@@ -79,6 +79,6 @@ const ru = {
     ],
     [Keyset.SignIn]: 'Войти',
     [Keyset.Save]: 'Сохранить',
-    [Keyset.SearchAction]: 'Найти',
+    [Keyset.ClearAction]: 'Очистить',
 };
 exports.i18n = (0, i18n_1.addComponentKeysets)({ en, ru }, NAMESPACE);

package/build/cjs/models/blocks.d.ts

@@ -3,7 +3,7 @@ import { ContentBlockProps, FormBlockData, HeaderBlockProps, MediaProps as PCMed
 import { BlockType, ClassNameProps, PostData, QAProps } from './common';
 import { PaddingsYFMProps } from './paddings';
 export type AuthorProps = ClassNameProps & {
-    authorId: number;
+    authorId: number | string;
     image: string;
 } & PaddingsYFMProps & QAProps;
 export type BannerProps = ContentBlockProps & QAProps & {

package/build/cjs/models/common.d.ts

@@ -11,7 +11,7 @@ export interface ClassNameProps {
     className?: string;
 }
 export type Author = {
-    id: number;
+    id: number | string;
     avatar: string | null;
     createdAt: string;
     updatedAt: string;
@@ -24,7 +24,7 @@ export type Author = {
     [x: string]: string | null;
 };
 export type Service = {
-    id: number;
+    id: number | string;
     slug: string;
     name: string;
 } & {
@@ -53,13 +53,13 @@ export type Tag = {
     icon?: string;
     isDeleted?: boolean;
     locale?: string;
-    blogTagId?: number;
+    blogTagId?: number | string;
     count?: number;
 };
 export interface PostData {
     author?: string;
     authors?: Author[];
-    blogPostId?: number;
+    blogPostId?: number | string;
     content?: string;
     date: string;
     description?: string;
@@ -130,7 +130,7 @@ export interface PostMetaProps {
     organization: MetaOrganizationType;
 }
 export type ToggleLikeCallbackType = ({ postId, hasLike, }: {
-    postId?: number;
+    postId?: number | string;
     hasLike?: boolean;
 }) => void;
 export interface HeaderBlockProps extends PageConstructorHeaderBlockProps {

package/build/cjs/utils/common.d.ts

@@ -15,7 +15,7 @@ export declare const getPageSearchParams: (query?: Query) => URLSearchParams;
 export declare const scrollToHash: (hash: string, browser?: string) => void;
 type CloudListTagStub = {};
 export declare const getTags: ((tags: Tag[], blogPath: string) => CloudListTagStub[]) & import("lodash").MemoizedFunction;
-export declare const postLikeStatus: import("lodash").DebouncedFunc<(postId: number, hasUserLike: boolean) => void>;
+export declare const postLikeStatus: import("lodash").DebouncedFunc<(postId: number | string, hasUserLike: boolean) => void>;
 export declare const updateContentSizes: ({ size, colSizes, theme, ...contentData }: ContentBlockProps) => {
     size: import("@gravity-ui/page-constructor").ContentSize;
     colSizes: {

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

@@ -104,7 +104,7 @@ export const Controls = ({ handleLoadData, tags = [], services = [], queryParams
                         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 },
+                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/build/esm/components/PostInfo/components/Save.d.ts

@@ -4,7 +4,7 @@ import { QAProps } from '../../../models/common';
 import '../PostInfo.css';
 type SaveProps = QAProps & {
     title: string | number;
-    postId: number;
+    postId: number | string;
     hasUserLike: boolean;
     handleUserLike: () => void;
     theme?: 'light' | 'dark';

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

@@ -36,13 +36,15 @@ export const Search = ({ className, initialValue, onSubmit, debounce = 300, plac
         const iconData = value ? Close : SearchIcon;
         const iconSize = value ? CLOSE_ICON_SIZE : SEARCH_ICON_SIZE;
         const handleClick = () => {
+            var _a;
             if (value) {
                 handleChange.cancel();
                 setValue('');
                 onSubmit('');
+                (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
             }
         };
-        return (React.createElement("button", { className: b('input-icon'), onClick: handleClick, "aria-label": i18n(Keyset.SearchAction) },
+        return (React.createElement("button", { className: b('input-icon'), onClick: handleClick, "aria-label": value ? i18n(Keyset.ClearAction) : undefined, "aria-hidden": !value },
             React.createElement(Icon, { size: iconSize, data: iconData })));
     }, [handleChange, onSubmit, value]);
     return (React.createElement("div", { className: b({ size }, className) },

package/build/esm/hooks/useLikes.d.ts

@@ -2,7 +2,7 @@ import { ToggleLikeCallbackType } from '../models/common';
 type UseLikesProps = {
     hasLike?: boolean;
     count?: number;
-    postId?: number;
+    postId?: number | string;
     toggleLikeCallback?: ToggleLikeCallbackType;
 };
 type UseLikeData = {

package/build/esm/i18n/index.d.ts

@@ -19,6 +19,6 @@ export declare enum Keyset {
     PromptSignInOnLike = "prompt_sign_in_on_like",
     SignIn = "Sign In",
     Save = "save",
-    SearchAction = "search_action"
+    ClearAction = "clear_action"
 }
 export declare const i18n: (key: Keyset, params?: import("@gravity-ui/i18n").Params | undefined) => string;

package/build/esm/i18n/index.js

@@ -22,7 +22,7 @@ export var Keyset;
     Keyset["PromptSignInOnLike"] = "prompt_sign_in_on_like";
     Keyset["SignIn"] = "Sign In";
     Keyset["Save"] = "save";
-    Keyset["SearchAction"] = "search_action";
+    Keyset["ClearAction"] = "clear_action";
 })(Keyset || (Keyset = {}));
 const en = {
     [Keyset.Title]: 'Blog',
@@ -49,7 +49,7 @@ const en = {
     ],
     [Keyset.SignIn]: 'Sign In',
     [Keyset.Save]: 'Save',
-    [Keyset.SearchAction]: 'Find',
+    [Keyset.ClearAction]: 'Clear',
 };
 const ru = {
     [Keyset.Title]: 'Блог',
@@ -76,6 +76,6 @@ const ru = {
     ],
     [Keyset.SignIn]: 'Войти',
     [Keyset.Save]: 'Сохранить',
-    [Keyset.SearchAction]: 'Найти',
+    [Keyset.ClearAction]: 'Очистить',
 };
 export const i18n = addComponentKeysets({ en, ru }, NAMESPACE);

package/build/esm/models/blocks.d.ts

@@ -3,7 +3,7 @@ import { ContentBlockProps, FormBlockData, HeaderBlockProps, MediaProps as PCMed
 import { BlockType, ClassNameProps, PostData, QAProps } from './common';
 import { PaddingsYFMProps } from './paddings';
 export type AuthorProps = ClassNameProps & {
-    authorId: number;
+    authorId: number | string;
     image: string;
 } & PaddingsYFMProps & QAProps;
 export type BannerProps = ContentBlockProps & QAProps & {

package/build/esm/models/common.d.ts

@@ -11,7 +11,7 @@ export interface ClassNameProps {
     className?: string;
 }
 export type Author = {
-    id: number;
+    id: number | string;
     avatar: string | null;
     createdAt: string;
     updatedAt: string;
@@ -24,7 +24,7 @@ export type Author = {
     [x: string]: string | null;
 };
 export type Service = {
-    id: number;
+    id: number | string;
     slug: string;
     name: string;
 } & {
@@ -53,13 +53,13 @@ export type Tag = {
     icon?: string;
     isDeleted?: boolean;
     locale?: string;
-    blogTagId?: number;
+    blogTagId?: number | string;
     count?: number;
 };
 export interface PostData {
     author?: string;
     authors?: Author[];
-    blogPostId?: number;
+    blogPostId?: number | string;
     content?: string;
     date: string;
     description?: string;
@@ -130,7 +130,7 @@ export interface PostMetaProps {
     organization: MetaOrganizationType;
 }
 export type ToggleLikeCallbackType = ({ postId, hasLike, }: {
-    postId?: number;
+    postId?: number | string;
     hasLike?: boolean;
 }) => void;
 export interface HeaderBlockProps extends PageConstructorHeaderBlockProps {

package/build/esm/utils/common.d.ts

@@ -15,7 +15,7 @@ export declare const getPageSearchParams: (query?: Query) => URLSearchParams;
 export declare const scrollToHash: (hash: string, browser?: string) => void;
 type CloudListTagStub = {};
 export declare const getTags: ((tags: Tag[], blogPath: string) => CloudListTagStub[]) & import("lodash").MemoizedFunction;
-export declare const postLikeStatus: import("lodash").DebouncedFunc<(postId: number, hasUserLike: boolean) => void>;
+export declare const postLikeStatus: import("lodash").DebouncedFunc<(postId: number | string, hasUserLike: boolean) => void>;
 export declare const updateContentSizes: ({ size, colSizes, theme, ...contentData }: ContentBlockProps) => {
     size: import("@gravity-ui/page-constructor").ContentSize;
     colSizes: {

package/package.json

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

package/server/models/blocks.d.ts

@@ -3,7 +3,7 @@ import { ContentBlockProps, FormBlockData, HeaderBlockProps, MediaProps as PCMed
 import { BlockType, ClassNameProps, PostData, QAProps } from './common';
 import { PaddingsYFMProps } from './paddings';
 export type AuthorProps = ClassNameProps & {
-    authorId: number;
+    authorId: number | string;
     image: string;
 } & PaddingsYFMProps & QAProps;
 export type BannerProps = ContentBlockProps & QAProps & {

package/server/models/common.d.ts

@@ -11,7 +11,7 @@ export interface ClassNameProps {
     className?: string;
 }
 export type Author = {
-    id: number;
+    id: number | string;
     avatar: string | null;
     createdAt: string;
     updatedAt: string;
@@ -24,7 +24,7 @@ export type Author = {
     [x: string]: string | null;
 };
 export type Service = {
-    id: number;
+    id: number | string;
     slug: string;
     name: string;
 } & {
@@ -53,13 +53,13 @@ export type Tag = {
     icon?: string;
     isDeleted?: boolean;
     locale?: string;
-    blogTagId?: number;
+    blogTagId?: number | string;
     count?: number;
 };
 export interface PostData {
     author?: string;
     authors?: Author[];
-    blogPostId?: number;
+    blogPostId?: number | string;
     content?: string;
     date: string;
     description?: string;
@@ -130,7 +130,7 @@ export interface PostMetaProps {
     organization: MetaOrganizationType;
 }
 export type ToggleLikeCallbackType = ({ postId, hasLike, }: {
-    postId?: number;
+    postId?: number | string;
     hasLike?: boolean;
 }) => void;
 export interface HeaderBlockProps extends PageConstructorHeaderBlockProps {