@gravity-ui/blog-constructor 3.1.0 → 3.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/build/cjs/components/Paginator/Paginator.js +2 -0
  3. package/build/cjs/components/Paginator/components/PaginatorItem.d.ts +1 -1
  4. package/build/cjs/components/Paginator/components/PaginatorItem.js +3 -3
  5. package/build/cjs/components/Paginator/types.d.ts +1 -0
  6. package/build/cjs/components/Paginator/utils.js +1 -0
  7. package/build/cjs/containers/BlogPostPage/BlogPostPage.css +7 -6
  8. package/build/esm/components/Paginator/Paginator.js +2 -0
  9. package/build/esm/components/Paginator/components/PaginatorItem.d.ts +1 -1
  10. package/build/esm/components/Paginator/components/PaginatorItem.js +3 -3
  11. package/build/esm/components/Paginator/types.d.ts +1 -0
  12. package/build/esm/components/Paginator/utils.js +1 -0
  13. package/build/esm/containers/BlogPostPage/BlogPostPage.css +7 -6
  14. package/package.json +1 -1
  15. package/styles/yfm.css +7 -6
  16. package/styles/yfm.scss +14 -10
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # Changelog
2
2
 
3
+ ## [3.1.1](https://github.com/gravity-ui/blog-constructor/compare/v3.1.0...v3.1.1) (2023-05-11)
4
+
5
+
6
+ ### Bug Fixes
7
+
8
+ * add specificity to headings ([#43](https://github.com/gravity-ui/blog-constructor/issues/43)) ([de53d0b](https://github.com/gravity-ui/blog-constructor/commit/de53d0bb9a697f520626e8c0b1d8c48c8e4d8a64))
9
+ * change href 'prev' to 'blog' and 'next' to page+1 ([#42](https://github.com/gravity-ui/blog-constructor/issues/42)) ([cb8b810](https://github.com/gravity-ui/blog-constructor/commit/cb8b8102d59368cfa0d285d63604a8e9f1ab6619))
10
+
3
11
  ## [3.1.0](https://github.com/gravity-ui/blog-constructor/compare/v3.0.2...v3.1.0) (2023-04-25)
4
12
 
5
13
 
package/build/cjs/components/Paginator/Paginator.js CHANGED
@@ -107,6 +107,7 @@ const Paginator = ({ itemsPerPage, totalItems, maxPages, page, className, loadin
107
107
  dataKey: types_1.ArrowType.Prev,
108
108
  mods: { type: types_1.ArrowType.Prev },
109
109
  onClick: handleArrowClick,
110
+ index: 0,
110
111
  content: react_1.default.createElement(NavigationButton_1.NavigationButton, { arrowType: types_1.ArrowType.Prev }),
111
112
  });
112
113
  }
@@ -115,6 +116,7 @@ const Paginator = ({ itemsPerPage, totalItems, maxPages, page, className, loadin
115
116
  key: types_1.ArrowType.Next,
116
117
  dataKey: types_1.ArrowType.Next,
117
118
  mods: { type: types_1.ArrowType.Next },
119
+ index: page + 1,
118
120
  onClick: handleArrowClick,
119
121
  content: react_1.default.createElement(NavigationButton_1.NavigationButton, { arrowType: types_1.ArrowType.Next }),
120
122
  });
package/build/cjs/components/Paginator/components/PaginatorItem.d.ts CHANGED
@@ -1,2 +1,2 @@
1
1
  import { PaginatorItemProps } from '../types';
2
- export declare const PaginatorItem: ({ dataKey, mods, content, onClick, loading, }: PaginatorItemProps) => JSX.Element;
2
+ export declare const PaginatorItem: ({ dataKey, mods, content, onClick, loading, index, }: PaginatorItemProps) => JSX.Element;
package/build/cjs/components/Paginator/components/PaginatorItem.js CHANGED
@@ -30,12 +30,12 @@ const LocaleContext_1 = require("../../../contexts/LocaleContext");
30
30
  const cn_1 = require("../../../utils/cn");
31
31
  const common_1 = require("../../../utils/common");
32
32
  const b = (0, cn_1.block)('paginator');
33
- const PaginatorItem = ({ dataKey, mods, content, onClick, loading = false, }) => {
33
+ const PaginatorItem = ({ dataKey, mods, content, onClick, loading = false, index, }) => {
34
34
  const { locale } = (0, react_1.useContext)(LocaleContext_1.LocaleContext);
35
35
  const urlPath = (0, common_1.getBlogPath)((locale === null || locale === void 0 ? void 0 : locale.pathPrefix) || '');
36
36
  const itemKey = Number(dataKey) > 0 ? Number(dataKey) : dataKey;
37
- const navTag = itemKey > 0 ? `${mods.type || 'page'}=${itemKey}` : itemKey;
38
- const navigationLink = `${urlPath || ''}?${navTag}`;
37
+ const navTag = index > 1 ? `?page=${index}` : '';
38
+ const navigationLink = `${urlPath || ''}${navTag}`;
39
39
  return (react_1.default.createElement(uikit_1.Button, { view: "flat", size: "xl", className: b('item', mods), onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(itemKey), loading: loading && Boolean(mods.active) },
40
40
  react_1.default.createElement("a", { href: navigationLink, className: b('link'), onClick: (event) => event.preventDefault() }, content)));
41
41
  };
package/build/cjs/components/Paginator/types.d.ts CHANGED
@@ -8,6 +8,7 @@ export interface PaginatorItemProps {
8
8
  content: ReactNode;
9
9
  onClick?: (key: number | ArrowType) => void;
10
10
  loading?: boolean;
11
+ index: number;
11
12
  }
12
13
  export type PaginatorProps = {
13
14
  page: number;
package/build/cjs/components/Paginator/utils.js CHANGED
@@ -17,6 +17,7 @@ const getPageConfigs = ({ page, pagesCount, handlePageClick }) => {
17
17
  paginatorItems.push({
18
18
  key: String(i),
19
19
  dataKey: String(i),
20
+ index: i,
20
21
  mods: { type: 'page', active: page === i },
21
22
  onClick: handlePageClick,
22
23
  content: i,
package/build/cjs/containers/BlogPostPage/BlogPostPage.css CHANGED
@@ -49,17 +49,18 @@ unpredictable css rules order in build */
49
49
  font-size: var(--yc-text-header-1-font-size);
50
50
  line-height: var(--yc-text-header-1-line-height);
51
51
  }
52
- .yfm_blog h1,
53
- .yfm_blog h2,
54
- .yfm_blog h3,
55
- .yfm_blog h4,
56
- .yfm_blog h5,
57
- .yfm_blog h6 {
52
+ .yfm_blog.yfm_blog h1,
53
+ .yfm_blog.yfm_blog h2,
54
+ .yfm_blog.yfm_blog h3,
55
+ .yfm_blog.yfm_blog h4,
56
+ .yfm_blog.yfm_blog h5,
57
+ .yfm_blog.yfm_blog h6 {
58
58
  margin-bottom: 16px;
59
59
  margin-top: 32px;
60
60
  padding-top: 0;
61
61
  font-weight: var(--yc-text-header-font-weight);
62
62
  }
63
+
63
64
  .yfm_blog blockquote,
64
65
  .yfm_blog dl,
65
66
  .yfm_blog ol,
package/build/esm/components/Paginator/Paginator.js CHANGED
@@ -79,6 +79,7 @@ export const Paginator = ({ itemsPerPage, totalItems, maxPages, page, className,
79
79
  dataKey: ArrowType.Prev,
80
80
  mods: { type: ArrowType.Prev },
81
81
  onClick: handleArrowClick,
82
+ index: 0,
82
83
  content: React.createElement(NavigationButton, { arrowType: ArrowType.Prev }),
83
84
  });
84
85
  }
@@ -87,6 +88,7 @@ export const Paginator = ({ itemsPerPage, totalItems, maxPages, page, className,
87
88
  key: ArrowType.Next,
88
89
  dataKey: ArrowType.Next,
89
90
  mods: { type: ArrowType.Next },
91
+ index: page + 1,
90
92
  onClick: handleArrowClick,
91
93
  content: React.createElement(NavigationButton, { arrowType: ArrowType.Next }),
92
94
  });
package/build/esm/components/Paginator/components/PaginatorItem.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import { PaginatorItemProps } from '../types';
2
2
  import '../Paginator.css';
3
- export declare const PaginatorItem: ({ dataKey, mods, content, onClick, loading, }: PaginatorItemProps) => JSX.Element;
3
+ export declare const PaginatorItem: ({ dataKey, mods, content, onClick, loading, index, }: PaginatorItemProps) => JSX.Element;
package/build/esm/components/Paginator/components/PaginatorItem.js CHANGED
@@ -5,12 +5,12 @@ import { block } from '../../../utils/cn';
5
5
  import { getBlogPath } from '../../../utils/common';
6
6
  import '../Paginator.css';
7
7
  const b = block('paginator');
8
- export const PaginatorItem = ({ dataKey, mods, content, onClick, loading = false, }) => {
8
+ export const PaginatorItem = ({ dataKey, mods, content, onClick, loading = false, index, }) => {
9
9
  const { locale } = useContext(LocaleContext);
10
10
  const urlPath = getBlogPath((locale === null || locale === void 0 ? void 0 : locale.pathPrefix) || '');
11
11
  const itemKey = Number(dataKey) > 0 ? Number(dataKey) : dataKey;
12
- const navTag = itemKey > 0 ? `${mods.type || 'page'}=${itemKey}` : itemKey;
13
- const navigationLink = `${urlPath || ''}?${navTag}`;
12
+ const navTag = index > 1 ? `?page=${index}` : '';
13
+ const navigationLink = `${urlPath || ''}${navTag}`;
14
14
  return (React.createElement(Button, { view: "flat", size: "xl", className: b('item', mods), onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(itemKey), loading: loading && Boolean(mods.active) },
15
15
  React.createElement("a", { href: navigationLink, className: b('link'), onClick: (event) => event.preventDefault() }, content)));
16
16
  };
package/build/esm/components/Paginator/types.d.ts CHANGED
@@ -8,6 +8,7 @@ export interface PaginatorItemProps {
8
8
  content: ReactNode;
9
9
  onClick?: (key: number | ArrowType) => void;
10
10
  loading?: boolean;
11
+ index: number;
11
12
  }
12
13
  export type PaginatorProps = {
13
14
  page: number;
package/build/esm/components/Paginator/utils.js CHANGED
@@ -14,6 +14,7 @@ export const getPageConfigs = ({ page, pagesCount, handlePageClick }) => {
14
14
  paginatorItems.push({
15
15
  key: String(i),
16
16
  dataKey: String(i),
17
+ index: i,
17
18
  mods: { type: 'page', active: page === i },
18
19
  onClick: handlePageClick,
19
20
  content: i,
package/build/esm/containers/BlogPostPage/BlogPostPage.css CHANGED
@@ -49,17 +49,18 @@ unpredictable css rules order in build */
49
49
  font-size: var(--yc-text-header-1-font-size);
50
50
  line-height: var(--yc-text-header-1-line-height);
51
51
  }
52
- .yfm_blog h1,
53
- .yfm_blog h2,
54
- .yfm_blog h3,
55
- .yfm_blog h4,
56
- .yfm_blog h5,
57
- .yfm_blog h6 {
52
+ .yfm_blog.yfm_blog h1,
53
+ .yfm_blog.yfm_blog h2,
54
+ .yfm_blog.yfm_blog h3,
55
+ .yfm_blog.yfm_blog h4,
56
+ .yfm_blog.yfm_blog h5,
57
+ .yfm_blog.yfm_blog h6 {
58
58
  margin-bottom: 16px;
59
59
  margin-top: 32px;
60
60
  padding-top: 0;
61
61
  font-weight: var(--yc-text-header-font-weight);
62
62
  }
63
+
63
64
  .yfm_blog blockquote,
64
65
  .yfm_blog dl,
65
66
  .yfm_blog ol,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gravity-ui/blog-constructor",
3
- "version": "3.1.0",
3
+ "version": "3.1.1",
4
4
  "description": "Gravity UI Blog Constructor",
5
5
  "license": "MIT",
6
6
  "repository": {
package/styles/yfm.css CHANGED
@@ -25,17 +25,18 @@ unpredictable css rules order in build */
25
25
  font-size: var(--yc-text-header-1-font-size);
26
26
  line-height: var(--yc-text-header-1-line-height);
27
27
  }
28
- .yfm_blog h1,
29
- .yfm_blog h2,
30
- .yfm_blog h3,
31
- .yfm_blog h4,
32
- .yfm_blog h5,
33
- .yfm_blog h6 {
28
+ .yfm_blog.yfm_blog h1,
29
+ .yfm_blog.yfm_blog h2,
30
+ .yfm_blog.yfm_blog h3,
31
+ .yfm_blog.yfm_blog h4,
32
+ .yfm_blog.yfm_blog h5,
33
+ .yfm_blog.yfm_blog h6 {
34
34
  margin-bottom: 16px;
35
35
  margin-top: 32px;
36
36
  padding-top: 0;
37
37
  font-weight: var(--yc-text-header-font-weight);
38
38
  }
39
+
39
40
  .yfm_blog blockquote,
40
41
  .yfm_blog dl,
41
42
  .yfm_blog ol,
package/styles/yfm.scss CHANGED
@@ -2,6 +2,8 @@
2
2
  @import './variables.scss';
3
3
 
4
4
  .yfm_blog {
5
+ $root: &;
6
+
5
7
  @include text-size(body-3);
6
8
  color: var(--yc-color-text-primary);
7
9
 
@@ -26,16 +28,18 @@
26
28
  @include text-size(header-1);
27
29
  }
28
30
 
29
- h1,
30
- h2,
31
- h3,
32
- h4,
33
- h5,
34
- h6 {
35
- margin-bottom: $indentXS;
36
- margin-top: $indentM;
37
- padding-top: 0;
38
- font-weight: var(--yc-text-header-font-weight);
31
+ @include add-specificity(&) {
32
+ h1,
33
+ h2,
34
+ h3,
35
+ h4,
36
+ h5,
37
+ h6 {
38
+ margin-bottom: $indentXS;
39
+ margin-top: $indentM;
40
+ padding-top: 0;
41
+ font-weight: var(--yc-text-header-font-weight);
42
+ }
39
43
  }
40
44
 
41
45
  blockquote,