@doyourjob/gravity-ui-page-constructor 5.31.261 → 5.31.262

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 (24) hide show
  1. package/build/cjs/blocks/Benefits/Benefits.css +34 -0
  2. package/build/cjs/blocks/LogoRotator/LogoRotator.css +43 -5
  3. package/build/cjs/blocks/LogoRotator/LogoRotator.js +4 -6
  4. package/build/cjs/blocks/LogoRotator/schema.d.ts +4 -154
  5. package/build/cjs/blocks/LogoRotator/schema.js +3 -8
  6. package/build/cjs/blocks/UnicornCards/UnicornCards.css +40 -2
  7. package/build/cjs/blocks/UnicornCards/UnicornCards.js +4 -7
  8. package/build/cjs/blocks/UnicornCards/schema.d.ts +4 -154
  9. package/build/cjs/blocks/UnicornCards/schema.js +1 -10
  10. package/build/cjs/models/constructor-items/blocks.d.ts +4 -2
  11. package/build/esm/blocks/Benefits/Benefits.css +34 -0
  12. package/build/esm/blocks/LogoRotator/LogoRotator.css +43 -5
  13. package/build/esm/blocks/LogoRotator/LogoRotator.js +5 -7
  14. package/build/esm/blocks/LogoRotator/schema.d.ts +4 -154
  15. package/build/esm/blocks/LogoRotator/schema.js +4 -9
  16. package/build/esm/blocks/UnicornCards/UnicornCards.css +40 -2
  17. package/build/esm/blocks/UnicornCards/UnicornCards.js +4 -7
  18. package/build/esm/blocks/UnicornCards/schema.d.ts +4 -154
  19. package/build/esm/blocks/UnicornCards/schema.js +2 -11
  20. package/build/esm/models/constructor-items/blocks.d.ts +4 -2
  21. package/package.json +1 -1
  22. package/schema/index.js +1 -1
  23. package/server/models/constructor-items/blocks.d.ts +4 -2
  24. package/widget/index.js +1 -1
package/build/esm/blocks/Benefits/Benefits.css CHANGED
@@ -369,6 +369,12 @@ unpredictable css rules order in build */
369
369
  align-items: center;
370
370
  text-align: center;
371
371
  }
372
+ @media (max-width: 769px) {
373
+ .pc-benefits-block__head {
374
+ align-items: initial;
375
+ text-align: initial;
376
+ }
377
+ }
372
378
  .pc-benefits-block__title {
373
379
  font-size: var(--g-text-display-4-font-size, var(--pc-text-display-4-font-size));
374
380
  line-height: var(--g-text-display-4-line-height, var(--pc-text-display-4-line-height));
@@ -376,12 +382,24 @@ unpredictable css rules order in build */
376
382
  font-weight: var(--g-text-accent-font-weight);
377
383
  color: var(--g-color-text-primary);
378
384
  }
385
+ @media (max-width: 769px) {
386
+ .pc-benefits-block__title {
387
+ font-size: var(--g-text-display-1-font-size, var(--pc-text-display-1-font-size));
388
+ line-height: var(--g-text-display-1-line-height, var(--pc-text-display-1-line-height));
389
+ }
390
+ }
379
391
  .pc-benefits-block__text {
380
392
  font-size: 24px;
381
393
  line-height: 28px;
382
394
  opacity: 0.6;
383
395
  max-width: 600px;
384
396
  }
397
+ @media (max-width: 769px) {
398
+ .pc-benefits-block__text {
399
+ font-size: var(--g-text-body-3-font-size, var(--pc-text-body-3-font-size));
400
+ line-height: var(--g-text-body-3-line-height, var(--pc-text-body-3-line-height));
401
+ }
402
+ }
385
403
  .pc-benefits-block__video {
386
404
  width: 100%;
387
405
  aspect-ratio: 16/9;
@@ -393,6 +411,11 @@ unpredictable css rules order in build */
393
411
  flex-direction: column;
394
412
  gap: 4px;
395
413
  }
