@doyourjob/gravity-ui-page-constructor 5.31.257 → 5.31.258

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 (14) hide show
  1. package/build/cjs/blocks/HeaderMinify/HeaderMinify.css +88 -0
  2. package/build/cjs/blocks/HeaderMinify/HeaderMinify.js +9 -2
  3. package/build/cjs/blocks/HeaderMinify/schema.d.ts +30 -0
  4. package/build/cjs/blocks/HeaderMinify/schema.js +15 -0
  5. package/build/cjs/models/constructor-items/blocks.d.ts +4 -0
  6. package/build/esm/blocks/HeaderMinify/HeaderMinify.css +88 -0
  7. package/build/esm/blocks/HeaderMinify/HeaderMinify.js +10 -3
  8. package/build/esm/blocks/HeaderMinify/schema.d.ts +30 -0
  9. package/build/esm/blocks/HeaderMinify/schema.js +15 -0
  10. package/build/esm/models/constructor-items/blocks.d.ts +4 -0
  11. package/package.json +1 -1
  12. package/schema/index.js +1 -1
  13. package/server/models/constructor-items/blocks.d.ts +4 -0
  14. package/widget/index.js +1 -1
package/build/cjs/blocks/HeaderMinify/HeaderMinify.css CHANGED
@@ -16,11 +16,99 @@ unpredictable css rules order in build */
16
16
  object-fit: cover;
17
17
  width: 100%;
18
18
  height: 100%;
19
+ display: none;
20
+ }
21
+ @media (min-width: 769px) {
22
+ .pc-header-minify-block__video {
23
+ display: block;
24
+ }
25
+ }
26
+ .pc-header-minify-block__image-container {
27
+ position: absolute;
28
+ inset: 0;
29
+ z-index: -1;
30
+ }
31
+ .pc-header-minify-block__image-container > div {
32
+ height: 100%;
33
+ width: 100%;
34
+ }
35
+ @media (min-width: 769px) {
36
+ .pc-header-minify-block_has-video .pc-header-minify-block__image-container {
37
+ display: none;
38
+ }
39
+ }
40
+ .pc-header-minify-block__image {
41
+ object-fit: cover;
42
+ width: 100%;
43
+ height: 100%;
44
+ display: block;
19
45
  }
20
46
  .pc-header-minify-block__container {
21
47
  padding-top: 150px;
22
48
  padding-bottom: 168px;
23
49
  }
