@gravity-ui/blog-constructor 1.0.0-aplha.0 → 2.0.0-alpha.0
Sign up to get free protection for your applications and to get access to all the features.
- package/build/cjs/components/FeedHeader/components/Controls/Controls.css +5 -3
- package/build/cjs/components/FeedHeader/components/Controls/Controls.js +3 -3
- package/build/cjs/components/Search/Search.css +0 -1
- package/build/cjs/containers/BlogPage/BlogPage.d.ts +3 -2
- package/build/cjs/containers/BlogPage/BlogPage.js +2 -2
- package/build/cjs/containers/BlogPostPage/BlogPostPage.d.ts +2 -1
- package/build/cjs/containers/BlogPostPage/BlogPostPage.js +2 -2
- package/build/esm/components/FeedHeader/components/Controls/Controls.css +5 -3
- package/build/esm/components/FeedHeader/components/Controls/Controls.js +3 -3
- package/build/esm/components/Search/Search.css +0 -1
- package/build/esm/containers/BlogPage/BlogPage.d.ts +3 -2
- package/build/esm/containers/BlogPage/BlogPage.js +2 -2
- package/build/esm/containers/BlogPostPage/BlogPostPage.d.ts +2 -1
- package/build/esm/containers/BlogPostPage/BlogPostPage.js +2 -2
- package/package.json +2 -5
@@ -34,13 +34,16 @@ unpredictable css rules order in build */
|
|
34
34
|
width: 100%;
|
35
35
|
}
|
36
36
|
.bc-feed-controls__popup.bc-feed-controls__popup {
|
37
|
+
max-height: 500px;
|
37
38
|
border-radius: 12px;
|
38
39
|
}
|
39
40
|
.bc-feed-controls__popup.bc-feed-controls__popup .g-select-filter + .g-select-list {
|
40
|
-
max-height: 350px !important;
|
41
41
|
margin-top: 0;
|
42
42
|
}
|
43
|
-
.bc-feed-controls__popup.bc-feed-controls__popup .g-select-
|
43
|
+
.bc-feed-controls__popup.bc-feed-controls__popup .g-select-list {
|
44
|
+
overflow: scroll;
|
45
|
+
}
|
46
|
+
.bc-feed-controls__popup.bc-feed-controls__popup .g-select-list::-webkit-scrollbar {
|
44
47
|
display: none;
|
45
48
|
}
|
46
49
|
.bc-feed-controls__popup.bc-feed-controls__popup .yc-list__item {
|
@@ -48,7 +51,6 @@ unpredictable css rules order in build */
|
|
48
51
|
border-radius: 8px;
|
49
52
|
}
|
50
53
|
.bc-feed-controls__popup.bc-feed-controls__popup .g-select-filter {
|
51
|
-
margin-top: 4px;
|
52
54
|
padding: 4px;
|
53
55
|
border-bottom: 1px solid var(--yc-color-line-generic);
|
54
56
|
}
|
@@ -91,13 +91,13 @@ const Controls = ({ setIsFetching, tags = [], services = [], handleChangeQuery,
|
|
91
91
|
initial: [tagInitial],
|
92
92
|
list: tagsItems,
|
93
93
|
defaultLabel: (0, i18n_1.i18)(i18n_1.Keyset.AllTags),
|
94
|
-
}), renderOption: customRenders_1.renderOption })),
|
94
|
+
}), disablePortal: true, renderOption: customRenders_1.renderOption })),
|
95
95
|
services.length > 0 ? (react_1.default.createElement("div", { className: b('filter-item') },
|
96
|
-
react_1.default.createElement(uikit_1.Select, { className: b('select'), size: "xl", multiple: true, filterable: true, options: services, defaultValue: servicesItems, popupClassName: b('popup'), onUpdate: handleServicesSelect, placeholder: (0, i18n_1.i18)(i18n_1.Keyset.AllServices), renderControl: (0, customRenders_1.renderSwitcher)({
|
96
|
+
react_1.default.createElement(uikit_1.Select, { className: b('select'), size: "xl", multiple: true, filterable: true, disablePortal: true, options: services, defaultValue: servicesItems, popupClassName: b('popup'), onUpdate: handleServicesSelect, placeholder: (0, i18n_1.i18)(i18n_1.Keyset.AllServices), renderControl: (0, customRenders_1.renderSwitcher)({
|
97
97
|
initial: servicesItems,
|
98
98
|
list: services,
|
99
99
|
defaultLabel: (0, i18n_1.i18)(i18n_1.Keyset.AllServices),
|
100
|
-
}),
|
100
|
+
}), renderOption: customRenders_1.renderOption, renderFilter: customRenders_1.renderFilter }))) : null,
|
101
101
|
hasLikes ? (react_1.default.createElement("div", { className: b('filter-item', { 'width-auto': true }) },
|
102
102
|
react_1.default.createElement(uikit_1.Button, { view: 'outlined', className: b('saved-only-button', { savedOnly }), size: "xl", onClick: handleSavedOnly },
|
103
103
|
react_1.default.createElement(uikit_1.Icon, { data: Save_1.Save, size: ICON_SIZE, className: b('icon', { savedOnly }) }),
|
@@ -1,10 +1,11 @@
|
|
1
|
-
import { PageContent, PageConstructorProviderProps } from '@gravity-ui/page-constructor';
|
1
|
+
import { PageContent, PageConstructorProviderProps, NavigationData } from '@gravity-ui/page-constructor';
|
2
2
|
import { Tag, PostsProps, ToggleLikeCallbackType, MetaProps, GetPostsType, SetQueryType, Service } from '../../models/common';
|
3
3
|
export type BlogPageProps = {
|
4
4
|
content: PageContent;
|
5
5
|
posts: PostsProps;
|
6
6
|
tags: Tag[];
|
7
7
|
services?: Service[];
|
8
|
+
navigation?: NavigationData;
|
8
9
|
getPosts: GetPostsType;
|
9
10
|
toggleLike?: ToggleLikeCallbackType;
|
10
11
|
metaData?: MetaProps;
|
@@ -12,4 +13,4 @@ export type BlogPageProps = {
|
|
12
13
|
settings?: PageConstructorProviderProps;
|
13
14
|
pageCountForShowSupportButtons?: number;
|
14
15
|
};
|
15
|
-
export declare const BlogPage: ({ content, posts, tags, services, getPosts, metaData, toggleLike, settings, pageCountForShowSupportButtons, }: BlogPageProps) => JSX.Element;
|
16
|
+
export declare const BlogPage: ({ content, posts, tags, services, getPosts, metaData, toggleLike, navigation, settings, pageCountForShowSupportButtons, }: BlogPageProps) => JSX.Element;
|
@@ -10,7 +10,7 @@ const FeedContext_1 = require("../../contexts/FeedContext");
|
|
10
10
|
const LikesContext_1 = require("../../contexts/LikesContext");
|
11
11
|
const MetaWrapper_1 = require("../../components/MetaWrapper/MetaWrapper");
|
12
12
|
const blocksMap_1 = __importDefault(require("../../constructor/blocksMap"));
|
13
|
-
const BlogPage = ({ content, posts, tags, services, getPosts, metaData, toggleLike, settings, pageCountForShowSupportButtons, }) => (react_1.default.createElement("main", null,
|
13
|
+
const BlogPage = ({ content, posts, tags, services, getPosts, metaData, toggleLike, navigation, settings, pageCountForShowSupportButtons, }) => (react_1.default.createElement("main", null,
|
14
14
|
react_1.default.createElement(LikesContext_1.LikesContext.Provider, { value: {
|
15
15
|
toggleLike: toggleLike,
|
16
16
|
hasLikes: Boolean(toggleLike),
|
@@ -26,5 +26,5 @@ const BlogPage = ({ content, posts, tags, services, getPosts, metaData, toggleLi
|
|
26
26
|
} },
|
27
27
|
react_1.default.createElement(page_constructor_1.PageConstructorProvider, Object.assign({}, settings),
|
28
28
|
metaData ? react_1.default.createElement(MetaWrapper_1.MetaWrapper, Object.assign({}, metaData)) : null,
|
29
|
-
react_1.default.createElement(page_constructor_1.PageConstructor, { content: content, custom: blocksMap_1.default }))))));
|
29
|
+
react_1.default.createElement(page_constructor_1.PageConstructor, { content: content, custom: blocksMap_1.default, navigation: navigation }))))));
|
30
30
|
exports.BlogPage = BlogPage;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { PageContent, PageConstructorProviderProps } from '@gravity-ui/page-constructor';
|
2
|
+
import { PageContent, PageConstructorProviderProps, NavigationData } from '@gravity-ui/page-constructor';
|
3
3
|
import { ShareOptions } from '@gravity-ui/uikit';
|
4
4
|
import { PostData, ToggleLikeCallbackType, MetaProps } from '../../models/common';
|
5
5
|
export interface BlogPostPageProps {
|
@@ -13,6 +13,7 @@ export interface BlogPostPageProps {
|
|
13
13
|
content: PageContent;
|
14
14
|
post: PostData;
|
15
15
|
settings?: PageConstructorProviderProps;
|
16
|
+
navigation?: NavigationData;
|
16
17
|
shareOptions?: ShareOptions[];
|
17
18
|
}
|
18
19
|
export declare const BlogPostPage: React.FC<BlogPostPageProps>;
|
@@ -11,7 +11,7 @@ const PostPageContext_1 = require("../../contexts/PostPageContext");
|
|
11
11
|
const LikesContext_1 = require("../../contexts/LikesContext");
|
12
12
|
const useLikes_1 = require("../../hooks/useLikes");
|
13
13
|
const MetaWrapper_1 = require("../../components/MetaWrapper/MetaWrapper");
|
14
|
-
const BlogPostPage = ({ metaData, suggestedPosts, likes, content, post, settings, shareOptions, }) => {
|
14
|
+
const BlogPostPage = ({ metaData, suggestedPosts, likes, content, post, settings, navigation, shareOptions, }) => {
|
15
15
|
const { hasUserLike, likesCount, handleLike } = (0, useLikes_1.useLikes)({
|
16
16
|
hasLike: likes === null || likes === void 0 ? void 0 : likes.hasUserLike,
|
17
17
|
count: likes === null || likes === void 0 ? void 0 : likes.likesCount,
|
@@ -37,6 +37,6 @@ const BlogPostPage = ({ metaData, suggestedPosts, likes, content, post, settings
|
|
37
37
|
} },
|
38
38
|
react_1.default.createElement(page_constructor_1.PageConstructorProvider, Object.assign({}, settings),
|
39
39
|
metaData ? react_1.default.createElement(MetaWrapper_1.MetaWrapper, Object.assign({}, metaData)) : null,
|
40
|
-
react_1.default.createElement(page_constructor_1.PageConstructor, { content: content, custom: blocksMap_1.default }))))));
|
40
|
+
react_1.default.createElement(page_constructor_1.PageConstructor, { content: content, custom: blocksMap_1.default, navigation: navigation }))))));
|
41
41
|
};
|
42
42
|
exports.BlogPostPage = BlogPostPage;
|
@@ -34,13 +34,16 @@ unpredictable css rules order in build */
|
|
34
34
|
width: 100%;
|
35
35
|
}
|
36
36
|
.bc-feed-controls__popup.bc-feed-controls__popup {
|
37
|
+
max-height: 500px;
|
37
38
|
border-radius: 12px;
|
38
39
|
}
|
39
40
|
.bc-feed-controls__popup.bc-feed-controls__popup .g-select-filter + .g-select-list {
|
40
|
-
max-height: 350px !important;
|
41
41
|
margin-top: 0;
|
42
42
|
}
|
43
|
-
.bc-feed-controls__popup.bc-feed-controls__popup .g-select-
|
43
|
+
.bc-feed-controls__popup.bc-feed-controls__popup .g-select-list {
|
44
|
+
overflow: scroll;
|
45
|
+
}
|
46
|
+
.bc-feed-controls__popup.bc-feed-controls__popup .g-select-list::-webkit-scrollbar {
|
44
47
|
display: none;
|
45
48
|
}
|
46
49
|
.bc-feed-controls__popup.bc-feed-controls__popup .yc-list__item {
|
@@ -48,7 +51,6 @@ unpredictable css rules order in build */
|
|
48
51
|
border-radius: 8px;
|
49
52
|
}
|
50
53
|
.bc-feed-controls__popup.bc-feed-controls__popup .g-select-filter {
|
51
|
-
margin-top: 4px;
|
52
54
|
padding: 4px;
|
53
55
|
border-bottom: 1px solid var(--yc-color-line-generic);
|
54
56
|
}
|
@@ -63,13 +63,13 @@ export const Controls = ({ setIsFetching, tags = [], services = [], handleChange
|
|
63
63
|
initial: [tagInitial],
|
64
64
|
list: tagsItems,
|
65
65
|
defaultLabel: i18(Keyset.AllTags),
|
66
|
-
}), renderOption: renderOption })),
|
66
|
+
}), disablePortal: true, renderOption: renderOption })),
|
67
67
|
services.length > 0 ? (React.createElement("div", { className: b('filter-item') },
|
68
|
-
React.createElement(Select, { className: b('select'), size: "xl", multiple: true, filterable: true, options: services, defaultValue: servicesItems, popupClassName: b('popup'), onUpdate: handleServicesSelect, placeholder: i18(Keyset.AllServices), renderControl: renderSwitcher({
|
68
|
+
React.createElement(Select, { className: b('select'), size: "xl", multiple: true, filterable: true, disablePortal: true, options: services, defaultValue: servicesItems, popupClassName: b('popup'), onUpdate: handleServicesSelect, placeholder: i18(Keyset.AllServices), renderControl: renderSwitcher({
|
69
69
|
initial: servicesItems,
|
70
70
|
list: services,
|
71
71
|
defaultLabel: i18(Keyset.AllServices),
|
72
|
-
}),
|
72
|
+
}), renderOption: renderOption, renderFilter: renderFilter }))) : null,
|
73
73
|
hasLikes ? (React.createElement("div", { className: b('filter-item', { 'width-auto': true }) },
|
74
74
|
React.createElement(Button, { view: 'outlined', className: b('saved-only-button', { savedOnly }), size: "xl", onClick: handleSavedOnly },
|
75
75
|
React.createElement(Icon, { data: Save, size: ICON_SIZE, className: b('icon', { savedOnly }) }),
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { PageContent, PageConstructorProviderProps } from '@gravity-ui/page-constructor';
|
1
|
+
import { PageContent, PageConstructorProviderProps, NavigationData } from '@gravity-ui/page-constructor';
|
2
2
|
import { Tag, PostsProps, ToggleLikeCallbackType, MetaProps, GetPostsType, SetQueryType, Service } from '../../models/common';
|
3
3
|
import './BlogPage.css';
|
4
4
|
export type BlogPageProps = {
|
@@ -6,6 +6,7 @@ export type BlogPageProps = {
|
|
6
6
|
posts: PostsProps;
|
7
7
|
tags: Tag[];
|
8
8
|
services?: Service[];
|
9
|
+
navigation?: NavigationData;
|
9
10
|
getPosts: GetPostsType;
|
10
11
|
toggleLike?: ToggleLikeCallbackType;
|
11
12
|
metaData?: MetaProps;
|
@@ -13,4 +14,4 @@ export type BlogPageProps = {
|
|
13
14
|
settings?: PageConstructorProviderProps;
|
14
15
|
pageCountForShowSupportButtons?: number;
|
15
16
|
};
|
16
|
-
export declare const BlogPage: ({ content, posts, tags, services, getPosts, metaData, toggleLike, settings, pageCountForShowSupportButtons, }: BlogPageProps) => JSX.Element;
|
17
|
+
export declare const BlogPage: ({ content, posts, tags, services, getPosts, metaData, toggleLike, navigation, settings, pageCountForShowSupportButtons, }: BlogPageProps) => JSX.Element;
|
@@ -5,7 +5,7 @@ import { LikesContext } from '../../contexts/LikesContext';
|
|
5
5
|
import { MetaWrapper } from '../../components/MetaWrapper/MetaWrapper';
|
6
6
|
import componentMap from '../../constructor/blocksMap';
|
7
7
|
import './BlogPage.css';
|
8
|
-
export const BlogPage = ({ content, posts, tags, services, getPosts, metaData, toggleLike, settings, pageCountForShowSupportButtons, }) => (React.createElement("main", null,
|
8
|
+
export const BlogPage = ({ content, posts, tags, services, getPosts, metaData, toggleLike, navigation, settings, pageCountForShowSupportButtons, }) => (React.createElement("main", null,
|
9
9
|
React.createElement(LikesContext.Provider, { value: {
|
10
10
|
toggleLike: toggleLike,
|
11
11
|
hasLikes: Boolean(toggleLike),
|
@@ -21,4 +21,4 @@ export const BlogPage = ({ content, posts, tags, services, getPosts, metaData, t
|
|
21
21
|
} },
|
22
22
|
React.createElement(PageConstructorProvider, Object.assign({}, settings),
|
23
23
|
metaData ? React.createElement(MetaWrapper, Object.assign({}, metaData)) : null,
|
24
|
-
React.createElement(PageConstructor, { content: content, custom: componentMap }))))));
|
24
|
+
React.createElement(PageConstructor, { content: content, custom: componentMap, navigation: navigation }))))));
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { PageContent, PageConstructorProviderProps } from '@gravity-ui/page-constructor';
|
2
|
+
import { PageContent, PageConstructorProviderProps, NavigationData } from '@gravity-ui/page-constructor';
|
3
3
|
import { ShareOptions } from '@gravity-ui/uikit';
|
4
4
|
import { PostData, ToggleLikeCallbackType, MetaProps } from '../../models/common';
|
5
5
|
import './BlogPostPage.css';
|
@@ -14,6 +14,7 @@ export interface BlogPostPageProps {
|
|
14
14
|
content: PageContent;
|
15
15
|
post: PostData;
|
16
16
|
settings?: PageConstructorProviderProps;
|
17
|
+
navigation?: NavigationData;
|
17
18
|
shareOptions?: ShareOptions[];
|
18
19
|
}
|
19
20
|
export declare const BlogPostPage: React.FC<BlogPostPageProps>;
|
@@ -6,7 +6,7 @@ import { LikesContext } from '../../contexts/LikesContext';
|
|
6
6
|
import { useLikes } from '../../hooks/useLikes';
|
7
7
|
import { MetaWrapper } from '../../components/MetaWrapper/MetaWrapper';
|
8
8
|
import './BlogPostPage.css';
|
9
|
-
export const BlogPostPage = ({ metaData, suggestedPosts, likes, content, post, settings, shareOptions, }) => {
|
9
|
+
export const BlogPostPage = ({ metaData, suggestedPosts, likes, content, post, settings, navigation, shareOptions, }) => {
|
10
10
|
const { hasUserLike, likesCount, handleLike } = useLikes({
|
11
11
|
hasLike: likes === null || likes === void 0 ? void 0 : likes.hasUserLike,
|
12
12
|
count: likes === null || likes === void 0 ? void 0 : likes.likesCount,
|
@@ -32,5 +32,5 @@ export const BlogPostPage = ({ metaData, suggestedPosts, likes, content, post, s
|
|
32
32
|
} },
|
33
33
|
React.createElement(PageConstructorProvider, Object.assign({}, settings),
|
34
34
|
metaData ? React.createElement(MetaWrapper, Object.assign({}, metaData)) : null,
|
35
|
-
React.createElement(PageConstructor, { content: content, custom: componentMap }))))));
|
35
|
+
React.createElement(PageConstructor, { content: content, custom: componentMap, navigation: navigation }))))));
|
36
36
|
};
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@gravity-ui/blog-constructor",
|
3
|
-
"version": "
|
3
|
+
"version": "2.0.0-alpha.0",
|
4
4
|
"description": "Gravity UI Blog Constructor",
|
5
5
|
"license": "MIT",
|
6
6
|
"repository": {
|
@@ -44,7 +44,7 @@
|
|
44
44
|
},
|
45
45
|
"dependencies": {
|
46
46
|
"@gravity-ui/i18n": "^1.0.0",
|
47
|
-
"@gravity-ui/uikit": "^4.0
|
47
|
+
"@gravity-ui/uikit": "^4.1.0",
|
48
48
|
"@types/fast-html-parser": "^1.0.2",
|
49
49
|
"@types/recompose": "^0.30.10",
|
50
50
|
"bem-cn-lite": "^4.0.0",
|
@@ -133,8 +133,5 @@
|
|
133
133
|
"*.{json,yaml,yml,md}": [
|
134
134
|
"prettier --write"
|
135
135
|
]
|
136
|
-
},
|
137
|
-
"publishConfig": {
|
138
|
-
"tag": "alpha"
|
139
136
|
}
|
140
137
|
}
|