@doyourjob/gravity-ui-page-constructor 5.31.142-dev.3 → 5.31.142-dev.4

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 (30) hide show
  1. package/build/cjs/blocks/Benchmark/Benchmark.css +4 -0
  2. package/build/cjs/blocks/Benchmark/Benchmark.js +1 -1
  3. package/build/cjs/blocks/Benchmark/schema.d.ts +1 -145
  4. package/build/cjs/blocks/Benchmark/schema.js +3 -1
  5. package/build/cjs/blocks/Benefits/Benefits.css +1 -1
  6. package/build/cjs/blocks/Benefits/BenefitsCard/BenefitsCard.css +1 -0
  7. package/build/cjs/blocks/HeaderMinify/Button/Button.css +2 -1
  8. package/build/cjs/blocks/HeaderMinify/HeaderMinify.css +13 -3
  9. package/build/cjs/blocks/LogoRotator/LogoRotator.css +21 -0
  10. package/build/cjs/blocks/LogoRotator/LogoRotator.js +7 -6
  11. package/build/cjs/blocks/LogoRotator/schema.d.ts +3 -138
  12. package/build/cjs/blocks/LogoRotator/schema.js +3 -1
  13. package/build/cjs/models/constructor-items/blocks.d.ts +3 -2
  14. package/build/esm/blocks/Benchmark/Benchmark.css +4 -0
  15. package/build/esm/blocks/Benchmark/Benchmark.js +2 -2
  16. package/build/esm/blocks/Benchmark/schema.d.ts +1 -145
  17. package/build/esm/blocks/Benchmark/schema.js +4 -2
  18. package/build/esm/blocks/Benefits/Benefits.css +1 -1
  19. package/build/esm/blocks/Benefits/BenefitsCard/BenefitsCard.css +1 -0
  20. package/build/esm/blocks/HeaderMinify/Button/Button.css +2 -1
  21. package/build/esm/blocks/HeaderMinify/HeaderMinify.css +13 -3
  22. package/build/esm/blocks/LogoRotator/LogoRotator.css +21 -0
  23. package/build/esm/blocks/LogoRotator/LogoRotator.js +7 -6
  24. package/build/esm/blocks/LogoRotator/schema.d.ts +3 -138
  25. package/build/esm/blocks/LogoRotator/schema.js +4 -2
  26. package/build/esm/models/constructor-items/blocks.d.ts +3 -2
  27. package/package.json +1 -1
  28. package/schema/index.js +1 -1
  29. package/server/models/constructor-items/blocks.d.ts +3 -2
  30. package/widget/index.js +1 -1
package/build/cjs/blocks/Benchmark/Benchmark.css CHANGED
@@ -7,6 +7,10 @@ unpredictable css rules order in build */
7
7
  }
8
8
  .pc-benchmark-block__title {
9
9
  margin-bottom: 32px;
10
+ text-align: center;
11
+ font-size: 48px;
12
+ line-height: 52px;
13
+ font-weight: 600;
10
14
  }
