@gravity-ui/page-constructor 4.37.0 → 4.37.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 (11) hide show
  1. package/build/cjs/blocks/Header/Header.js +1 -3
  2. package/build/cjs/models/constructor-items/blocks.d.ts +1 -1
  3. package/build/cjs/sub-blocks/Content/Content.css +7 -7
  4. package/build/cjs/sub-blocks/Content/Content.js +2 -6
  5. package/build/esm/blocks/Header/Header.js +1 -3
  6. package/build/esm/models/constructor-items/blocks.d.ts +1 -1
  7. package/build/esm/sub-blocks/Content/Content.css +7 -7
  8. package/build/esm/sub-blocks/Content/Content.js +2 -6
  9. package/package.json +1 -1
  10. package/server/models/constructor-items/blocks.d.ts +1 -1
  11. package/widget/index.js +1 -1
package/build/cjs/blocks/Header/Header.js CHANGED
@@ -68,9 +68,7 @@ const HeaderBlock = (props) => {
68
68
  constructorTheme: textTheme,
69
69
  } }))),
70
70
  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 },
71
- react_1.default.createElement(components_1.Button, Object.assign({ key: index, className: b('button'), size: "xl", extraProps: {
72
- 'aria-describedby': titleId,
73
- } }, button))))))),
71
+ react_1.default.createElement(components_1.Button, Object.assign({ key: index, className: b('button'), size: "xl", extraProps: Object.assign({ 'aria-describedby': titleId }, button.extraProps) }, button))))))),
74
72
  children))),
75
73
  hasRightSideImage && (react_1.default.createElement(components_1.Media, { className: b('media', { [curImageSize]: true }), videoClassName: b('video'), imageClassName: b('image'), video: videoThemed, image: imageThemed })))))));
76
74
  };
package/build/cjs/models/constructor-items/blocks.d.ts CHANGED
@@ -93,7 +93,7 @@ export interface HeaderBlockProps {
93
93
  title: string;
94
94
  overtitle?: string;
95
95
  description?: string;
96
- buttons?: Pick<ButtonProps, 'url' | 'text' | 'theme' | 'primary' | 'size'>[];
96
+ buttons?: Pick<ButtonProps, 'url' | 'text' | 'theme' | 'primary' | 'size' | 'extraProps'>[];
97
97
  width?: HeaderWidth;
98
98
  /** @deprecated imageSize now depends on width */
99
99
  imageSize?: HeaderImageSize;
package/build/cjs/sub-blocks/Content/Content.css CHANGED
@@ -27,14 +27,11 @@ unpredictable css rules order in build */
27
27
  color: var(--g-color-text-primary);
28
28
  }
29
29
 
30
- .pc-content__button.pc-content__button {
31
- margin-top: 0;
32
- margin-right: 12px;
33
- }
34
- .pc-content__button.pc-content__button:last-child {
35
- margin-right: 0;
30
+ .pc-content__buttons {
31
+ display: flex;
32
+ flex-wrap: wrap;
33
+ column-gap: 12px;
36
34
  }
37
-
38
35
  .pc-content__links {
39
36
  display: flex;
40
37
  flex-direction: column;
@@ -48,6 +45,9 @@ unpredictable css rules order in build */
48
45
  text-align: center;
49
46
  }
50
47
 
48
+ .pc-content_centered .pc-content__buttons {
49
+ justify-content: center;
50
+ }
51
51
  .pc-content_centered .pc-content__links {
52
52
  align-items: center;
53
53
  }
package/build/cjs/sub-blocks/Content/Content.js CHANGED
@@ -57,11 +57,7 @@ const Content = (props) => {
57
57
  'constructor-notice': true,
58
58
  [`constructor-size-${size}`]: true,
59
59
  } }))),
60
- links && (react_1.default.createElement("div", { className: b('links'), "data-qa": qaAttributes.links }, links.map((link) => (react_1.default.createElement(Link_1.default, Object.assign({ className: b('link') }, link, { textSize: getLinkSize(size), key: link.url, qa: qaAttributes.link, extraProps: {
61
- 'aria-describedby': link.urlTitle ? undefined : titleId,
62
- } })))))),
63
- buttons && (react_1.default.createElement("div", { className: b('buttons'), "data-qa": qaAttributes.buttons }, buttons.map((item) => (react_1.default.createElement(components_1.Button, Object.assign({ className: b('button') }, item, { key: item.url, size: getButtonSize(size), qa: qaAttributes.button, extraProps: {
64
- 'aria-describedby': item.urlTitle ? undefined : titleId,
65
- } }))))))));
60
+ links && (react_1.default.createElement("div", { className: b('links'), "data-qa": qaAttributes.links }, links.map((link) => (react_1.default.createElement(Link_1.default, Object.assign({ className: b('link') }, link, { textSize: getLinkSize(size), key: link.url, qa: qaAttributes.link, extraProps: Object.assign({ 'aria-describedby': link.urlTitle ? undefined : titleId }, link.extraProps) })))))),
61
+ buttons && (react_1.default.createElement("div", { className: b('buttons'), "data-qa": qaAttributes.buttons }, buttons.map((item) => (react_1.default.createElement(components_1.Button, Object.assign({ className: b('button') }, item, { key: item.url, size: getButtonSize(size), qa: qaAttributes.button, extraProps: Object.assign({ 'aria-describedby': item.urlTitle ? undefined : titleId }, item.extraProps) }))))))));
66
62
  };
67
63
  exports.default = Content;