414
+ @media (max-width: 769px) {
415
+ .pc-benefits-block__items {
416
+ margin-top: 16px;
417
+ }
418
+ }
396
419
  .pc-benefits-block__item {
397
420
  display: flex;
398
421
  gap: 16px;
@@ -400,6 +423,11 @@ unpredictable css rules order in build */
400
423
  border-radius: 24px;
401
424
  background: var(--local-item-bg);
402
425
  }
426
+ @media (max-width: 769px) {
427
+ .pc-benefits-block__item {
428
+ padding: 24px;
429
+ }
430
+ }
403
431
  .pc-benefits-block__item-image {
404
432
  display: block;
405
433
  height: 24px;
@@ -409,4 +437,10 @@ unpredictable css rules order in build */
409
437
  font-size: 24px;
410
438
  line-height: 28px;
411
439
  opacity: 0.8;
440
+ }
441
+ @media (max-width: 769px) {
442
+ .pc-benefits-block__item-text {
443
+ font-size: var(--g-text-body-3-font-size, var(--pc-text-body-3-font-size));
444
+ line-height: var(--g-text-body-3-line-height, var(--pc-text-body-3-line-height));
445
+ }
412
446
  }
package/build/esm/blocks/LogoRotator/LogoRotator.css CHANGED
@@ -13,6 +13,48 @@ unpredictable css rules order in build */
13
13
  transition-delay: 0s;
14
14
  }
15
15
  }
16
+ .pc-logo-rotator-block__root {
17
+ display: flex;
18
+ flex-direction: column;
19
+ gap: 48px;
20
+ }
21
+ .pc-logo-rotator-block__head {
22
+ display: flex;
23
+ flex-direction: column;
24
+ gap: 16px;
25
+ align-items: center;
26
+ text-align: center;
27
+ }
28
+ @media (max-width: 769px) {
29
+ .pc-logo-rotator-block__head {
30
+ align-items: initial;
31
+ text-align: initial;
32
+ }
33
+ }
34
+ .pc-logo-rotator-block__title {
35
+ font-size: var(--g-text-display-4-font-size, var(--pc-text-display-4-font-size));
36
+ line-height: var(--g-text-display-4-line-height, var(--pc-text-display-4-line-height));
37
+ margin: 0;
38
+ font-weight: var(--g-text-accent-font-weight);
39
+ color: var(--g-color-text-primary);
40
+ }
41
+ @media (max-width: 769px) {
42
+ .pc-logo-rotator-block__title {
43
+ font-size: var(--g-text-display-1-font-size, var(--pc-text-display-1-font-size));
44
+ line-height: var(--g-text-display-1-line-height, var(--pc-text-display-1-line-height));
45
+ }
46
+ }
47
+ .pc-logo-rotator-block__text {
48
+ font-size: 24px;
49
+ line-height: 28px;
50
+ opacity: 0.6;
51
+ }
52
+ @media (max-width: 769px) {
53
+ .pc-logo-rotator-block__text {
54
+ font-size: var(--g-text-body-3-font-size, var(--pc-text-body-3-font-size));
55
+ line-height: var(--g-text-body-3-line-height, var(--pc-text-body-3-line-height));
56
+ }
57
+ }
16
58
  .pc-logo-rotator-block__row {
17
59
  justify-content: center;
18
60
  }
@@ -22,11 +64,7 @@ unpredictable css rules order in build */
22
64
  }
23
65
  }
24
66
  .pc-logo-rotator-block_theme_dark .pc-logo-rotator-block__title {
25
- --pc-text-header-color: #ffffff;
26
- }
27
- .pc-logo-rotator-block__title {
28
- margin-bottom: 48px;
29
- text-align: center;
67
+ color: #ffffff;
30
68
  }