11
15
  .pc-benchmark-block__content {
12
16
  flex: 1;
package/build/cjs/blocks/Benchmark/Benchmark.js CHANGED
@@ -12,7 +12,7 @@ const Benchmark = ({ title, data, duration, animated }) => {
12
12
  const [playNumbers, setPlayNumbers] = (0, react_1.useState)(false);
13
13
  const handleOnAnimateStart = (0, react_1.useCallback)(() => setPlayNumbers(true), []);
14
14
  return (react_1.default.createElement(components_1.AnimateBlock, { className: b(), animate: animated, onAnimateStart: handleOnAnimateStart },
15
- title && react_1.default.createElement(components_1.Title, { title: title, className: b('title') }),
15
+ title && react_1.default.createElement("div", { className: b('title') }, title),
16
16
  react_1.default.createElement(grid_1.Grid, { className: b('content') },
17
17
  react_1.default.createElement(grid_1.Row, null, data.map((column, columnIndex) => (react_1.default.createElement(grid_1.Col, { key: columnIndex, sizes: column.sizes || defaultSizes, className: b('wrap') },
18
18
  column.title && (react_1.default.createElement(uikit_1.Text, { variant: "header-2", className: b('wrap-title') }, column.title)),
package/build/cjs/blocks/Benchmark/schema.d.ts CHANGED
@@ -4,151 +4,7 @@ export declare const BenchmarkBlock: {
4
4
  required: string[];
5
5
  properties: {
6
6
  title: {
7
- oneOf: ({
8
- type: string;
9
- optionName: string;
10
- } | {
11
- optionName: string;
12
- type: string;
13
- additionalProperties: boolean;
14
- required: string[];
15
- properties: {
16
- text: {
17
- type: string;
18
- contentType: string;
19
- };
20
- link: {
21
- type: string;
22
- additionalProperties: boolean;
23
- required: string[];
24
- properties: {
25
- text: {
26
- type: string;
27
- contentType: string;
28
- };
29
- url: {
30
- type: string;
31
- };
32
- urlTitle: {
33
- type: string;
34
- };
35
- arrow: {
36
- type: string;
37
- };
38
- theme: {
39
- type: string;
40
- enum: string[];
41
- };
42
- textSize: {
43
- type: string;
44
- enum: string[];
45
- };
46
- target: {
47
- type: string;
48
- enum: string[];
49
- };
50
- analyticsEvents: {
51
- oneOf: ({
52
- optionName: string;
53
- type: string;
54
- additionalProperties: {
55
- type: string;
56
- };
57
- required: string[];
58
- properties: {
59
- name: {
60
- type: string;
61
- };
62
- type: {
63
- type: string;
64
- };
65
- counters: {
66
- type: string;
67
- additionalProperties: boolean;
68
- required: never[];
69
- properties: {
70
- include: {
71
- type: string;
72
- items: {
73
- type: string;
74
- };
75
- };
76
- exclude: {
77
- type: string;
78
- items: {
79
- type: string;
80
- };
81
- };
82
- };
83
- };
84
- context: {
85
- type: string;
86
- };
87
- };
88
- items?: undefined;
89
- } | {
90
- type: string;
91
- items: {
92
- type: string;
93
- additionalProperties: {
94
- type: string;
95
- };
96
- required: string[];
97
- properties: {
98
- name: {
99
- type: string;
100
- };
101
- type: {
102
- type: string;
103
- };
104
- counters: {
105
- type: string;
106
- additionalProperties: boolean;
107
- required: never[];
108
- properties: {
109
- include: {
110
- type: string;
111
- items: {
112
- type: string;
113
- };
114
- };
115
- exclude: {
116
- type: string;
117
- items: {
118
- type: string;
119
- };
120
- };
121
- };
122
- };
123
- context: {
124
- type: string;
125
- };
126
- };
127
- };
128
- optionName: string;
129
- })[];
130
- };
131
- type: {};
132
- when: {
133
- type: string;
134
- };
135
- };
136
- };
137
- textSize: {
138
- type: string;
139
- enum: string[];
140
- };
141
- url: {
142
- type: string;
143
- };
144
- urlTitle: {
145
- type: string;
146
- };
147
- resetMargin: {
148
- type: string;
149
- };
150
- };
151
- })[];
7
+ type: string;
152
8
  };
153
9
  duration: {
154
10
  type: string;
package/build/cjs/blocks/Benchmark/schema.js CHANGED
@@ -6,7 +6,9 @@ exports.BenchmarkBlock = {
6
6
  'benchmark-block': {
7
7
  additionalProperties: false,
8
8
  required: ['data'],
9
- properties: Object.assign(Object.assign(Object.assign({}, common_1.BlockBaseProps), common_1.AnimatableProps), { title: common_1.BlockHeaderProps.title, duration: {
9
+ properties: Object.assign(Object.assign(Object.assign({}, common_1.BlockBaseProps), common_1.AnimatableProps), { title: {
10
+ type: 'string',
11
+ }, duration: {
10
12
  type: 'number',
11
13
  }, data: {
12
14
  type: 'array',
package/build/cjs/blocks/Benefits/Benefits.css CHANGED
@@ -17,7 +17,7 @@ unpredictable css rules order in build */
17
17
  right: -27px;
18
18
  bottom: 0;
19
19
  z-index: -1;
20
- border-radius: 40px;
20
+ border-radius: 24px;
21
21
  }
22
22
  .pc-benefits-block__header {
23
23
  padding-top: 48px;
package/build/cjs/blocks/Benefits/BenefitsCard/BenefitsCard.css CHANGED
@@ -22,6 +22,7 @@ unpredictable css rules order in build */
22
22
  font-size: var(--g-text-header-2-font-size, var(--pc-text-header-2-font-size));
23
23
  line-height: var(--g-text-header-2-line-height, var(--pc-text-header-2-line-height));
24
24
  color: var(--local-accent-color);
25
+ letter-spacing: 0.01em;
25
26
  }
26
27
  .pc-benefits-card__text {
27
28
  font-size: var(--g-text-body-3-font-size, var(--pc-text-body-3-font-size));
package/build/cjs/blocks/HeaderMinify/Button/Button.css CHANGED
@@ -8,10 +8,11 @@ unpredictable css rules order in build */
8
8
  border-radius: 16px;
9
9
  background: #001a2b;
10
10
  color: #ffffff;
11
+ height: 61px;
11
12
  font-size: 24px;
12
13
  line-height: 24px;
13
14
  font-weight: 500;
14
- letter-spacing: 0.01em;
15
+ letter-spacing: 0.03em;
15
16
  text-decoration: none;
16
17
  transition: opacity 0.3s ease;
17
18
  }
package/build/cjs/blocks/HeaderMinify/HeaderMinify.css CHANGED
@@ -7,18 +7,27 @@ unpredictable css rules order in build */
7
7
  position: relative;
8
8
  z-index: 1;
9
9
  color: #001a2b;
10
- padding-top: 155px;
11
- padding-bottom: 203px;
10
+ padding-top: 186px;
11
+ padding-bottom: 186px;
12
12
  text-align: center;
13
13
  }
14
14
  .pc-header-minify-block__title {
15
15
  font-size: 128px;
16
16
  font-weight: 700;
17
17
  line-height: 102px;
18
- letter-spacing: -0.02em;
19
18
  margin: 0;
20
19
  position: relative;
21
20
  }
21
+ .pc-header-minify-block__title.pc-header-minify-block__title {
22
+ letter-spacing: -0.014em;
23
+ }
24
+
25
+ @media (max-width: 769px) {
26
+ .pc-header-minify-block__title {
27
+ font-size: 48px;
28
+ line-height: 52px;
29
+ }
30
+ }
22
31
  .pc-header-minify-block__description {
23
32
  margin-top: 24px;
24
33
  position: relative;
@@ -28,6 +37,7 @@ unpredictable css rules order in build */
28
37
  .pc-header-minify-block__description .yfm {
29
38
  font-size: var(--g-text-header-2-font-size, var(--pc-text-header-2-font-size));
30
39
  line-height: var(--g-text-header-2-line-height, var(--pc-text-header-2-line-height));
40
+ font-weight: 600;
31
41
  }
32
42
  .pc-header-minify-block__buttons {
33
43
  position: relative;
package/build/cjs/blocks/LogoRotator/LogoRotator.css CHANGED
@@ -22,6 +22,9 @@ unpredictable css rules order in build */
22
22
  .pc-logo-rotator-block__title {
23
23
  margin-bottom: 48px;
24
24
  text-align: center;
25
+ font-size: 48px;
26
+ line-height: 52px;
27
+ font-weight: 600;
25
28
  }
26
29
  .pc-logo-rotator-block__items {
27
30
  display: flex;
@@ -48,4 +51,22 @@ unpredictable css rules order in build */
48
51
  width: 100%;
49
52
  height: 100%;
50
53
  object-fit: contain;
54
+ }
55
+ .pc-logo-rotator-block__row-items {
56
+ display: flex;
57
+ flex-wrap: wrap;
58
+ padding-top: 16px;
59
+ padding-bottom: 16px;
60
+ gap: 46px 16px;
61
+ }
62
+ .pc-logo-rotator-block__row-item {
63
+ display: block;
64
+ height: 36px;
65
+ min-width: 160px;
66
+ flex: 1;
67
+ transition: opacity 0.5s ease 0.1s;
68
+ opacity: 1;
69
+ }
70
+ .pc-logo-rotator-block__row-item_hidden {
71
+ opacity: 0;
51
72
  }
package/build/cjs/blocks/LogoRotator/LogoRotator.js CHANGED
@@ -3,14 +3,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.LogoRotatorBlock = void 0;
4
4
  const tslib_1 = require("tslib");
5
5
  const react_1 = tslib_1.__importStar(require("react"));
6
+ const uikit_1 = require("@gravity-ui/uikit");
7
+ const components_1 = require("../../components");
6
8
  const AnimateBlock_1 = tslib_1.__importDefault(require("../../components/AnimateBlock/AnimateBlock"));
7
- const TitleItem_1 = tslib_1.__importDefault(require("../../components/Title/TitleItem"));
8
9
  const grid_1 = require("../../grid");
9
10
  const utils_1 = require("../../utils");
10
11
  const Item_1 = tslib_1.__importDefault(require("./Item"));
11
12
  const b = (0, utils_1.block)('logo-rotator-block');
12
13
  const LogoRotatorBlock = (props) => {
13
- const { animated, title, theme, items, count, colSizes } = props;
14
+ const { animated, title, theme, items, count, colSizes, rowMode } = props;
14
15
  const [slots, setSlots] = (0, react_1.useState)(new Array(count).fill(0).map((_, index) => index));
15
16
  const [hidden, setHidden] = (0, react_1.useState)(() => Array(count).fill(false));
16
17
  const nextIndexRef = (0, react_1.useRef)(count - 1);
@@ -49,11 +50,11 @@ const LogoRotatorBlock = (props) => {
49
50
  };
50
51
  }, [count, items]);
51
52
  const renderItems = (0, react_1.useMemo)(() => slots.map((slot, index) => (react_1.default.createElement(Item_1.default, { key: index, colSizes: colSizes, url: items[slot].url, src: items[slot].src, hidden: hidden[index] }))), [colSizes, hidden, items, slots]);
52
- const titleProps = !title || typeof title === 'string' ? { text: title } : title;
53
53
  return (react_1.default.createElement(AnimateBlock_1.default, { className: b({ theme }), animate: animated },
54
- react_1.default.createElement(TitleItem_1.default, Object.assign({ className: b('title') }, titleProps)),
55
- react_1.default.createElement(grid_1.Grid, { className: b('items') },
56
- react_1.default.createElement(grid_1.Row, { className: b('row') }, renderItems))));
54
+ title && react_1.default.createElement("div", { className: b('title') }, title),
55
+ rowMode ? (react_1.default.createElement("div", { className: b('row-items') }, slots.map((slot, index) => (react_1.default.createElement(uikit_1.Link, { key: index, href: items[slot].url, className: b('row-item', { hidden: hidden[index] }) },
56
+ react_1.default.createElement(components_1.ImageBase, { src: items[slot].src, className: b('image'), alt: "", "aria-hidden": "true" })))))) : (react_1.default.createElement(grid_1.Grid, { className: b('items') },
57
+ react_1.default.createElement(grid_1.Row, { className: b('row') }, renderItems)))));
57
58
  };
58
59
  exports.LogoRotatorBlock = LogoRotatorBlock;
59
60
  exports.default = exports.LogoRotatorBlock;
package/build/cjs/blocks/LogoRotator/schema.d.ts CHANGED
@@ -5,144 +5,6 @@ export declare const LogoRotatorBlock: {
5
5
  properties: {
6
6
  title: {
7
7
  type: string;
8
- additionalProperties: boolean;
9
- required: string[];
10
- properties: {
11
- text: {
12
- type: string;
13
- contentType: string;
14
- };
15
- link: {
16
- type: string;
17
- additionalProperties: boolean;
18
- required: string[];
19
- properties: {
20
- text: {
21
- type: string;
22
- contentType: string;
23
- };
24
- url: {
25
- type: string;
26
- };
27
- urlTitle: {
28
- type: string;
29
- };
30
- arrow: {
31
- type: string;
32
- };
33
- theme: {
34
- type: string;
35
- enum: string[];
36
- };
37
- textSize: {
38
- type: string;
39
- enum: string[];
40
- };
41
- target: {
42
- type: string;
43
- enum: string[];
44
- };
45
- analyticsEvents: {
46
- oneOf: ({
47
- optionName: string;
48
- type: string;
49
- additionalProperties: {
50
- type: string;
51
- };
52
- required: string[];
53
- properties: {
54
- name: {
55
- type: string;
56
- };
57
- type: {
58
- type: string;
59
- };
60
- counters: {
61
- type: string;
62
- additionalProperties: boolean;
63
- required: never[];
64
- properties: {
65
- include: {
66
- type: string;
67
- items: {
68
- type: string;
69
- };
70
- };
71
- exclude: {
72
- type: string;
73
- items: {
74
- type: string;
75
- };
76
- };
77
- };
78
- };
79
- context: {
80
- type: string;
81
- };
82
- };
83
- items?: undefined;
84
- } | {
85
- type: string;
86
- items: {
87
- type: string;
88
- additionalProperties: {
89
- type: string;
90
- };
91
- required: string[];
92
- properties: {
93
- name: {
94
- type: string;
95
- };
96
- type: {
97
- type: string;
98
- };
99
- counters: {
100
- type: string;
101
- additionalProperties: boolean;
102
- required: never[];
103
- properties: {
104
- include: {
105
- type: string;
106
- items: {
107
- type: string;
108
- };
109
- };
110
- exclude: {
111
- type: string;
112
- items: {
113
- type: string;
114
- };
115
- };
116
- };
117
- };
118
- context: {
119
- type: string;
120
- };
121
- };
122
- };
123
- optionName: string;
124
- })[];
125
- };
126
- type: {};
127
- when: {
128
- type: string;
129
- };
130
- };
131
- };
132
- textSize: {
133
- type: string;
134
- enum: string[];
135
- };
136
- url: {
137
- type: string;
138
- };
139
- urlTitle: {
140
- type: string;
141
- };
142
- resetMargin: {
143
- type: string;
144
- };
145
- };
146
8
  };
147
9
  theme: {
148
10
  type: string;
@@ -175,6 +37,9 @@ export declare const LogoRotatorBlock: {
175
37
  properties: {};
176
38
  };
177
39
  };
40
+ rowMode: {
41
+ type: string;
42
+ };
178
43
  animated: {
179
44
  type: string;
180
45
  };
package/build/cjs/blocks/LogoRotator/schema.js CHANGED
@@ -6,7 +6,7 @@ exports.LogoRotatorBlock = {
6
6
  'logo-rotator-block': {
7
7
  additionalProperties: false,
8
8
  required: ['items', 'count'],
9
- properties: Object.assign(Object.assign(Object.assign({}, common_1.BaseProps), common_1.AnimatableProps), { title: common_1.TitleProps, theme: common_1.ThemeProps, items: {
9
+ properties: Object.assign(Object.assign(Object.assign({}, common_1.BaseProps), common_1.AnimatableProps), { title: { type: 'string' }, theme: common_1.ThemeProps, items: {
10
10
  type: 'array',
11
11
  items: {
12
12
  type: 'object',
@@ -22,6 +22,8 @@ exports.LogoRotatorBlock = {
22
22
  }, colSizes: {
23
23
  type: 'object',
24
24
  additionalProperties: common_1.containerSizesObject,
25
+ }, rowMode: {
26
+ type: 'boolean',
25
27
  } }),
26
28
  },
27
29
  };
package/build/cjs/models/constructor-items/blocks.d.ts CHANGED
@@ -272,7 +272,7 @@ export interface QuestionBlockItemProps extends QuestionItem {
272
272
  export interface BannerBlockProps extends BannerCardProps, Animatable {
273
273
  }
274
274
  export interface LogoRotatorBlockProps extends Animatable {
275
- title?: TitleItemBaseProps | string;
275
+ title?: string;
276
276
  items: {
277
277
  url: string;
278
278
  src: string;
@@ -280,6 +280,7 @@ export interface LogoRotatorBlockProps extends Animatable {
280
280
  count: number;
281
281
  colSizes?: Partial<Record<GridColumnSize, number>>;
282
282
  theme?: TextTheme;
283
+ rowMode?: boolean;
283
284
  }
284
285
  export interface AdvantagesBlockProps {
285
286
  title?: string;
@@ -570,7 +571,7 @@ export interface CardLayoutBlockProps extends Childable, Animatable, LoadableChi
570
571
  largeItemGap?: boolean;
571
572
  }
572
573
  export interface BenchmarkBlockProps extends Animatable {
573
- title?: TitleItemProps | string;
574
+ title?: string;
574
575
  duration?: number;
575
576
  data: {
576
577
  title?: string;
package/build/esm/blocks/Benchmark/Benchmark.css CHANGED
@@ -7,6 +7,10 @@ unpredictable css rules order in build */
7
7
  }
8
8
  .pc-benchmark-block__title {
9
9
  margin-bottom: 32px;
10
+ text-align: center;
11
+ font-size: 48px;
12
+ line-height: 52px;
13
+ font-weight: 600;
10
14
  }
11
15
  .pc-benchmark-block__content {
12
16
  flex: 1;
package/build/esm/blocks/Benchmark/Benchmark.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import React, { useCallback, useState } from 'react';
2
2
  import { Text } from '@gravity-ui/uikit';
3
- import { AnimateBlock, Odometer, Title } from '../../components';
3
+ import { AnimateBlock, Odometer } from '../../components';
4
4
  import { Col, Grid, Row } from '../../grid';
5
5
  import { block } from '../../utils';
6
6
  import './Benchmark.css';
@@ -10,7 +10,7 @@ const Benchmark = ({ title, data, duration, animated }) => {
10
10
  const [playNumbers, setPlayNumbers] = useState(false);
11
11
  const handleOnAnimateStart = useCallback(() => setPlayNumbers(true), []);
12
12
  return (React.createElement(AnimateBlock, { className: b(), animate: animated, onAnimateStart: handleOnAnimateStart },
13
- title && React.createElement(Title, { title: title, className: b('title') }),
13
+ title && React.createElement("div", { className: b('title') }, title),
14
14
  React.createElement(Grid, { className: b('content') },
15
15
  React.createElement(Row, null, data.map((column, columnIndex) => (React.createElement(Col, { key: columnIndex, sizes: column.sizes || defaultSizes, className: b('wrap') },
16
16
  column.title && (React.createElement(Text, { variant: "header-2", className: b('wrap-title') }, column.title)),