50
+ .pc-header-minify-block_vertical-offset_0 .pc-header-minify-block__container {
51
+ padding-top: 0;
52
+ padding-bottom: 0;
53
+ }
54
+ .pc-header-minify-block_vertical-offset_s .pc-header-minify-block__container {
55
+ padding-top: 64px;
56
+ padding-bottom: 64px;
57
+ }
58
+ .pc-header-minify-block_vertical-offset_m .pc-header-minify-block__container {
59
+ padding-top: 96px;
60
+ padding-bottom: 96px;
61
+ }
62
+ .pc-header-minify-block_vertical-offset_l .pc-header-minify-block__container {
63
+ padding-top: 128px;
64
+ padding-bottom: 128px;
65
+ }
66
+ .pc-header-minify-block_vertical-offset_xl .pc-header-minify-block__container {
67
+ padding-top: 160px;
68
+ padding-bottom: 160px;
69
+ }
70
+ .pc-header-minify-block_vertical-offset-top_0 .pc-header-minify-block__container {
71
+ padding-top: 0;
72
+ }
73
+ .pc-header-minify-block_vertical-offset-top_s .pc-header-minify-block__container {
74
+ padding-top: 64px;
75
+ }
76
+ .pc-header-minify-block_vertical-offset-top_m .pc-header-minify-block__container {
77
+ padding-top: 96px;
78
+ }
79
+ .pc-header-minify-block_vertical-offset-top_l .pc-header-minify-block__container {
80
+ padding-top: 128px;
81
+ }
82
+ .pc-header-minify-block_vertical-offset-top_xl .pc-header-minify-block__container {
83
+ padding-top: 160px;
84
+ }
85
+ .pc-header-minify-block_vertical-offset-bottom_0 .pc-header-minify-block__container {
86
+ padding-bottom: 0;
87
+ }
88
+ .pc-header-minify-block_vertical-offset-bottom_s .pc-header-minify-block__container {
89
+ padding-bottom: 64px;
90
+ }
91
+ .pc-header-minify-block_vertical-offset-bottom_m .pc-header-minify-block__container {
92
+ padding-bottom: 96px;
93
+ }
94
+ .pc-header-minify-block_vertical-offset-bottom_l .pc-header-minify-block__container {
95
+ padding-bottom: 128px;
96
+ }
97
+ .pc-header-minify-block_vertical-offset-bottom_xl .pc-header-minify-block__container {
98
+ padding-bottom: 160px;
99
+ }
100
+ @media (max-width: 769px) {
101
+ .pc-header-minify-block_vertical-offset_s .pc-header-minify-block__container, .pc-header-minify-block_vertical-offset_m .pc-header-minify-block__container, .pc-header-minify-block_vertical-offset_l .pc-header-minify-block__container, .pc-header-minify-block_vertical-offset_xl .pc-header-minify-block__container {
102
+ padding-top: 96px;
103
+ padding-bottom: 96px;
104
+ }
105
+ .pc-header-minify-block_vertical-offset-top_s .pc-header-minify-block__container, .pc-header-minify-block_vertical-offset-top_m .pc-header-minify-block__container, .pc-header-minify-block_vertical-offset-top_l .pc-header-minify-block__container, .pc-header-minify-block_vertical-offset-top_xl .pc-header-minify-block__container {
106
+ padding-top: 96px;
107
+ }
108
+ .pc-header-minify-block_vertical-offset-bottom_s .pc-header-minify-block__container, .pc-header-minify-block_vertical-offset-bottom_m .pc-header-minify-block__container, .pc-header-minify-block_vertical-offset-bottom_l .pc-header-minify-block__container, .pc-header-minify-block_vertical-offset-bottom_xl .pc-header-minify-block__container {
109
+ padding-bottom: 96px;
110
+ }
111
+ }
24
112
  .pc-header-minify-block__title {
25
113
  font-size: 94px;
26
114
  line-height: 80%;
package/build/cjs/blocks/HeaderMinify/HeaderMinify.js CHANGED
@@ -11,13 +11,20 @@ const Button_1 = tslib_1.__importDefault(require("./Button/Button"));
11
11
  const b = (0, utils_2.block)('header-minify-block');
12
12
  const colSizes = { all: 12, md: 9 };
13
13
  const HeaderMinifyBlock = (props) => {
14
- const { title, description, buttons, video, headerSpace } = props;
15
- return (react_1.default.createElement("header", { className: b({ ['header-space']: headerSpace }) },
14
+ const { title, description, buttons, image, video, headerSpace, verticalOffset, verticalOffsetTop, verticalOffsetBottom, } = props;
15
+ return (react_1.default.createElement("header", { className: b({
16
+ ['header-space']: headerSpace,
17
+ 'vertical-offset': verticalOffset,
18
+ 'vertical-offset-top': verticalOffsetTop,
19
+ 'vertical-offset-bottom': verticalOffsetBottom,
20
+ 'has-video': Boolean(video),
21
+ }) },
16
22
  video && (react_1.default.createElement("video", { disablePictureInPicture: true, playsInline: true,
17
23
  // @ts-ignore
18
24
  // eslint-disable-next-line react/no-unknown-property
19
25
  pip: "false", autoPlay: true, loop: true, preload: "auto", muted: true, className: b('video') },
20
26
  react_1.default.createElement("source", { src: video, type: (0, utils_1.parseVideoType)(video) }))),
27
+ image && (react_1.default.createElement(components_1.Image, { containerClassName: b('image-container'), className: b('image'), src: image })),
21
28
  react_1.default.createElement(grid_1.Grid, null,
22
29
  react_1.default.createElement(grid_1.Row, { className: b('container') },
23
30
  react_1.default.createElement(grid_1.Col, { sizes: colSizes },
package/build/cjs/blocks/HeaderMinify/schema.d.ts CHANGED
@@ -27,12 +27,27 @@ export declare const HeaderMinifyProperties: {
27
27
  };
28
28
  };
29
29
  };
30
+ image: {
31
+ type: string;
32
+ };
30
33
  video: {
31
34
  type: string;
32
35
  };
33
36
  headerSpace: {
34
37
  type: string;
35
38
  };
39
+ verticalOffset: {
40
+ type: string;
41
+ enum: string[];
42
+ };
43
+ verticalOffsetTop: {
44
+ type: string;
45
+ enum: string[];
46
+ };
47
+ verticalOffsetBottom: {
48
+ type: string;
49
+ enum: string[];
50
+ };
36
51
  };
37
52
  export declare const HeaderMinifyBlock: {
38
53
  'header-minify-block': {
@@ -67,12 +82,27 @@ export declare const HeaderMinifyBlock: {
67
82
  };
68
83
  };
69
84
  };
85
+ image: {
86
+ type: string;
87
+ };
70
88
  video: {
71
89
  type: string;
72
90
  };
73
91
  headerSpace: {
74
92
  type: string;
75
93
  };
94
+ verticalOffset: {
95
+ type: string;
96
+ enum: string[];
97
+ };
98
+ verticalOffsetTop: {
99
+ type: string;
100
+ enum: string[];
101
+ };
102
+ verticalOffsetBottom: {
103
+ type: string;
104
+ enum: string[];
105
+ };
76
106
  anchor: {
77
107
  type: string;
78
108
  additionalProperties: boolean;
package/build/cjs/blocks/HeaderMinify/schema.js CHANGED
@@ -25,12 +25,27 @@ exports.HeaderMinifyProperties = {
25
25
  },
26
26
  },
27
27
  },
28
+ image: {
29
+ type: 'string',
30
+ },
28
31
  video: {
29
32
  type: 'string',
30
33
  },
31
34
  headerSpace: {
32
35
  type: 'boolean',
33
36
  },
37
+ verticalOffset: {
38
+ type: 'string',
39
+ enum: ['0', 's', 'm', 'l', 'xl'],
40
+ },
41
+ verticalOffsetTop: {
42
+ type: 'string',
43
+ enum: ['0', 's', 'm', 'l', 'xl'],
44
+ },
45
+ verticalOffsetBottom: {
46
+ type: 'string',
47
+ enum: ['0', 's', 'm', 'l', 'xl'],
48
+ },
34
49
  };
35
50
  exports.HeaderMinifyBlock = {
36
51
  'header-minify-block': {
package/build/cjs/models/constructor-items/blocks.d.ts CHANGED
@@ -251,8 +251,12 @@ export interface HeaderMinifyBlockProps {
251
251
  title: string;
252
252
  description?: string;
253
253
  buttons?: HeaderMinifyButtonProps[];
254
+ image?: string;
254
255
  video?: string;
255
256
  headerSpace?: boolean;
257
+ verticalOffset?: '0' | 's' | 'm' | 'l' | 'xl';
258
+ verticalOffsetTop?: '0' | 's' | 'm' | 'l' | 'xl';
259
+ verticalOffsetBottom?: '0' | 's' | 'm' | 'l' | 'xl';
256
260
  }
257
261
  export interface ExtendedFeaturesItem extends Omit<ContentBlockProps, 'theme' | 'centered' | 'colSizes' | 'size' | 'title'> {
258
262
  title: Pick<TitleItemProps, 'text' | 'textSize'> | string;
package/build/esm/blocks/HeaderMinify/HeaderMinify.css CHANGED
@@ -16,11 +16,99 @@ unpredictable css rules order in build */
16
16
  object-fit: cover;
17
17
  width: 100%;
18
18
  height: 100%;
19
+ display: none;
20
+ }
21
+ @media (min-width: 769px) {
22
+ .pc-header-minify-block__video {
23
+ display: block;
24
+ }
25
+ }
26
+ .pc-header-minify-block__image-container {
27
+ position: absolute;
28
+ inset: 0;
29
+ z-index: -1;
30
+ }
31
+ .pc-header-minify-block__image-container > div {
32
+ height: 100%;
33
+ width: 100%;
34
+ }
35
+ @media (min-width: 769px) {
36
+ .pc-header-minify-block_has-video .pc-header-minify-block__image-container {
37
+ display: none;
38
+ }
39
+ }
40
+ .pc-header-minify-block__image {
41
+ object-fit: cover;
42
+ width: 100%;
43
+ height: 100%;
44
+ display: block;
19
45
  }
20
46
  .pc-header-minify-block__container {
21
47
  padding-top: 150px;
22
48
  padding-bottom: 168px;
23
49
  }
50
+ .pc-header-minify-block_vertical-offset_0 .pc-header-minify-block__container {
51
+ padding-top: 0;
52
+ padding-bottom: 0;
53
+ }
54
+ .pc-header-minify-block_vertical-offset_s .pc-header-minify-block__container {
55
+ padding-top: 64px;
56
+ padding-bottom: 64px;
57
+ }
58
+ .pc-header-minify-block_vertical-offset_m .pc-header-minify-block__container {
59
+ padding-top: 96px;
60
+ padding-bottom: 96px;
61
+ }
62
+ .pc-header-minify-block_vertical-offset_l .pc-header-minify-block__container {
63
+ padding-top: 128px;
64
+ padding-bottom: 128px;
65
+ }
66
+ .pc-header-minify-block_vertical-offset_xl .pc-header-minify-block__container {
67
+ padding-top: 160px;
68
+ padding-bottom: 160px;
69
+ }
70
+ .pc-header-minify-block_vertical-offset-top_0 .pc-header-minify-block__container {
71
+ padding-top: 0;
72
+ }
73
+ .pc-header-minify-block_vertical-offset-top_s .pc-header-minify-block__container {
74
+ padding-top: 64px;
75
+ }
76
+ .pc-header-minify-block_vertical-offset-top_m .pc-header-minify-block__container {
77
+ padding-top: 96px;
78
+ }
79
+ .pc-header-minify-block_vertical-offset-top_l .pc-header-minify-block__container {
80
+ padding-top: 128px;
81
+ }
82
+ .pc-header-minify-block_vertical-offset-top_xl .pc-header-minify-block__container {
83
+ padding-top: 160px;
84
+ }
85
+ .pc-header-minify-block_vertical-offset-bottom_0 .pc-header-minify-block__container {
86
+ padding-bottom: 0;
87
+ }
88
+ .pc-header-minify-block_vertical-offset-bottom_s .pc-header-minify-block__container {
89
+ padding-bottom: 64px;
90
+ }
91
+ .pc-header-minify-block_vertical-offset-bottom_m .pc-header-minify-block__container {
92
+ padding-bottom: 96px;
93
+ }
94
+ .pc-header-minify-block_vertical-offset-bottom_l .pc-header-minify-block__container {
95
+ padding-bottom: 128px;
96
+ }
97
+ .pc-header-minify-block_vertical-offset-bottom_xl .pc-header-minify-block__container {
98
+ padding-bottom: 160px;
99
+ }
100
+ @media (max-width: 769px) {
101
+ .pc-header-minify-block_vertical-offset_s .pc-header-minify-block__container, .pc-header-minify-block_vertical-offset_m .pc-header-minify-block__container, .pc-header-minify-block_vertical-offset_l .pc-header-minify-block__container, .pc-header-minify-block_vertical-offset_xl .pc-header-minify-block__container {
102
+ padding-top: 96px;
103
+ padding-bottom: 96px;
104
+ }
105
+ .pc-header-minify-block_vertical-offset-top_s .pc-header-minify-block__container, .pc-header-minify-block_vertical-offset-top_m .pc-header-minify-block__container, .pc-header-minify-block_vertical-offset-top_l .pc-header-minify-block__container, .pc-header-minify-block_vertical-offset-top_xl .pc-header-minify-block__container {
106
+ padding-top: 96px;
107
+ }
108
+ .pc-header-minify-block_vertical-offset-bottom_s .pc-header-minify-block__container, .pc-header-minify-block_vertical-offset-bottom_m .pc-header-minify-block__container, .pc-header-minify-block_vertical-offset-bottom_l .pc-header-minify-block__container, .pc-header-minify-block_vertical-offset-bottom_xl .pc-header-minify-block__container {
109
+ padding-bottom: 96px;
110
+ }
111
+ }
24
112
  .pc-header-minify-block__title {
25
113
  font-size: 94px;
26
114
  line-height: 80%;
package/build/esm/blocks/HeaderMinify/HeaderMinify.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { HTML } from '../../components';
2
+ import { HTML, Image } 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';
@@ -8,13 +8,20 @@ import './HeaderMinify.css';
8
8
  const b = block('header-minify-block');
9
9
  const colSizes = { all: 12, md: 9 };
10
10
  export const HeaderMinifyBlock = (props) => {
11
- const { title, description, buttons, video, headerSpace } = props;
12
- return (React.createElement("header", { className: b({ ['header-space']: headerSpace }) },
11
+ const { title, description, buttons, image, video, headerSpace, verticalOffset, verticalOffsetTop, verticalOffsetBottom, } = props;
12
+ return (React.createElement("header", { className: b({
13
+ ['header-space']: headerSpace,
14
+ 'vertical-offset': verticalOffset,
15
+ 'vertical-offset-top': verticalOffsetTop,
16
+ 'vertical-offset-bottom': verticalOffsetBottom,
17
+ 'has-video': Boolean(video),
18
+ }) },
13
19
  video && (React.createElement("video", { disablePictureInPicture: true, playsInline: true,
14
20
  // @ts-ignore
15
21
  // eslint-disable-next-line react/no-unknown-property
16
22
  pip: "false", autoPlay: true, loop: true, preload: "auto", muted: true, className: b('video') },
17
23
  React.createElement("source", { src: video, type: parseVideoType(video) }))),
24
+ image && (React.createElement(Image, { containerClassName: b('image-container'), className: b('image'), src: image })),
18
25
  React.createElement(Grid, null,
19
26
  React.createElement(Row, { className: b('container') },
20
27
  React.createElement(Col, { sizes: colSizes },
package/build/esm/blocks/HeaderMinify/schema.d.ts CHANGED
@@ -27,12 +27,27 @@ export declare const HeaderMinifyProperties: {
27
27
  };
28
28
  };
29
29
  };
30
+ image: {
31
+ type: string;
32
+ };
30
33
  video: {
31
34
  type: string;
32
35
  };
33
36
  headerSpace: {
34
37
  type: string;
35
38
  };
39
+ verticalOffset: {
40
+ type: string;
41
+ enum: string[];
42
+ };
43
+ verticalOffsetTop: {
44
+ type: string;
45
+ enum: string[];
46
+ };
47
+ verticalOffsetBottom: {
48
+ type: string;
49
+ enum: string[];
50
+ };
36
51
  };
37
52
  export declare const HeaderMinifyBlock: {
38
53
  'header-minify-block': {
@@ -67,12 +82,27 @@ export declare const HeaderMinifyBlock: {
67
82
  };
68
83
  };
69
84
  };
85
+ image: {
86
+ type: string;
87
+ };
70
88
  video: {
71
89
  type: string;
72
90
  };
73
91
  headerSpace: {
74
92
  type: string;
75
93
  };
94
+ verticalOffset: {
95
+ type: string;
96
+ enum: string[];
97
+ };
98
+ verticalOffsetTop: {
99
+ type: string;
100
+ enum: string[];
101
+ };
102
+ verticalOffsetBottom: {
103
+ type: string;
104
+ enum: string[];
105
+ };
76
106
  anchor: {
77
107
  type: string;
78
108
  additionalProperties: boolean;
package/build/esm/blocks/HeaderMinify/schema.js CHANGED
@@ -22,12 +22,27 @@ export const HeaderMinifyProperties = {
22
22
  },
23
23
  },
24
24
  },
25
+ image: {
26
+ type: 'string',
27
+ },
25
28
  video: {
26
29
  type: 'string',
27
30
  },
28
31
  headerSpace: {
29
32
  type: 'boolean',
30
33
  },
34
+ verticalOffset: {
35
+ type: 'string',
36
+ enum: ['0', 's', 'm', 'l', 'xl'],
37
+ },
38
+ verticalOffsetTop: {
39
+ type: 'string',
40
+ enum: ['0', 's', 'm', 'l', 'xl'],
41
+ },
42
+ verticalOffsetBottom: {
43
+ type: 'string',
44
+ enum: ['0', 's', 'm', 'l', 'xl'],
45
+ },
31
46
  };
32
47
  export const HeaderMinifyBlock = {
33
48
  'header-minify-block': {
package/build/esm/models/constructor-items/blocks.d.ts CHANGED
@@ -251,8 +251,12 @@ export interface HeaderMinifyBlockProps {
251
251
  title: string;
252
252
  description?: string;
253
253
  buttons?: HeaderMinifyButtonProps[];
254
+ image?: string;
254
255
  video?: string;
255
256
  headerSpace?: boolean;
257
+ verticalOffset?: '0' | 's' | 'm' | 'l' | 'xl';
258
+ verticalOffsetTop?: '0' | 's' | 'm' | 'l' | 'xl';
259
+ verticalOffsetBottom?: '0' | 's' | 'm' | 'l' | 'xl';
256
260
  }
257
261
  export interface ExtendedFeaturesItem extends Omit<ContentBlockProps, 'theme' | 'centered' | 'colSizes' | 'size' | 'title'> {
258
262
  title: Pick<TitleItemProps, 'text' | 'textSize'> | string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@doyourjob/gravity-ui-page-constructor",
3
- "version": "5.31.257",
3
+ "version": "5.31.258",
4
4
  "description": "Gravity UI Page Constructor",
5
5
  "license": "MIT",
6
6
  "repository": {