31
69
  .pc-logo-rotator-block__items {
32
70
  display: flex;
package/build/esm/blocks/LogoRotator/LogoRotator.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
2
2
  import { Link } from '@gravity-ui/uikit';
3
- import { ImageBase, Title } from '../../components';
3
+ import { ImageBase } from '../../components';
4
4
  import AnimateBlock from '../../components/AnimateBlock/AnimateBlock';
5
5
  import { BREAKPOINTS } from '../../constants';
6
6
  import { Grid, Row } from '../../grid';
@@ -22,7 +22,7 @@ const pickRandomSlots = (slotIndices, count) => {
22
22
  return shuffled.slice(0, count);
23
23
  };
24
24
  export const LogoRotatorBlock = (props) => {
25
- const { animated, title, theme, items, countMobile, countDesktop, minRotateCount = DEFAULT_MIN_ROTATE_COUNT, maxRotateCount = DEFAULT_MAX_ROTATE_COUNT, swapAnimation = DEFAULT_SWAP_ANIMATION, colSizes, rowMode, } = props;
25
+ const { animated, title, text, theme, items, countMobile, countDesktop, minRotateCount = DEFAULT_MIN_ROTATE_COUNT, maxRotateCount = DEFAULT_MAX_ROTATE_COUNT, swapAnimation = DEFAULT_SWAP_ANIMATION, colSizes, rowMode, } = props;
26
26
  const breakpoint = useWindowBreakpoint();
27
27
  const activeCount = countDesktop !== undefined && breakpoint >= BREAKPOINTS.md ? countDesktop : countMobile;
28
28
  // Индексы логотипов, которые участвуют в ротации (не статичные)
@@ -143,13 +143,11 @@ export const LogoRotatorBlock = (props) => {
143
143
  swapAnimation,
144
144
  transitions,
145
145
  ]);
146
- const titleProps = !title || typeof title === 'string'
147
- ? { text: title, textSize: 'l' }
148
- : title;
149
- const hasTitle = Boolean(title);
150
146
  return (React.createElement(AnimateBlock, { className: b({ theme }), animate: animated },
151
147
  React.createElement("div", { className: b('root') },
152
- hasTitle && (React.createElement(Title, { title: titleProps, className: b('title'), colSizes: { all: 12 } })),
148
+ title || text ? (React.createElement("div", { className: b('head') },
149
+ title && React.createElement("h2", { className: b('title') }, title),
150
+ text && React.createElement("div", { className: b('text') }, text))) : null,
153
151
  rowMode ? (React.createElement("div", { className: b('row-items') }, slots.map((slot, index) => {
154
152
  var _a;
155
153
  const transition = transitions[index];
package/build/esm/blocks/LogoRotator/schema.d.ts CHANGED
@@ -4,160 +4,10 @@ export declare const LogoRotatorBlock: {
4
4
  required: string[];
5
5
  properties: {
6
6
  title: {
7
- oneOf: ({
8
- type: string;
9
- contentType: string;
10
- optionName: string;
11
- } | {
12
- optionName: string;
13
- type: string;
14
- additionalProperties: boolean;
15
- required: string[];
16
- properties: {
17
- text: {
18
- type: string;
19
- contentType: string;
20
- };
21
- link: {
22
- type: string;
23
- additionalProperties: boolean;
24
- required: string[];
25
- properties: {
26
- text: {
27
- type: string;
28
- contentType: string;
29
- };
30
- url: {
31
- type: string;
32
- };
33
- urlTitle: {
34
- type: string;
35
- };
36
- arrow: {
37
- type: string;
38
- };
39
- theme: {
40
- type: string;
41
- enum: string[];
42
- };
43
- textSize: {
44
- type: string;
45
- enum: string[];
46
- };
47
- target: {
48
- type: string;
49
- enum: string[];
50
- };
51
- analyticsEvents: {
52
- oneOf: ({
53
- optionName: string;
54
- type: string;
55
- additionalProperties: {
56
- type: string;
57
- };
58
- required: string[];
59
- properties: {
60
- name: {
61
- type: string;
62
- };
63
- type: {
64
- type: string;
65
- };
66
- counters: {
67
- type: string;
68
- additionalProperties: boolean;
69
- required: never[];
70
- properties: {
71
- include: {
72
- type: string;
73
- items: {
74
- type: string;
75
- };
76
- };
77
- exclude: {
78
- type: string;
79
- items: {
80
- type: string;
81
- };
82
- };
83
- };
84
- };
85
- context: {
86
- type: string;
87
- };
88
- };
89
- items?: undefined;
90
- } | {
91
- type: string;
92
- items: {
93
- type: string;
94
- additionalProperties: {
95
- type: string;
96
- };
97
- required: string[];
98
- properties: {
99
- name: {
100
- type: string;
101
- };
102
- type: {
103
- type: string;
104
- };
105
- counters: {
106
- type: string;
107
- additionalProperties: boolean;
108
- required: never[];
109
- properties: {
110
- include: {
111
- type: string;
112
- items: {
113
- type: string;
114
- };
115
- };
116
- exclude: {
117
- type: string;
118
- items: {
119
- type: string;
120
- };
121
- };
122
- };
123
- };
124
- context: {
125
- type: string;
126
- };
127
- };
128
- };
129
- optionName: string;
130
- })[];
131
- };
132
- type: {};
133
- when: {
134
- type: string;
135
- };
136
- };
137
- };
138
- textSize: {
139
- type: string;
140
- enum: string[];
141
- };
142
- bottomSpace: {
143
- type: string;
144
- enum: string[];
145
- };
146
- centered: {
147
- type: string;
148
- };
149
- url: {
150
- type: string;
151
- };
152
- urlTitle: {
153
- type: string;
154
- };
155
- resetMargin: {
156
- type: string;
157
- };
158
- };
159
- contentType?: undefined;
160
- })[];
7
+ type: string;
8
+ };
9
+ text: {
10
+ type: string;
161
11
  };
162
12
  theme: {
163
13
  type: string;
package/build/esm/blocks/LogoRotator/schema.js CHANGED
@@ -1,17 +1,12 @@
1
- import { AnimatableProps, BaseProps, ThemeProps, TitleProps, containerSizesObject, } from '../../schema/validators/common';
1
+ import { AnimatableProps, BaseProps, ThemeProps, containerSizesObject, } from '../../schema/validators/common';
2
2
  export const LogoRotatorBlock = {
3
3
  'logo-rotator-block': {
4
4
  additionalProperties: false,
5
5
  required: ['items', 'countMobile'],
6
6
  properties: Object.assign(Object.assign(Object.assign({}, BaseProps), AnimatableProps), { title: {
7
- oneOf: [
8
- {
9
- type: 'string',
10
- contentType: 'text',
11
- optionName: 'text',
12
- },
13
- Object.assign(Object.assign({}, TitleProps), { optionName: 'options' }),
14
- ],
7
+ type: 'string',
8
+ }, text: {
9
+ type: 'string',
15
10
  }, theme: ThemeProps, items: {
16
11
  type: 'array',
17
12
  items: {
package/build/esm/blocks/UnicornCards/UnicornCards.css CHANGED
@@ -13,10 +13,48 @@ unpredictable css rules order in build */
13
13
  transition-delay: 0s;
14
14
  }
15
15
  }
16
- .pc-unicorn-cards-block__title {
17
- margin-bottom: 48px;
16
+ .pc-unicorn-cards-block__root {
17
+ display: flex;
18
+ flex-direction: column;
19
+ gap: 48px;
20
+ }
21
+ .pc-unicorn-cards-block__head {
22
+ display: flex;
23
+ flex-direction: column;
24
+ gap: 16px;
25
+ align-items: center;
18
26
  text-align: center;
19
27
  }
28
+ @media (max-width: 769px) {
29
+ .pc-unicorn-cards-block__head {
30
+ align-items: initial;
31
+ text-align: initial;
32
+ }
33
+ }
34
+ .pc-unicorn-cards-block__title {
35
+ font-size: var(--g-text-display-4-font-size, var(--pc-text-display-4-font-size));
36
+ line-height: var(--g-text-display-4-line-height, var(--pc-text-display-4-line-height));
37
+ margin: 0;
38
+ font-weight: var(--g-text-accent-font-weight);
39
+ color: var(--g-color-text-primary);
40
+ }
41
+ @media (max-width: 769px) {
42
+ .pc-unicorn-cards-block__title {
43
+ font-size: var(--g-text-display-1-font-size, var(--pc-text-display-1-font-size));
44
+ line-height: var(--g-text-display-1-line-height, var(--pc-text-display-1-line-height));
45
+ }
46
+ }
47
+ .pc-unicorn-cards-block__text {
48
+ font-size: 24px;
49
+ line-height: 28px;
50
+ opacity: 0.6;
51
+ }
52
+ @media (max-width: 769px) {
53
+ .pc-unicorn-cards-block__text {
54
+ font-size: var(--g-text-body-3-font-size, var(--pc-text-body-3-font-size));
55
+ line-height: var(--g-text-body-3-line-height, var(--pc-text-body-3-line-height));
56
+ }
57
+ }
20
58
  .pc-unicorn-cards-block__items {
21
59
  row-gap: 16px;
22
60
  }
package/build/esm/blocks/UnicornCards/UnicornCards.js CHANGED
@@ -1,5 +1,4 @@
1
1
  import React from 'react';
2
- import { Title } from '../../components';
3
2
  import AnimateBlock from '../../components/AnimateBlock/AnimateBlock';
4
3
  import { Col, Grid, Row } from '../../grid';
5
4
  import { block } from '../../utils';
@@ -8,14 +7,12 @@ import './UnicornCards.css';
8
7
  const b = block('unicorn-cards-block');
9
8
  const colSizes = { all: 12, xl: 3, lg: 4, md: 6 };
10
9
  export const UnicornCardsBlock = (props) => {
11
- const { animated, title, items, unicornSdkUrl } = props;
12
- const titleProps = !title || typeof title === 'string'
13
- ? { text: title, textSize: 'l' }
14
- : title;
15
- const hasTitle = Boolean(title);
10
+ const { animated, title, text, items, unicornSdkUrl } = props;
16
11
  return (React.createElement(AnimateBlock, { className: b(), animate: animated },
17
12
  React.createElement("div", { className: b('root') },
18
- hasTitle && (React.createElement(Title, { title: titleProps, className: b('title'), colSizes: { all: 12 } })),
13
+ title || text ? (React.createElement("div", { className: b('head') },
14
+ title && React.createElement("h2", { className: b('title') }, title),
15
+ text && React.createElement("div", { className: b('text') }, text))) : null,
19
16
  React.createElement(Grid, null,
20
17
  React.createElement(Row, { className: b('items') }, items === null || items === void 0 ? void 0 : items.map((item, index) => (React.createElement(Col, { key: index, sizes: colSizes },
21
18
  React.createElement(Item, Object.assign({ unicornSdkUrl: unicornSdkUrl }, item))))))))));
package/build/esm/blocks/UnicornCards/schema.d.ts CHANGED
@@ -4,160 +4,10 @@ export declare const UnicornCardsBlock: {
4
4
  required: boolean;
5
5
  properties: {
6
6
  title: {
7
- oneOf: ({
8
- type: string;
9
- contentType: string;
10
- optionName: string;
11
- } | {
12
- optionName: string;
13
- type: string;
14
- additionalProperties: boolean;
15
- required: string[];
16
- properties: {
17
- text: {
18
- type: string;
19
- contentType: string;
20
- };
21
- link: {
22
- type: string;
23
- additionalProperties: boolean;
24
- required: string[];
25
- properties: {
26
- text: {
27
- type: string;
28
- contentType: string;
29
- };
30
- url: {
31
- type: string;
32
- };
33
- urlTitle: {
34
- type: string;
35
- };
36
- arrow: {
37
- type: string;
38
- };
39
- theme: {
40
- type: string;
41
- enum: string[];
42
- };
43
- textSize: {
44
- type: string;
45
- enum: string[];
46
- };
47
- target: {
48
- type: string;
49
- enum: string[];
50
- };
51
- analyticsEvents: {
52
- oneOf: ({
53
- optionName: string;
54
- type: string;
55
- additionalProperties: {
56
- type: string;
57
- };
58
- required: string[];
59
- properties: {
60
- name: {
61
- type: string;
62
- };
63
- type: {
64
- type: string;
65
- };
66
- counters: {
67
- type: string;
68
- additionalProperties: boolean;
69
- required: never[];
70
- properties: {
71
- include: {
72
- type: string;
73
- items: {
74
- type: string;
75
- };
76
- };
77
- exclude: {
78
- type: string;
79
- items: {
80
- type: string;
81
- };
82
- };
83
- };
84
- };
85
- context: {
86
- type: string;
87
- };
88
- };
89
- items?: undefined;
90
- } | {
91
- type: string;
92
- items: {
93
- type: string;
94
- additionalProperties: {
95
- type: string;
96
- };
97
- required: string[];
98
- properties: {
99
- name: {
100
- type: string;
101
- };
102
- type: {
103
- type: string;
104
- };
105
- counters: {
106
- type: string;
107
- additionalProperties: boolean;
108
- required: never[];
109
- properties: {
110
- include: {
111
- type: string;
112
- items: {
113
- type: string;
114
- };
115
- };
116
- exclude: {
117
- type: string;
118
- items: {
119
- type: string;
120
- };
121
- };
122
- };
123
- };
124
- context: {
125
- type: string;
126
- };
127
- };
128
- };
129
- optionName: string;
130
- })[];
131
- };
132
- type: {};
133
- when: {
134
- type: string;
135
- };
136
- };
137
- };
138
- textSize: {
139
- type: string;
140
- enum: string[];
141
- };
142
- bottomSpace: {
143
- type: string;
144
- enum: string[];
145
- };
146
- centered: {
147
- type: string;
148
- };
149
- url: {
150
- type: string;
151
- };
152
- urlTitle: {
153
- type: string;
154
- };
155
- resetMargin: {
156
- type: string;
157
- };
158
- };
159
- contentType?: undefined;
160
- })[];
7
+ type: string;
8
+ };
9
+ text: {
10
+ type: string;
161
11
  };
162
12
  unicornSdkUrl: {
163
13
  type: string;
package/build/esm/blocks/UnicornCards/schema.js CHANGED
@@ -1,18 +1,9 @@
1
- import { AnimatableProps, BaseProps, TitleProps } from '../../schema/validators/common';
1
+ import { AnimatableProps, BaseProps } from '../../schema/validators/common';
2
2
  export const UnicornCardsBlock = {
3
3
  'unicorn-cards-block': {
4
4
  additionalProperties: false,
5
5
  required: false,
6
- properties: Object.assign(Object.assign(Object.assign({}, BaseProps), AnimatableProps), { title: {
7
- oneOf: [
8
- {
9
- type: 'string',
10
- contentType: 'text',
11
- optionName: 'text',
12
- },
13
- Object.assign(Object.assign({}, TitleProps), { optionName: 'options' }),
14
- ],
15
- }, unicornSdkUrl: { type: 'string' }, items: {
6
+ properties: Object.assign(Object.assign(Object.assign({}, BaseProps), AnimatableProps), { title: { type: 'string' }, text: { type: 'string' }, unicornSdkUrl: { type: 'string' }, items: {
16
7
  type: 'array',
17
8
  items: {
18
9
  type: 'object',
package/build/esm/models/constructor-items/blocks.d.ts CHANGED
@@ -302,7 +302,8 @@ export interface QuestionBlockItemProps extends QuestionItem {
302
302
  export interface BannerBlockProps extends BannerCardProps, Animatable {
303
303
  }
304
304
  export interface LogoRotatorBlockProps extends Animatable {
305
- title?: TitleItemBaseProps | string;
305
+ title?: string;
306
+ text?: string;
306
307
  items: {
307
308
  url?: string;
308
309
  src: string;
@@ -325,7 +326,8 @@ export type UnicornCardsItemProps = {
325
326
  previewImage?: string;
326
327
  };
327
328
  export interface UnicornCardsBlockProps extends Animatable {
328
- title?: TitleItemBaseProps | string;
329
+ title?: string;
330
+ text?: string;
329
331
  items?: UnicornCardsItemProps[];
330
332
  unicornSdkUrl?: string;
331
333
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@doyourjob/gravity-ui-page-constructor",
3
- "version": "5.31.261",
3
+ "version": "5.31.262",
4
4
  "description": "Gravity UI Page Constructor",
5
5
  "license": "MIT",
6
6
  "repository": {