@gravity-ui/page-constructor 3.10.0 → 3.10.2

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 (9) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/build/cjs/blocks/Header/Header.js +2 -3
  3. package/build/cjs/components/BlockBase/BlockBase.css +4 -1
  4. package/build/cjs/components/YFMWrapper/YFMWrapper.js +1 -2
  5. package/build/esm/blocks/Header/Header.js +2 -3
  6. package/build/esm/components/BlockBase/BlockBase.css +4 -1
  7. package/build/esm/components/YFMWrapper/YFMWrapper.js +1 -2
  8. package/package.json +1 -1
  9. package/styles/mixins.scss +6 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # Changelog
2
2
 
3
+ ## [3.10.2](https://github.com/gravity-ui/page-constructor/compare/v3.10.1...v3.10.2) (2023-07-07)
4
+
5
+
6
+ ### Bug Fixes
7
+
8
+ * removed check on block tag in YFMWrapper and second check buttons in HeaderBlock ([#440](https://github.com/gravity-ui/page-constructor/issues/440)) ([90452cf](https://github.com/gravity-ui/page-constructor/commit/90452cf2b8d5dda00b2650c28ab7184a87a4023b))
9
+
10
+ ## [3.10.1](https://github.com/gravity-ui/page-constructor/compare/v3.10.0...v3.10.1) (2023-07-07)
11
+
12
+
13
+ ### Bug Fixes
14
+
15
+ * block styles specificity ([#438](https://github.com/gravity-ui/page-constructor/issues/438)) ([177996c](https://github.com/gravity-ui/page-constructor/commit/177996c30cd88ee030bc5e2d41ec9555e84d91a4))
16
+
3
17
  ## [3.10.0](https://github.com/gravity-ui/page-constructor/compare/v3.9.2...v3.10.0) (2023-07-04)
4
18
 
5
19
 
package/build/cjs/blocks/Header/Header.js CHANGED
@@ -58,9 +58,8 @@ const HeaderBlock = (props) => {
58
58
  react_1.default.createElement(components_1.HTML, null, title)),
59
59
  description && (react_1.default.createElement("p", { className: b('description') },
60
60
  react_1.default.createElement(YFMWrapper_1.default, { content: description, modifiers: { constructor: true } }))),
61
- buttons && (react_1.default.createElement("div", { className: b('buttons'), "data-qa": "header-buttons" }, buttons &&
62
- buttons.map((button, index) => (react_1.default.createElement(components_1.RouterLink, { href: button.url, key: index },
63
- react_1.default.createElement(components_1.Button, Object.assign({ key: index, className: b('button'), size: "xl" }, button))))))),
61
+ buttons && (react_1.default.createElement("div", { className: b('buttons'), "data-qa": "header-buttons" }, buttons.map((button, index) => (react_1.default.createElement(components_1.RouterLink, { href: button.url, key: index },
62
+ react_1.default.createElement(components_1.Button, Object.assign({ key: index, className: b('button'), size: "xl" }, button))))))),
64
63
  children))),
65
64
  hasRightSideImage && (react_1.default.createElement(components_1.Media, { className: b('media', { [curImageSize]: true }), videoClassName: b('video'), imageClassName: b('image'), video: videoThemed, image: imageThemed })))))));
66
65
  };
package/build/cjs/components/BlockBase/BlockBase.css CHANGED
@@ -2,12 +2,15 @@
2
2
  unpredictable css rules order in build */
3
3
  .pc-block-base {
4
4
  --anchor-offset: 48px;
5
+ }
6
+ .pc-block-base.pc-block-base {
5
7
  margin-top: 48px;
6
8
  padding: 0 0 48px;
7
9
  }
