@doyourjob/gravity-ui-page-constructor 5.31.239 → 5.31.242

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 (15) hide show
  1. package/build/cjs/blocks/HeaderMinify/Button/Button.css +9 -7
  2. package/build/cjs/blocks/HeaderMinify/HeaderMinify.css +18 -10
  3. package/build/cjs/blocks/HeaderMinify/HeaderMinify.js +2 -6
  4. package/build/cjs/blocks/Scroller/Scroller.css +1 -0
  5. package/build/cjs/blocks/Scroller/Scroller.js +11 -2
  6. package/build/cjs/text-transform/config.js +1 -1
  7. package/build/esm/blocks/HeaderMinify/Button/Button.css +9 -7
  8. package/build/esm/blocks/HeaderMinify/HeaderMinify.css +18 -10
  9. package/build/esm/blocks/HeaderMinify/HeaderMinify.js +3 -7
  10. package/build/esm/blocks/Scroller/Scroller.css +1 -0
  11. package/build/esm/blocks/Scroller/Scroller.js +11 -2
  12. package/build/esm/text-transform/config.js +1 -1
  13. package/package.json +1 -1
  14. package/server/text-transform/config.js +1 -1
  15. package/widget/index.js +1 -1
package/build/cjs/blocks/HeaderMinify/Button/Button.css CHANGED
@@ -4,25 +4,27 @@ unpredictable css rules order in build */
4
4
  display: flex;
5
5
  align-items: center;
6
6
  justify-content: center;
7
- padding: 0 28px;
7
+ padding: 0 24px;
8
8
  border-radius: 16px;
9
9
  background: #001a2b;
10
10
  color: #ffffff;
11
- height: 61px;
12
- font-size: var(--g-text-header-2-font-size, var(--pc-text-header-2-font-size));
13
- line-height: var(--g-text-header-2-line-height, var(--pc-text-header-2-line-height));
11
+ height: 44px;
12
+ font-size: 15px;
14
13
  font-weight: 500;
15
- letter-spacing: 1%;
16
14
  text-decoration: none;
17
15
  transition: opacity 0.3s ease;
18
16
  }
19
17
  .pc-header-minify-button_outline {
20
- background: transparent;
21
- border: 2px solid #001a2b;
18
+ background: rgba(5, 43, 66, 0.05);
22
19
  color: #001a2b;
23
20
  }
24
21
  @media (hover: hover) and (pointer: fine) {
25
22
  .pc-header-minify-button:hover {
26
23
  opacity: 0.8;
27
24
  }
25
+ }
26
+ @media (max-width: 577px) {
27
+ .pc-header-minify-button {
28
+ padding: 0 20px;
29
+ }
28
30
  }
package/build/cjs/blocks/HeaderMinify/HeaderMinify.css CHANGED
@@ -22,27 +22,35 @@ unpredictable css rules order in build */
22
22
  padding-bottom: 135px;
23
23
  }
24
24
  .pc-header-minify-block__title {
25
- font-size: var(--g-text-display-4-font-size, var(--pc-text-display-4-font-size));
26
- line-height: var(--g-text-display-4-line-height, var(--pc-text-display-4-line-height));
25
+ font-size: 94px;
26
+ line-height: 80%;
27
+ font-weight: 700;
28
+ letter-spacing: -2%;
27
29
  margin: 0;
28
30
  position: relative;
29
- margin-bottom: 24px;
31
+ margin-bottom: 32px;
30
32
  }
31
33
  @media (max-width: 577px) {
32
34
  .pc-header-minify-block__title {
33
- font-size: var(--g-text-display-2-font-size, var(--pc-text-display-2-font-size));
34
- line-height: var(--g-text-display-2-line-height, var(--pc-text-display-2-line-height));
35
+ font-size: 36px;
36
+ line-height: 40px;
37
+ margin-bottom: 16px;
35
38
  }
36
39
  }
37
40
  .pc-header-minify-block__description {
41
+ font-size: 24px;
42
+ line-height: 28px;
43
+ font-weight: 600;
38
44
  position: relative;
39
45
  margin-bottom: 32px;
40
- opacity: 0.8;
41
46
  }
