@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.
@@ -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-filter + .g-select-list::-webkit-scrollbar {
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
- }), disablePortal: true, renderOption: customRenders_1.renderOption, renderFilter: customRenders_1.renderFilter }))) : null,
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 }) }),
@@ -7,7 +7,6 @@ unpredictable css rules order in build */
7
7
  display: flex;
8
8
  align-items: center;
9
9
  justify-content: flex-end;
10
- max-width: 376px;
11
10
  height: 44px;
12
11
  transition: width 0.3s;
13
12
  }
@@ -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-filter + .g-select-list::-webkit-scrollbar {
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
- }), disablePortal: true, renderOption: renderOption, renderFilter: renderFilter }))) : null,
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 }) }),
@@ -7,7 +7,6 @@ unpredictable css rules order in build */
7
7
  display: flex;
8
8
  align-items: center;
9
9
  justify-content: flex-end;
10
- max-width: 376px;
11
10
  height: 44px;
12
11
  transition: width 0.3s;
13
12
  }
@@ -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": "1.0.0-aplha.0",
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.4",
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
  }