8
- .pc-block-base:first-child {
10
+ .pc-block-base.pc-block-base:first-child {
9
11
  margin-top: var(--pc-first-block-indent, 96px);
10
12
  }
13
+
11
14
  @media only screen and (max-width: 577px) {
12
15
  .pc-block-base.pc-block-base {
13
16
  margin-top: 32px;
package/build/cjs/components/YFMWrapper/YFMWrapper.js CHANGED
@@ -7,7 +7,6 @@ const react_1 = tslib_1.__importDefault(require("react"));
7
7
  const bem_cn_lite_1 = tslib_1.__importDefault(require("bem-cn-lite"));
8
8
  const snakecase_keys_1 = tslib_1.__importDefault(require("snakecase-keys"));
9
9
  const components_1 = require("../../components");
10
- const blocks_1 = require("../../utils/blocks");
11
10
  const yfm = (0, bem_cn_lite_1.default)('yfm');
12
- const YFMWrapper = ({ content, modifiers, className, itemProp, }) => (react_1.default.createElement(components_1.HTML, { className: yfm(modifiers ? (0, snakecase_keys_1.default)(modifiers) : {}, className), itemProp: itemProp, block: (0, blocks_1.hasBlockTag)(content) }, content));
11
+ const YFMWrapper = ({ content, modifiers, className, itemProp, }) => (react_1.default.createElement(components_1.HTML, { className: yfm(modifiers ? (0, snakecase_keys_1.default)(modifiers) : {}, className), itemProp: itemProp }, content));
13
12
  exports.default = YFMWrapper;
package/build/esm/blocks/Header/Header.js CHANGED
@@ -55,9 +55,8 @@ export const HeaderBlock = (props) => {
55
55
  React.createElement(HTML, null, title)),
56
56
  description && (React.createElement("p", { className: b('description') },
57
57
  React.createElement(YFMWrapper, { content: description, modifiers: { constructor: true } }))),
58
- buttons && (React.createElement("div", { className: b('buttons'), "data-qa": "header-buttons" }, buttons &&
59
- buttons.map((button, index) => (React.createElement(RouterLink, { href: button.url, key: index },
60
- React.createElement(Button, Object.assign({ key: index, className: b('button'), size: "xl" }, button))))))),
58
+ buttons && (React.createElement("div", { className: b('buttons'), "data-qa": "header-buttons" }, buttons.map((button, index) => (React.createElement(RouterLink, { href: button.url, key: index },
59
+ React.createElement(Button, Object.assign({ key: index, className: b('button'), size: "xl" }, button))))))),
61
60
  children))),
62
61
  hasRightSideImage && (React.createElement(Media, { className: b('media', { [curImageSize]: true }), videoClassName: b('video'), imageClassName: b('image'), video: videoThemed, image: imageThemed })))))));
63
62
  };
package/build/esm/components/BlockBase/BlockBase.css CHANGED
@@ -2,12 +2,15 @@
2
2
  unpredictable css rules order in build */
3
3
  .pc-block-base {
4
4
  --anchor-offset: 48px;
5
+ }
6
+ .pc-block-base.pc-block-base {
5
7
  margin-top: 48px;
6
8
  padding: 0 0 48px;
7
9
  }
8
- .pc-block-base:first-child {
10
+ .pc-block-base.pc-block-base:first-child {
9
11
  margin-top: var(--pc-first-block-indent, 96px);
10
12
  }
13
+
11
14
  @media only screen and (max-width: 577px) {
12
15
  .pc-block-base.pc-block-base {
13
16
  margin-top: 32px;
package/build/esm/components/YFMWrapper/YFMWrapper.js CHANGED
@@ -4,7 +4,6 @@ import React from 'react';
4
4
  import block from 'bem-cn-lite';
5
5
  import toSnakeCase from 'snakecase-keys';
6
6
  import { HTML } from '../../components';
7
- import { hasBlockTag } from '../../utils/blocks';
8
7
  const yfm = block('yfm');
9
- const YFMWrapper = ({ content, modifiers, className, itemProp, }) => (React.createElement(HTML, { className: yfm(modifiers ? toSnakeCase(modifiers) : {}, className), itemProp: itemProp, block: hasBlockTag(content) }, content));
8
+ const YFMWrapper = ({ content, modifiers, className, itemProp, }) => (React.createElement(HTML, { className: yfm(modifiers ? toSnakeCase(modifiers) : {}, className), itemProp: itemProp }, content));
10
9
  export default YFMWrapper;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gravity-ui/page-constructor",
3
- "version": "3.10.0",
3
+ "version": "3.10.2",
4
4
  "description": "Gravity UI Page Constructor",
5
5
  "license": "MIT",
6
6
  "repository": {
package/styles/mixins.scss CHANGED
@@ -167,11 +167,13 @@
167
167
  //constructor
168
168
 
169
169
  @mixin block {
170
- margin-top: $indentL;
171
- padding: 0 0 $indentL;
170
+ @include add-specificity(&) {
171
+ margin-top: $indentL;
172
+ padding: 0 0 $indentL;
172
173
 
173
- &:first-child {
174
- margin-top: var(--pc-first-block-indent, #{$indentXXL});
174
+ &:first-child {
175
+ margin-top: var(--pc-first-block-indent, #{$indentXXL});
176
+ }
175
177
  }
176
178
  }
177
179