42
- .pc-header-minify-block__description .yfm {
43
- font-size: var(--g-text-header-2-font-size, var(--pc-text-header-2-font-size));
44
- line-height: var(--g-text-header-2-line-height, var(--pc-text-header-2-line-height));
45
- font-weight: 500;
47
+ @media (max-width: 577px) {
48
+ .pc-header-minify-block__description {
49
+ font-size: 17px;
50
+ line-height: 24px;
51
+ font-weight: 400;
52
+ margin-bottom: 16px;
53
+ }
46
54
  }
47
55
  .pc-header-minify-block__buttons {
48
56
  display: flex;
package/build/cjs/blocks/HeaderMinify/HeaderMinify.js CHANGED
@@ -9,10 +9,7 @@ const grid_1 = require("../../grid");
9
9
  const utils_2 = require("../../utils");
10
10
  const Button_1 = tslib_1.__importDefault(require("./Button/Button"));
11
11
  const b = (0, utils_2.block)('header-minify-block');
12
- const colSizes = { all: 12, md: 8 };
13
- const modifiers = {
14
- constructor: true,
15
- };
12
+ const colSizes = { all: 12, md: 9 };
16
13
  const HeaderMinifyBlock = (props) => {
17
14
  const { title, description, buttons, video, headerSpace } = props;
18
15
  return (react_1.default.createElement("header", { className: b({ ['header-space']: headerSpace }) },
@@ -26,8 +23,7 @@ const HeaderMinifyBlock = (props) => {
26
23
  react_1.default.createElement(grid_1.Col, { sizes: colSizes },
27
24
  react_1.default.createElement("h1", { className: b('title') },
28
25
  react_1.default.createElement(components_1.HTML, null, title)),
29
- description && (react_1.default.createElement("div", { className: b('description') },
30
- react_1.default.createElement(components_1.YFMWrapper, { content: description, modifiers: modifiers }))),
26
+ description && react_1.default.createElement(components_1.HTML, { className: b('description') }, description),
31
27
  (buttons === null || buttons === void 0 ? void 0 : buttons.length) ? (react_1.default.createElement("div", { className: b('buttons') }, buttons.map((button, index) => (react_1.default.createElement(Button_1.default, Object.assign({ key: index }, button)))))) : null)))));
32
28
  };
33
29
  exports.HeaderMinifyBlock = HeaderMinifyBlock;
package/build/cjs/blocks/Scroller/Scroller.css CHANGED
@@ -54,6 +54,7 @@ unpredictable css rules order in build */
54
54
  }
55
55
  .pc-scroller-block__content_scroll-snap-center {
56
56
  scroll-snap-type: x mandatory;
57
+ scroll-behavior: smooth;
57
58
  }
