@gravity-ui/blog-constructor 3.1.0-alpha.2 → 3.1.1

package/CHANGELOG.md

@@ -0,0 +1,130 @@
+# Changelog
+
+## [3.1.1](https://github.com/gravity-ui/blog-constructor/compare/v3.1.0...v3.1.1) (2023-05-11)
+
+
+### Bug Fixes
+
+* add specificity to headings ([#43](https://github.com/gravity-ui/blog-constructor/issues/43)) ([de53d0b](https://github.com/gravity-ui/blog-constructor/commit/de53d0bb9a697f520626e8c0b1d8c48c8e4d8a64))
+* 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))
+
+## [3.1.0](https://github.com/gravity-ui/blog-constructor/compare/v3.0.2...v3.1.0) (2023-04-25)
+
+
+### Features
+
+* remove user context ([#35](https://github.com/gravity-ui/blog-constructor/issues/35)) ([36e7112](https://github.com/gravity-ui/blog-constructor/commit/36e71123b515886f28722b08552d538b8f038a87))
+
+## [3.0.2](https://github.com/gravity-ui/blog-constructor/compare/v3.0.1...v3.0.2) (2023-04-25)
+
+
+### Bug Fixes
+
+* dump other queries when toggle savedOnly button ([#37](https://github.com/gravity-ui/blog-constructor/issues/37)) ([57ca01a](https://github.com/gravity-ui/blog-constructor/commit/57ca01a35736d7bd94711ed70887e7eb8cbaf0f4))
+
+## [3.0.1](https://github.com/gravity-ui/blog-constructor/compare/v3.0.0...v3.0.1) (2023-04-24)
+
+
+### Bug Fixes
+
+* rewrap pagination item ([#36](https://github.com/gravity-ui/blog-constructor/issues/36)) ([a3a56b2](https://github.com/gravity-ui/blog-constructor/commit/a3a56b2d4519871427de1e42267ce18736f7f7b1))
+
+## [3.0.0](https://github.com/gravity-ui/blog-constructor/compare/v2.3.0...v3.0.0) (2023-04-10)
+
+
+### ⚠ BREAKING CHANGES
+
+* add callback prop for blog page ([#25](https://github.com/gravity-ui/blog-constructor/issues/25))
+
+### Features
+
+* add callback prop for blog page ([#25](https://github.com/gravity-ui/blog-constructor/issues/25)) ([7b1ab2c](https://github.com/gravity-ui/blog-constructor/commit/7b1ab2c12aa9ef4f8e5a11853508a9b439a196d7))
+
+## [2.3.0](https://github.com/gravity-ui/blog-constructor/compare/v2.2.0...v2.3.0) (2023-04-10)
+
+
+### Features
+
+* analytics refactoring ([#13](https://github.com/gravity-ui/blog-constructor/issues/13)) ([a95c55b](https://github.com/gravity-ui/blog-constructor/commit/a95c55bd1ff98f86a110f33ac3275b590ee5db8e))
+
+
+### Bug Fixes
+
+* margin-top of header ([#31](https://github.com/gravity-ui/blog-constructor/issues/31)) ([97ed974](https://github.com/gravity-ui/blog-constructor/commit/97ed974ab0ce0546010d60587b21b8c0eee3279c))
+
+## [2.2.0](https://github.com/gravity-ui/blog-constructor/compare/v2.1.0...v2.2.0) (2023-04-06)
+
+
+### Features
+
+* update linters ([#24](https://github.com/gravity-ui/blog-constructor/issues/24)) ([bc5aa0f](https://github.com/gravity-ui/blog-constructor/commit/bc5aa0f72e64b916acaf692874482ccdae3f94e9))
+
+## [2.1.0](https://github.com/gravity-ui/blog-constructor/compare/v2.0.2...v2.1.0) (2023-04-06)
+
+
+### Features
+
+* change source field with author description ([#5](https://github.com/gravity-ui/blog-constructor/issues/5)) ([fb7151c](https://github.com/gravity-ui/blog-constructor/commit/fb7151ceac39b2e4407c7110da0314b87c4db72b))
+
+## [2.0.2](https://github.com/gravity-ui/blog-constructor/compare/v2.0.1...v2.0.2) (2023-04-05)
+
+
+### Bug Fixes
+
+* covering pagination buttons into 'a' tag ([#23](https://github.com/gravity-ui/blog-constructor/issues/23)) ([e603f2e](https://github.com/gravity-ui/blog-constructor/commit/e603f2e2b0f86d492132174a1c8172786e7a09a1))
+
+## [2.0.1](https://github.com/gravity-ui/blog-constructor/compare/v2.0.0...v2.0.1) (2023-04-04)
+
+
+### Bug Fixes
+
+* throw virtualization threshold prop in Select ([#26](https://github.com/gravity-ui/blog-constructor/issues/26)) ([ccb0f19](https://github.com/gravity-ui/blog-constructor/commit/ccb0f19a904e54fd43ca66195da9e94925d0a26f))
+* throw virtualization threshold prop in Select ([#26](https://github.com/gravity-ui/blog-constructor/issues/26)) ([0aa5aed](https://github.com/gravity-ui/blog-constructor/commit/0aa5aeda9a0afd99ae8590c6b666c033a12b7fba))
+
+## [2.0.0](https://github.com/gravity-ui/blog-constructor/compare/v1.1.2...v2.0.0) (2023-04-03)
+
+
+### ⚠ BREAKING CHANGES
+
+* update uikit up to 4 ([#11](https://github.com/gravity-ui/blog-constructor/issues/11))
+
+### Features
+
+* update uikit up to 4 ([#11](https://github.com/gravity-ui/blog-constructor/issues/11)) ([5d6f3d5](https://github.com/gravity-ui/blog-constructor/commit/5d6f3d51daf111a240871dbad721bbdd250d6b46))
+
+## [1.1.2](https://github.com/gravity-ui/blog-constructor/compare/v1.1.1...v1.1.2) (2023-03-28)
+
+
+### Bug Fixes
+
+* add info about release ([#19](https://github.com/gravity-ui/blog-constructor/issues/19)) ([8a5824f](https://github.com/gravity-ui/blog-constructor/commit/8a5824f24c4ad85f0f122111f8f5c1e7c36becc5))
+
+## [1.1.1](https://github.com/gravity-ui/blog-constructor/compare/v1.1.0...v1.1.1) (2023-03-28)
+
+
+### Bug Fixes
+
+* add info about ci in readme ([#17](https://github.com/gravity-ui/blog-constructor/issues/17)) ([b6cffaa](https://github.com/gravity-ui/blog-constructor/commit/b6cffaa1c255c53cd00d06d4fbe0330e117f42a0))
+
+## 1.1.0 (2023-03-28)
+
+### Features
+
+- add workflows, update @types/react, small refactors, update Select ([#2](https://github.com/gravity-ui/blog-constructor/issues/2)) ([326247a](https://github.com/gravity-ui/blog-constructor/commit/326247abe9411b50c82ed2cfa516ac6cd341bfa7))
+- Brush up stories, add content for CTA, Layout, Feed blocks. ([#4](https://github.com/gravity-ui/blog-constructor/issues/4)) ([0b73537](https://github.com/gravity-ui/blog-constructor/commit/0b73537b3bae35eca10610963369f3f5d8f9ecbd))
+- export author type ([9e5ee34](https://github.com/gravity-ui/blog-constructor/commit/9e5ee34c6b4d1b3288cda1258160e22073f9ad9d))
+- fix button savedOnly color ([#9](https://github.com/gravity-ui/blog-constructor/issues/9)) ([ef3b1ca](https://github.com/gravity-ui/blog-constructor/commit/ef3b1ca9048f1218817ec5c9c6a5b3e05492f062))
+- init tests ([#1](https://github.com/gravity-ui/blog-constructor/issues/1)) ([f8df32f](https://github.com/gravity-ui/blog-constructor/commit/f8df32f3eccb97abc7bfef222aca1ea56421619b))
+- **navigation:** pass the PageConstructor's navigation prop ([cb875ff](https://github.com/gravity-ui/blog-constructor/commit/cb875ff708832f5dd9e121d67cfccb387ae2499f))
+- uninstall doctools/components ([#14](https://github.com/gravity-ui/blog-constructor/issues/14)) ([16dc64c](https://github.com/gravity-ui/blog-constructor/commit/16dc64c3002b614831880dbe5b250c5637031c7d))
+- update license ([#3](https://github.com/gravity-ui/blog-constructor/issues/3)) ([aa4ee5b](https://github.com/gravity-ui/blog-constructor/commit/aa4ee5bdd01a7db5f6c6c457836658761eee1099))
+- update readme ([#15](https://github.com/gravity-ui/blog-constructor/issues/15)) ([3dbdf78](https://github.com/gravity-ui/blog-constructor/commit/3dbdf78b35f93024bebbcf64a6f06fb01509ae3e))
+
+### Bug Fixes
+
+- **general:** better deps ([8c22384](https://github.com/gravity-ui/blog-constructor/commit/8c223848e47faf8b9beee6700afce317359ee226))
+- search input width ([051c145](https://github.com/gravity-ui/blog-constructor/commit/051c14502110306964c4ec9a2bea47cea9364db5))
+
+## 1.0.0
+
+Create public access for blog-constructor library for creating blog format web pages.

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

@@ -56,7 +56,13 @@ const Controls = ({ setIsFetching, tags = [], services = [], handleChangeQuery,
     const [savedOnly, setSavedOnly] = (0, react_1.useState)(savedOnlyInitial === 'true');
     const [search, setSearch] = (0, react_1.useState)(searchInitial);
     const handleSavedOnly = () => {
-        handleChangeQuery({ savedOnly: savedOnly ? '' : 'true' });
+        handleChangeQuery({
+            savedOnly: savedOnly ? '' : 'true',
+            search: '',
+            tags: '',
+            page: DEFAULT_PAGE,
+            services: '',
+        });
         handleAnalyticsSaveOnly();
         setSavedOnly(!savedOnly);
         setIsFetching(true);

package/build/cjs/components/Paginator/Paginator.css

@@ -9,6 +9,8 @@ unpredictable css rules order in build */
 }
 .bc-paginator__link {
   text-decoration: none;
+  pointer-events: none;
+  color: var(--yc-color-text-primary);
 }
 .bc-paginator__item {
   display: inline-flex;

package/build/cjs/components/Paginator/Paginator.js

@@ -107,6 +107,7 @@ const Paginator = ({ itemsPerPage, totalItems, maxPages, page, className, loadin
             dataKey: types_1.ArrowType.Prev,
             mods: { type: types_1.ArrowType.Prev },
             onClick: handleArrowClick,
+            index: 0,
             content: react_1.default.createElement(NavigationButton_1.NavigationButton, { arrowType: types_1.ArrowType.Prev }),
         });
     }
@@ -115,6 +116,7 @@ const Paginator = ({ itemsPerPage, totalItems, maxPages, page, className, loadin
             key: types_1.ArrowType.Next,
             dataKey: types_1.ArrowType.Next,
             mods: { type: types_1.ArrowType.Next },
+            index: page + 1,
             onClick: handleArrowClick,
             content: react_1.default.createElement(NavigationButton_1.NavigationButton, { arrowType: types_1.ArrowType.Next }),
         });

package/build/cjs/components/Paginator/components/PaginatorItem.d.ts

@@ -1,2 +1,2 @@
 import { PaginatorItemProps } from '../types';
-export declare const PaginatorItem: ({ dataKey, mods, content, onClick, loading, }: PaginatorItemProps) => JSX.Element;
+export declare const PaginatorItem: ({ dataKey, mods, content, onClick, loading, index, }: PaginatorItemProps) => JSX.Element;

package/build/cjs/components/Paginator/components/PaginatorItem.js

@@ -30,13 +30,13 @@ const LocaleContext_1 = require("../../../contexts/LocaleContext");
 const cn_1 = require("../../../utils/cn");
 const common_1 = require("../../../utils/common");
 const b = (0, cn_1.block)('paginator');
-const PaginatorItem = ({ dataKey, mods, content, onClick, loading = false, }) => {
+const PaginatorItem = ({ dataKey, mods, content, onClick, loading = false, index, }) => {
     const { locale } = (0, react_1.useContext)(LocaleContext_1.LocaleContext);
     const urlPath = (0, common_1.getBlogPath)((locale === null || locale === void 0 ? void 0 : locale.pathPrefix) || '');
     const itemKey = Number(dataKey) > 0 ? Number(dataKey) : dataKey;
-    const navTag = itemKey > 0 ? `${mods.type || 'page'}=${itemKey}` : itemKey;
-    const navigationLink = `${urlPath || ''}?${navTag}`;
-    return (react_1.default.createElement("a", { href: navigationLink, className: b('link', mods), onClick: (event) => event.preventDefault() },
-        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) }, content)));
+    const navTag = index > 1 ? `?page=${index}` : '';
+    const navigationLink = `${urlPath || ''}${navTag}`;
+    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) },
+        react_1.default.createElement("a", { href: navigationLink, className: b('link'), onClick: (event) => event.preventDefault() }, content)));
 };
 exports.PaginatorItem = PaginatorItem;

package/build/cjs/components/Paginator/types.d.ts

@@ -8,6 +8,7 @@ export interface PaginatorItemProps {
     content: ReactNode;
     onClick?: (key: number | ArrowType) => void;
     loading?: boolean;
+    index: number;
 }
 export type PaginatorProps = {
     page: number;

package/build/cjs/components/Paginator/utils.js

@@ -17,6 +17,7 @@ const getPageConfigs = ({ page, pagesCount, handlePageClick }) => {
         paginatorItems.push({
             key: String(i),
             dataKey: String(i),
+            index: i,
             mods: { type: 'page', active: page === i },
             onClick: handlePageClick,
             content: i,

package/build/cjs/containers/BlogPostPage/BlogPostPage.css

@@ -49,17 +49,18 @@ unpredictable css rules order in build */
   font-size: var(--yc-text-header-1-font-size);
   line-height: var(--yc-text-header-1-line-height);
 }
-.yfm_blog h1,
-.yfm_blog h2,
-.yfm_blog h3,
-.yfm_blog h4,
-.yfm_blog h5,
-.yfm_blog h6 {
+.yfm_blog.yfm_blog h1,
+.yfm_blog.yfm_blog h2,
+.yfm_blog.yfm_blog h3,
+.yfm_blog.yfm_blog h4,
+.yfm_blog.yfm_blog h5,
+.yfm_blog.yfm_blog h6 {
   margin-bottom: 16px;
   margin-top: 32px;
   padding-top: 0;
   font-weight: var(--yc-text-header-font-weight);
 }
+
 .yfm_blog blockquote,
 .yfm_blog dl,
 .yfm_blog ol,

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

@@ -28,7 +28,13 @@ export const Controls = ({ setIsFetching, tags = [], services = [], handleChange
     const [savedOnly, setSavedOnly] = useState(savedOnlyInitial === 'true');
     const [search, setSearch] = useState(searchInitial);
     const handleSavedOnly = () => {
-        handleChangeQuery({ savedOnly: savedOnly ? '' : 'true' });
+        handleChangeQuery({
+            savedOnly: savedOnly ? '' : 'true',
+            search: '',
+            tags: '',
+            page: DEFAULT_PAGE,
+            services: '',
+        });
         handleAnalyticsSaveOnly();
         setSavedOnly(!savedOnly);
         setIsFetching(true);

package/build/esm/components/Paginator/Paginator.css

@@ -9,6 +9,8 @@ unpredictable css rules order in build */
 }
 .bc-paginator__link {
   text-decoration: none;
+  pointer-events: none;
+  color: var(--yc-color-text-primary);
 }
 .bc-paginator__item {
   display: inline-flex;

package/build/esm/components/Paginator/Paginator.js

@@ -79,6 +79,7 @@ export const Paginator = ({ itemsPerPage, totalItems, maxPages, page, className,
             dataKey: ArrowType.Prev,
             mods: { type: ArrowType.Prev },
             onClick: handleArrowClick,
+            index: 0,
             content: React.createElement(NavigationButton, { arrowType: ArrowType.Prev }),
         });
     }
@@ -87,6 +88,7 @@ export const Paginator = ({ itemsPerPage, totalItems, maxPages, page, className,
             key: ArrowType.Next,
             dataKey: ArrowType.Next,
             mods: { type: ArrowType.Next },
+            index: page + 1,
             onClick: handleArrowClick,
             content: React.createElement(NavigationButton, { arrowType: ArrowType.Next }),
         });

package/build/esm/components/Paginator/components/PaginatorItem.d.ts

@@ -1,3 +1,3 @@
 import { PaginatorItemProps } from '../types';
 import '../Paginator.css';
-export declare const PaginatorItem: ({ dataKey, mods, content, onClick, loading, }: PaginatorItemProps) => JSX.Element;
+export declare const PaginatorItem: ({ dataKey, mods, content, onClick, loading, index, }: PaginatorItemProps) => JSX.Element;

package/build/esm/components/Paginator/components/PaginatorItem.js

@@ -5,12 +5,12 @@ import { block } from '../../../utils/cn';
 import { getBlogPath } from '../../../utils/common';
 import '../Paginator.css';
 const b = block('paginator');
-export const PaginatorItem = ({ dataKey, mods, content, onClick, loading = false, }) => {
+export const PaginatorItem = ({ dataKey, mods, content, onClick, loading = false, index, }) => {
     const { locale } = useContext(LocaleContext);
     const urlPath = getBlogPath((locale === null || locale === void 0 ? void 0 : locale.pathPrefix) || '');
     const itemKey = Number(dataKey) > 0 ? Number(dataKey) : dataKey;
-    const navTag = itemKey > 0 ? `${mods.type || 'page'}=${itemKey}` : itemKey;
-    const navigationLink = `${urlPath || ''}?${navTag}`;
-    return (React.createElement("a", { href: navigationLink, className: b('link', mods), onClick: (event) => event.preventDefault() },
-        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) }, content)));
+    const navTag = index > 1 ? `?page=${index}` : '';
+    const navigationLink = `${urlPath || ''}${navTag}`;
+    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) },
+        React.createElement("a", { href: navigationLink, className: b('link'), onClick: (event) => event.preventDefault() }, content)));
 };

package/build/esm/components/Paginator/types.d.ts

@@ -8,6 +8,7 @@ export interface PaginatorItemProps {
     content: ReactNode;
     onClick?: (key: number | ArrowType) => void;
     loading?: boolean;
+    index: number;
 }
 export type PaginatorProps = {
     page: number;

package/build/esm/components/Paginator/utils.js

@@ -14,6 +14,7 @@ export const getPageConfigs = ({ page, pagesCount, handlePageClick }) => {
         paginatorItems.push({
             key: String(i),
             dataKey: String(i),
+            index: i,
             mods: { type: 'page', active: page === i },
             onClick: handlePageClick,
             content: i,

package/build/esm/containers/BlogPostPage/BlogPostPage.css

@@ -49,17 +49,18 @@ unpredictable css rules order in build */
   font-size: var(--yc-text-header-1-font-size);
   line-height: var(--yc-text-header-1-line-height);
 }
-.yfm_blog h1,
-.yfm_blog h2,
-.yfm_blog h3,
-.yfm_blog h4,
-.yfm_blog h5,
-.yfm_blog h6 {
+.yfm_blog.yfm_blog h1,
+.yfm_blog.yfm_blog h2,
+.yfm_blog.yfm_blog h3,
+.yfm_blog.yfm_blog h4,
+.yfm_blog.yfm_blog h5,
+.yfm_blog.yfm_blog h6 {
   margin-bottom: 16px;
   margin-top: 32px;
   padding-top: 0;
   font-weight: var(--yc-text-header-font-weight);
 }
+
 .yfm_blog blockquote,
 .yfm_blog dl,
 .yfm_blog ol,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/blog-constructor",
-  "version": "3.1.0-alpha.2",
+  "version": "3.1.1",
   "description": "Gravity UI Blog Constructor",
   "license": "MIT",
   "repository": {
@@ -141,8 +141,5 @@
     "*.{json,yaml,yml,md}": [
       "prettier --write"
     ]
-  },
-  "publishConfig": {
-    "tag": "alpha"
   }
 }

package/styles/yfm.css

@@ -25,17 +25,18 @@ unpredictable css rules order in build */
   font-size: var(--yc-text-header-1-font-size);
   line-height: var(--yc-text-header-1-line-height);
 }
-.yfm_blog h1,
-.yfm_blog h2,
-.yfm_blog h3,
-.yfm_blog h4,
-.yfm_blog h5,
-.yfm_blog h6 {
+.yfm_blog.yfm_blog h1,
+.yfm_blog.yfm_blog h2,
+.yfm_blog.yfm_blog h3,
+.yfm_blog.yfm_blog h4,
+.yfm_blog.yfm_blog h5,
+.yfm_blog.yfm_blog h6 {
   margin-bottom: 16px;
   margin-top: 32px;
   padding-top: 0;
   font-weight: var(--yc-text-header-font-weight);
 }
+
 .yfm_blog blockquote,
 .yfm_blog dl,
 .yfm_blog ol,

package/styles/yfm.scss

@@ -2,6 +2,8 @@
 @import './variables.scss';
 
 .yfm_blog {
+    $root: &;
+
     @include text-size(body-3);
     color: var(--yc-color-text-primary);
 
@@ -26,16 +28,18 @@
         @include text-size(header-1);
     }
 
-    h1,
-    h2,
-    h3,
-    h4,
-    h5,
-    h6 {
-        margin-bottom: $indentXS;
-        margin-top: $indentM;
-        padding-top: 0;
-        font-weight: var(--yc-text-header-font-weight);
+    @include add-specificity(&) {
+        h1,
+        h2,
+        h3,
+        h4,
+        h5,
+        h6 {
+            margin-bottom: $indentXS;
+            margin-top: $indentM;
+            padding-top: 0;
+            font-weight: var(--yc-text-header-font-weight);
+        }
     }
 
     blockquote,