package/build/esm/blocks/Header/Header.js CHANGED
@@ -65,9 +65,7 @@ export const HeaderBlock = (props) => {
65
65
  constructorTheme: textTheme,
66
66
  } }))),
67
67
  buttons && (React.createElement("div", { className: b('buttons'), "data-qa": "header-buttons" }, buttons.map((button, index) => (React.createElement(RouterLink, { href: button.url, key: index },
68
- React.createElement(Button, Object.assign({ key: index, className: b('button'), size: "xl", extraProps: {
69
- 'aria-describedby': titleId,
70
- } }, button))))))),
68
+ React.createElement(Button, Object.assign({ key: index, className: b('button'), size: "xl", extraProps: Object.assign({ 'aria-describedby': titleId }, button.extraProps) }, button))))))),
71
69
  children))),
72
70
  hasRightSideImage && (React.createElement(Media, { className: b('media', { [curImageSize]: true }), videoClassName: b('video'), imageClassName: b('image'), video: videoThemed, image: imageThemed })))))));
73
71
  };
package/build/esm/models/constructor-items/blocks.d.ts CHANGED
@@ -93,7 +93,7 @@ export interface HeaderBlockProps {
93
93
  title: string;
94
94
  overtitle?: string;
95
95
  description?: string;
96
- buttons?: Pick<ButtonProps, 'url' | 'text' | 'theme' | 'primary' | 'size'>[];
96
+ buttons?: Pick<ButtonProps, 'url' | 'text' | 'theme' | 'primary' | 'size' | 'extraProps'>[];
97
97
  width?: HeaderWidth;
98
98
  /** @deprecated imageSize now depends on width */
99
99
  imageSize?: HeaderImageSize;
package/build/esm/sub-blocks/Content/Content.css CHANGED
@@ -27,14 +27,11 @@ unpredictable css rules order in build */
27
27
  color: var(--g-color-text-primary);
28
28
  }
29
29
 
30
- .pc-content__button.pc-content__button {
31
- margin-top: 0;
32
- margin-right: 12px;
33
- }
34
- .pc-content__button.pc-content__button:last-child {
35
- margin-right: 0;
30
+ .pc-content__buttons {
31
+ display: flex;
32
+ flex-wrap: wrap;
33
+ column-gap: 12px;
36
34
  }
37
-
38
35
  .pc-content__links {
39
36
  display: flex;
40
37
  flex-direction: column;
@@ -48,6 +45,9 @@ unpredictable css rules order in build */
48
45
  text-align: center;
49
46
  }
50
47
 
48
+ .pc-content_centered .pc-content__buttons {
49
+ justify-content: center;
50
+ }
51
51
  .pc-content_centered .pc-content__links {
52
52
  align-items: center;
53
53
  }
package/build/esm/sub-blocks/Content/Content.js CHANGED
@@ -55,11 +55,7 @@ const Content = (props) => {
55
55
  'constructor-notice': true,
56
56
  [`constructor-size-${size}`]: true,
57
57
  } }))),
58
- links && (React.createElement("div", { className: b('links'), "data-qa": qaAttributes.links }, links.map((link) => (React.createElement(LinkBlock, Object.assign({ className: b('link') }, link, { textSize: getLinkSize(size), key: link.url, qa: qaAttributes.link, extraProps: {
59
- 'aria-describedby': link.urlTitle ? undefined : titleId,
60
- } })))))),
61
- buttons && (React.createElement("div", { className: b('buttons'), "data-qa": qaAttributes.buttons }, buttons.map((item) => (React.createElement(Button, Object.assign({ className: b('button') }, item, { key: item.url, size: getButtonSize(size), qa: qaAttributes.button, extraProps: {
62
- 'aria-describedby': item.urlTitle ? undefined : titleId,
63
- } }))))))));
58
+ links && (React.createElement("div", { className: b('links'), "data-qa": qaAttributes.links }, links.map((link) => (React.createElement(LinkBlock, Object.assign({ className: b('link') }, link, { textSize: getLinkSize(size), key: link.url, qa: qaAttributes.link, extraProps: Object.assign({ 'aria-describedby': link.urlTitle ? undefined : titleId }, link.extraProps) })))))),
59
+ buttons && (React.createElement("div", { className: b('buttons'), "data-qa": qaAttributes.buttons }, buttons.map((item) => (React.createElement(Button, Object.assign({ className: b('button') }, item, { key: item.url, size: getButtonSize(size), qa: qaAttributes.button, extraProps: Object.assign({ 'aria-describedby': item.urlTitle ? undefined : titleId }, item.extraProps) }))))))));
64
60
  };
65
61
  export default Content;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gravity-ui/page-constructor",
3
- "version": "4.37.0",
3
+ "version": "4.37.2",
4
4
  "description": "Gravity UI Page Constructor",
5
5
  "license": "MIT",
6
6
  "repository": {
package/server/models/constructor-items/blocks.d.ts CHANGED
@@ -93,7 +93,7 @@ export interface HeaderBlockProps {
93
93
  title: string;
94
94
  overtitle?: string;
95
95
  description?: string;
96
- buttons?: Pick<ButtonProps, 'url' | 'text' | 'theme' | 'primary' | 'size'>[];
96
+ buttons?: Pick<ButtonProps, 'url' | 'text' | 'theme' | 'primary' | 'size' | 'extraProps'>[];
97
97
  width?: HeaderWidth;
98
98
  /** @deprecated imageSize now depends on width */
99
99
  imageSize?: HeaderImageSize;