58
59
  .pc-scroller-block__content_scroll-snap-center .pc-scroller-block__item {
59
60
  scroll-snap-align: center;
package/build/cjs/blocks/Scroller/Scroller.js CHANGED
@@ -39,6 +39,8 @@ const ScrollerBlock = (props) => {
39
39
  const contentRef = (0, react_1.useRef)(null);
40
40
  const [currentElement, setCurrentElement] = (0, react_1.useState)(0);
41
41
  const [isPaused, setIsPaused] = (0, react_1.useState)(true);
42
+ const [scrollInProgress, setScrollInProgress] = (0, react_1.useState)(false);
43
+ const scrollIntervalRef = (0, react_1.useRef)(null);
42
44
  (0, react_1.useEffect)(() => {
43
45
  const content = contentRef.current;
44
46
  const root = rootRef.current;
@@ -47,7 +49,7 @@ const ScrollerBlock = (props) => {
47
49
  return;
48
50
  }
49
51
  if (fullWidth) {
50
- const space = (window.innerWidth - root.clientWidth) / 2;
52
+ const space = (document.documentElement.clientWidth - root.clientWidth) / 2;
51
53
  content.style.setProperty('padding-left', `${space}px`);
52
54
  content.style.setProperty('padding-right', `${space}px`);
53
55
  content.style.setProperty('left', `${-space}px`);
@@ -100,6 +102,13 @@ const ScrollerBlock = (props) => {
100
102
  content.scrollTo(endChild.offsetLeft - content.clientWidth, 0);
101
103
  }
102
104
  }
105
+ setScrollInProgress(true);
106
+ if (scrollIntervalRef.current) {
107
+ clearTimeout(scrollIntervalRef.current);
108
+ }
109
+ scrollIntervalRef.current = setTimeout(() => {
110
+ setScrollInProgress(false);
111
+ }, 200);
103
112
  };
104
113
  content.addEventListener('scroll', handleInfiniteScroll, { passive: true });
105
114
  scrollToMiddle();
@@ -186,7 +195,7 @@ const ScrollerBlock = (props) => {
186
195
  react_1.default.createElement("div", { className: b('content', {
187
196
  gapLong,
188
197
  fullWidth,
189
- 'scroll-snap-center': infinite ? false : scrollSnapCenter,
198
+ 'scroll-snap-center': infinite ? !scrollInProgress : scrollSnapCenter,
190
199
  }), ref: contentRef }, (infinite ? [0, 1, 2] : [0])
191
200
  .map((mi) => react_1.default.Children.map(children, (child, index) => {
192
201
  const physicalIndex = mi * childCount + index;
package/build/cjs/text-transform/config.js CHANGED
@@ -363,7 +363,7 @@ exports.config = {
363
363
  ],
364
364
  [models_1.BlockType.HeaderMinifyBlock]: [
365
365
  {
366
- fields: ['description'],
366
+ fields: ['title', 'description'],
367
367
  transformer: common_1.yfmTransformer,
368
368
  },
369
369
  ],
package/build/esm/blocks/HeaderMinify/Button/Button.css CHANGED
@@ -4,25 +4,27 @@ unpredictable css rules order in build */
4
4
  display: flex;
5
5
  align-items: center;
6
6
  justify-content: center;
7
- padding: 0 28px;
7
+ padding: 0 24px;
8
8
  border-radius: 16px;
9
9
  background: #001a2b;
10
10
  color: #ffffff;
11
- height: 61px;
12
- font-size: var(--g-text-header-2-font-size, var(--pc-text-header-2-font-size));
13
- line-height: var(--g-text-header-2-line-height, var(--pc-text-header-2-line-height));
11
+ height: 44px;
12
+ font-size: 15px;
14
13
  font-weight: 500;
15
- letter-spacing: 1%;
16
14
  text-decoration: none;
17
15
  transition: opacity 0.3s ease;
18
16
  }
19
17
  .pc-header-minify-button_outline {
20
- background: transparent;
21
- border: 2px solid #001a2b;
18
+ background: rgba(5, 43, 66, 0.05);
22
19
  color: #001a2b;
23
20
  }
24
21
  @media (hover: hover) and (pointer: fine) {
25
22
  .pc-header-minify-button:hover {
26
23
  opacity: 0.8;
27
24
  }
25
+ }
26
+ @media (max-width: 577px) {
27
+ .pc-header-minify-button {
28
+ padding: 0 20px;
29
+ }
28
30
  }
package/build/esm/blocks/HeaderMinify/HeaderMinify.css CHANGED
@@ -22,27 +22,35 @@ unpredictable css rules order in build */
22
22
  padding-bottom: 135px;
23
23
  }
24
24
  .pc-header-minify-block__title {
25
- font-size: var(--g-text-display-4-font-size, var(--pc-text-display-4-font-size));
26
- line-height: var(--g-text-display-4-line-height, var(--pc-text-display-4-line-height));
25
+ font-size: 94px;
26
+ line-height: 80%;
27
+ font-weight: 700;
28
+ letter-spacing: -2%;
27
29
  margin: 0;
28
30
  position: relative;
29
- margin-bottom: 24px;
31
+ margin-bottom: 32px;
30
32
  }
31
33
  @media (max-width: 577px) {
32
34
  .pc-header-minify-block__title {
33
- font-size: var(--g-text-display-2-font-size, var(--pc-text-display-2-font-size));
34
- line-height: var(--g-text-display-2-line-height, var(--pc-text-display-2-line-height));
35
+ font-size: 36px;
36
+ line-height: 40px;
37
+ margin-bottom: 16px;
35
38
  }
36
39
  }
37
40
  .pc-header-minify-block__description {
41
+ font-size: 24px;
42
+ line-height: 28px;
43
+ font-weight: 600;
38
44
  position: relative;
39
45
  margin-bottom: 32px;
40
- opacity: 0.8;
41
46
  }
42
- .pc-header-minify-block__description .yfm {
43
- font-size: var(--g-text-header-2-font-size, var(--pc-text-header-2-font-size));
44
- line-height: var(--g-text-header-2-line-height, var(--pc-text-header-2-line-height));
45
- font-weight: 500;
47
+ @media (max-width: 577px) {
48
+ .pc-header-minify-block__description {
49
+ font-size: 17px;
50
+ line-height: 24px;
51
+ font-weight: 400;
52
+ margin-bottom: 16px;
53
+ }
46
54
  }
47
55
  .pc-header-minify-block__buttons {
48
56
  display: flex;
package/build/esm/blocks/HeaderMinify/HeaderMinify.js CHANGED
@@ -1,15 +1,12 @@
1
1
  import React from 'react';
2
- import { HTML, YFMWrapper } from '../../components';
2
+ import { HTML } from '../../components';
3
3
  import { parseVideoType } from '../../components/Media/Video/utils';
4
4
  import { Col, Grid, Row } from '../../grid';
5
5
  import { block } from '../../utils';
6
6
  import Button from './Button/Button';
7
7
  import './HeaderMinify.css';
8
8
  const b = block('header-minify-block');
9
- const colSizes = { all: 12, md: 8 };
10
- const modifiers = {
11
- constructor: true,
12
- };
9
+ const colSizes = { all: 12, md: 9 };
13
10
  export const HeaderMinifyBlock = (props) => {
14
11
  const { title, description, buttons, video, headerSpace } = props;
15
12
  return (React.createElement("header", { className: b({ ['header-space']: headerSpace }) },
@@ -23,8 +20,7 @@ export const HeaderMinifyBlock = (props) => {
23
20
  React.createElement(Col, { sizes: colSizes },
24
21
  React.createElement("h1", { className: b('title') },
25
22
  React.createElement(HTML, null, title)),
26
- description && (React.createElement("div", { className: b('description') },
27
- React.createElement(YFMWrapper, { content: description, modifiers: modifiers }))),
23
+ description && React.createElement(HTML, { className: b('description') }, description),
28
24
  (buttons === null || buttons === void 0 ? void 0 : buttons.length) ? (React.createElement("div", { className: b('buttons') }, buttons.map((button, index) => (React.createElement(Button, Object.assign({ key: index }, button)))))) : null)))));
29
25
  };
30
26
  export default HeaderMinifyBlock;
package/build/esm/blocks/Scroller/Scroller.css CHANGED
@@ -54,6 +54,7 @@ unpredictable css rules order in build */
54
54
  }
55
55
  .pc-scroller-block__content_scroll-snap-center {
56
56
  scroll-snap-type: x mandatory;
57
+ scroll-behavior: smooth;
57
58
  }
58
59
  .pc-scroller-block__content_scroll-snap-center .pc-scroller-block__item {
59
60
  scroll-snap-align: center;
package/build/esm/blocks/Scroller/Scroller.js CHANGED
@@ -36,6 +36,8 @@ export const ScrollerBlock = (props) => {
36
36
  const contentRef = useRef(null);
37
37
  const [currentElement, setCurrentElement] = useState(0);
38
38
  const [isPaused, setIsPaused] = useState(true);
39
+ const [scrollInProgress, setScrollInProgress] = useState(false);
40
+ const scrollIntervalRef = useRef(null);
39
41
  useEffect(() => {
40
42
  const content = contentRef.current;
41
43
  const root = rootRef.current;
@@ -44,7 +46,7 @@ export const ScrollerBlock = (props) => {
44
46
  return;
45
47
  }
46
48
  if (fullWidth) {
47
- const space = (window.innerWidth - root.clientWidth) / 2;
49
+ const space = (document.documentElement.clientWidth - root.clientWidth) / 2;
48
50
  content.style.setProperty('padding-left', `${space}px`);
49
51
  content.style.setProperty('padding-right', `${space}px`);
50
52
  content.style.setProperty('left', `${-space}px`);
@@ -97,6 +99,13 @@ export const ScrollerBlock = (props) => {
97
99
  content.scrollTo(endChild.offsetLeft - content.clientWidth, 0);
98
100
  }
99
101
  }
102
+ setScrollInProgress(true);
103
+ if (scrollIntervalRef.current) {
104
+ clearTimeout(scrollIntervalRef.current);
105
+ }
106
+ scrollIntervalRef.current = setTimeout(() => {
107
+ setScrollInProgress(false);
108
+ }, 200);
100
109
  };
101
110
  content.addEventListener('scroll', handleInfiniteScroll, { passive: true });
102
111
  scrollToMiddle();
@@ -183,7 +192,7 @@ export const ScrollerBlock = (props) => {
183
192
  React.createElement("div", { className: b('content', {
184
193
  gapLong,
185
194
  fullWidth,
186
- 'scroll-snap-center': infinite ? false : scrollSnapCenter,
195
+ 'scroll-snap-center': infinite ? !scrollInProgress : scrollSnapCenter,
187
196
  }), ref: contentRef }, (infinite ? [0, 1, 2] : [0])
188
197
  .map((mi) => React.Children.map(children, (child, index) => {
189
198
  const physicalIndex = mi * childCount + index;
package/build/esm/text-transform/config.js CHANGED
@@ -360,7 +360,7 @@ export const config = {
360
360
  ],
361
361
  [BlockType.HeaderMinifyBlock]: [
362
362
  {
363
- fields: ['description'],
363
+ fields: ['title', 'description'],
364
364
  transformer: yfmTransformer,
365
365
  },
366
366
  ],
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@doyourjob/gravity-ui-page-constructor",
3
- "version": "5.31.239",
3
+ "version": "5.31.242",
4
4
  "description": "Gravity UI Page Constructor",
5
5
  "license": "MIT",
6
6
  "repository": {
package/server/text-transform/config.js CHANGED
@@ -373,7 +373,7 @@ exports.config = {
373
373
  ],
374
374
  [models_1.BlockType.HeaderMinifyBlock]: [
375
375
  {
376
- fields: ['description'],
376
+ fields: ['title', 'description'],
377
377
  transformer: common_1.yfmTransformer,
378
378
  },
379
379
  ],