@gravity-ui/page-constructor 4.23.0-alpha.0 → 4.24.0-alpha.0

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 (27) hide show
  1. package/build/cjs/blocks/Header/schema.d.ts +105 -5
  2. package/build/cjs/blocks/HeaderSlider/schema.d.ts +42 -2
  3. package/build/cjs/blocks/Media/schema.d.ts +42 -2
  4. package/build/cjs/blocks/PromoFeaturesBlock/schema.d.ts +21 -1
  5. package/build/cjs/blocks/Table/schema.d.ts +3 -0
  6. package/build/cjs/blocks/Table/schema.js +2 -0
  7. package/build/cjs/blocks/Tabs/schema.d.ts +21 -1
  8. package/build/cjs/schema/constants.d.ts +21 -1
  9. package/build/cjs/schema/validators/common.d.ts +84 -5
  10. package/build/cjs/schema/validators/common.js +32 -2
  11. package/build/cjs/sub-blocks/LayoutItem/schema.d.ts +21 -1
  12. package/build/cjs/sub-blocks/MediaCard/schema.d.ts +21 -1
  13. package/build/esm/blocks/Header/schema.d.ts +105 -5
  14. package/build/esm/blocks/HeaderSlider/schema.d.ts +42 -2
  15. package/build/esm/blocks/Media/schema.d.ts +42 -2
  16. package/build/esm/blocks/PromoFeaturesBlock/schema.d.ts +21 -1
  17. package/build/esm/blocks/Table/schema.d.ts +3 -0
  18. package/build/esm/blocks/Table/schema.js +2 -0
  19. package/build/esm/blocks/Tabs/schema.d.ts +21 -1
  20. package/build/esm/schema/constants.d.ts +21 -1
  21. package/build/esm/schema/validators/common.d.ts +84 -5
  22. package/build/esm/schema/validators/common.js +32 -2
  23. package/build/esm/sub-blocks/LayoutItem/schema.d.ts +21 -1
  24. package/build/esm/sub-blocks/MediaCard/schema.d.ts +21 -1
  25. package/package.json +3 -3
  26. package/styles/mixins.scss +57 -0
  27. package/widget/index.js +1 -1
package/build/esm/blocks/Header/schema.d.ts CHANGED
@@ -111,7 +111,27 @@ export declare const HeaderBackgroundProps: {
111
111
  };
112
112
  controls: {
113
113
  type: string;
114
- enum: string[];
114
+ enum: import("../..").MediaVideoControlsType[];
115
+ };
116
+ customControlsOptions: {
117
+ type: string;
118
+ additionalProperties: boolean;
119
+ properties: {
120
+ type: {
121
+ type: string;
122
+ enum: import("../..").CustomControlsType[];
123
+ };
124
+ muteButtonShown: {
125
+ type: string;
126
+ };
127
+ positioning: {
128
+ type: string;
129
+ enum: import("../..").CustomControlsButtonPositioning[];
130
+ };
131
+ };
132
+ };
133
+ ariaLabel: {
134
+ type: string;
115
135
  };
116
136
  };
117
137
  };
@@ -351,7 +371,27 @@ export declare const HeaderProperties: {
351
371
  };
352
372
  controls: {
353
373
  type: string;
354
- enum: string[];
374
+ enum: import("../..").MediaVideoControlsType[];
375
+ };
376
+ customControlsOptions: {
377
+ type: string;
378
+ additionalProperties: boolean;
379
+ properties: {
380
+ type: {
381
+ type: string;
382
+ enum: import("../..").CustomControlsType[];
383
+ };
384
+ muteButtonShown: {
385
+ type: string;
386
+ };
387
+ positioning: {
388
+ type: string;
389
+ enum: import("../..").CustomControlsButtonPositioning[];
390
+ };
391
+ };
392
+ };
393
+ ariaLabel: {
394
+ type: string;
355
395
  };
356
396
  };
357
397
  } & {
@@ -499,7 +539,27 @@ export declare const HeaderProperties: {
499
539
  };
500
540
  controls: {
501
541
  type: string;
502
- enum: string[];
542
+ enum: import("../..").MediaVideoControlsType[];
543
+ };
544
+ customControlsOptions: {
545
+ type: string;
546
+ additionalProperties: boolean;
547
+ properties: {
548
+ type: {
549
+ type: string;
550
+ enum: import("../..").CustomControlsType[];
551
+ };
552
+ muteButtonShown: {
553
+ type: string;
554
+ };
555
+ positioning: {
556
+ type: string;
557
+ enum: import("../..").CustomControlsButtonPositioning[];
558
+ };
559
+ };
560
+ };
561
+ ariaLabel: {
562
+ type: string;
503
563
  };
504
564
  };
505
565
  };
@@ -788,7 +848,27 @@ export declare const HeaderBlock: {
788
848
  };
789
849
  controls: {
790
850
  type: string;
791
- enum: string[];
851
+ enum: import("../..").MediaVideoControlsType[];
852
+ };
853
+ customControlsOptions: {
854
+ type: string;
855
+ additionalProperties: boolean;
856
+ properties: {
857
+ type: {
858
+ type: string;
859
+ enum: import("../..").CustomControlsType[];
860
+ };
861
+ muteButtonShown: {
862
+ type: string;
863
+ };
864
+ positioning: {
865
+ type: string;
866
+ enum: import("../..").CustomControlsButtonPositioning[];
867
+ };
868
+ };
869
+ };
870
+ ariaLabel: {
871
+ type: string;
792
872
  };
793
873
  };
794
874
  } & {
@@ -936,7 +1016,27 @@ export declare const HeaderBlock: {
936
1016
  };
937
1017
  controls: {
938
1018
  type: string;
939
- enum: string[];
1019
+ enum: import("../..").MediaVideoControlsType[];
1020
+ };
1021
+ customControlsOptions: {
1022
+ type: string;
1023
+ additionalProperties: boolean;
1024
+ properties: {
1025
+ type: {
1026
+ type: string;
1027
+ enum: import("../..").CustomControlsType[];
1028
+ };
1029
+ muteButtonShown: {
1030
+ type: string;
1031
+ };
1032
+ positioning: {
1033
+ type: string;
1034
+ enum: import("../..").CustomControlsButtonPositioning[];
1035
+ };
1036
+ };
1037
+ };
1038
+ ariaLabel: {
1039
+ type: string;
940
1040
  };
941
1041
  };
942
1042
  };
package/build/esm/blocks/HeaderSlider/schema.d.ts CHANGED
@@ -130,7 +130,27 @@ export declare const HeaderSliderBlock: {
130
130
  };
131
131
  controls: {
132
132
  type: string;
133
- enum: string[];
133
+ enum: import("../..").MediaVideoControlsType[];
134
+ };
135
+ customControlsOptions: {
136
+ type: string;
137
+ additionalProperties: boolean;
138
+ properties: {
139
+ type: {
140
+ type: string;
141
+ enum: import("../..").CustomControlsType[];
142
+ };
143
+ muteButtonShown: {
144
+ type: string;
145
+ };
146
+ positioning: {
147
+ type: string;
148
+ enum: import("../..").CustomControlsButtonPositioning[];
149
+ };
150
+ };
151
+ };
152
+ ariaLabel: {
153
+ type: string;
134
154
  };
135
155
  };
136
156
  } & {
@@ -278,7 +298,27 @@ export declare const HeaderSliderBlock: {
278
298
  };
279
299
  controls: {
280
300
  type: string;
281
- enum: string[];
301
+ enum: import("../..").MediaVideoControlsType[];
302
+ };
303
+ customControlsOptions: {
304
+ type: string;
305
+ additionalProperties: boolean;
306
+ properties: {
307
+ type: {
308
+ type: string;
309
+ enum: import("../..").CustomControlsType[];
310
+ };
311
+ muteButtonShown: {
312
+ type: string;
313
+ };
314
+ positioning: {
315
+ type: string;
316
+ enum: import("../..").CustomControlsButtonPositioning[];
317
+ };
318
+ };
319
+ };
320
+ ariaLabel: {
321
+ type: string;
282
322
  };
283
323
  };
284
324
  };
package/build/esm/blocks/Media/schema.d.ts CHANGED
@@ -105,7 +105,27 @@ export declare const Media: {
105
105
  };
106
106
  controls: {
107
107
  type: string;
108
- enum: string[];
108
+ enum: import("../..").MediaVideoControlsType[];
109
+ };
110
+ customControlsOptions: {
111
+ type: string;
112
+ additionalProperties: boolean;
113
+ properties: {
114
+ type: {
115
+ type: string;
116
+ enum: import("../..").CustomControlsType[];
117
+ };
118
+ muteButtonShown: {
119
+ type: string;
120
+ };
121
+ positioning: {
122
+ type: string;
123
+ enum: import("../..").CustomControlsButtonPositioning[];
124
+ };
125
+ };
126
+ };
127
+ ariaLabel: {
128
+ type: string;
109
129
  };
110
130
  };
111
131
  };
@@ -698,7 +718,27 @@ export declare const MediaBlock: {
698
718
  };
699
719
  controls: {
700
720
  type: string;
701
- enum: string[];
721
+ enum: import("../..").MediaVideoControlsType[];
722
+ };
723
+ customControlsOptions: {
724
+ type: string;
725
+ additionalProperties: boolean;
726
+ properties: {
727
+ type: {
728
+ type: string;
729
+ enum: import("../..").CustomControlsType[];
730
+ };
731
+ muteButtonShown: {
732
+ type: string;
733
+ };
734
+ positioning: {
735
+ type: string;
736
+ enum: import("../..").CustomControlsButtonPositioning[];
737
+ };
738
+ };
739
+ };
740
+ ariaLabel: {
741
+ type: string;
702
742
  };
703
743
  };
704
744
  };
package/build/esm/blocks/PromoFeaturesBlock/schema.d.ts CHANGED
@@ -121,7 +121,27 @@ export declare const PromoFeaturesItem: {
121
121
  };
122
122
  controls: {
123
123
  type: string;
124
- enum: string[];
124
+ enum: import("../..").MediaVideoControlsType[];
125
+ };
126
+ customControlsOptions: {
127
+ type: string;
128
+ additionalProperties: boolean;
129
+ properties: {
130
+ type: {
131
+ type: string;
132
+ enum: import("../..").CustomControlsType[];
133
+ };
134
+ muteButtonShown: {
135
+ type: string;
136
+ };
137
+ positioning: {
138
+ type: string;
139
+ enum: import("../..").CustomControlsButtonPositioning[];
140
+ };
141
+ };
142
+ };
143
+ ariaLabel: {
144
+ type: string;
125
145
  };
126
146
  };
127
147
  };
package/build/esm/blocks/Table/schema.d.ts CHANGED
@@ -45,6 +45,9 @@ export declare const TableBlock: {
45
45
  type: string;
46
46
  enum: string[];
47
47
  };
48
+ caption: {
49
+ type: string;
50
+ };
48
51
  type: {};
49
52
  when: {
50
53
  type: string;
package/build/esm/blocks/Table/schema.js CHANGED
@@ -42,6 +42,8 @@ export const TableBlock = {
42
42
  }, marker: {
43
43
  type: 'string',
44
44
  enum: ['disk', 'tick'],
45
+ }, caption: {
46
+ type: 'string',
45
47
  } }),
46
48
  } }),
47
49
  },
package/build/esm/blocks/Tabs/schema.d.ts CHANGED
@@ -116,7 +116,27 @@ export declare const tabsItem: {
116
116
  };
117
117
  controls: {
118
118
  type: string;
119
- enum: string[];
119
+ enum: import("../..").MediaVideoControlsType[];
120
+ };
121
+ customControlsOptions: {
122
+ type: string;
123
+ additionalProperties: boolean;
124
+ properties: {
125
+ type: {
126
+ type: string;
127
+ enum: import("../..").CustomControlsType[];
128
+ };
129
+ muteButtonShown: {
130
+ type: string;
131
+ };
132
+ positioning: {
133
+ type: string;
134
+ enum: import("../..").CustomControlsButtonPositioning[];
135
+ };
136
+ };
137
+ };
138
+ ariaLabel: {
139
+ type: string;
120
140
  };
121
141
  };
122
142
  };
package/build/esm/schema/constants.d.ts CHANGED
@@ -994,7 +994,27 @@ export declare const cardSchemas: {
994
994
  };
995
995
  controls: {
996
996
  type: string;
997
- enum: string[];
997
+ enum: import("../models").MediaVideoControlsType[];
998
+ };
999
+ customControlsOptions: {
1000
+ type: string;
1001
+ additionalProperties: boolean;
1002
+ properties: {
1003
+ type: {
1004
+ type: string;
1005
+ enum: import("../models").CustomControlsType[];
1006
+ };
1007
+ muteButtonShown: {
1008
+ type: string;
1009
+ };
1010
+ positioning: {
1011
+ type: string;
1012
+ enum: import("../models").CustomControlsButtonPositioning[];
1013
+ };
1014
+ };
1015
+ };
1016
+ ariaLabel: {
1017
+ type: string;
998
1018
  };
999
1019
  };
1000
1020
  };
package/build/esm/schema/validators/common.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { Theme } from '../../models';
1
+ import { CustomControlsButtonPositioning, CustomControlsType, MediaVideoControlsType, Theme } from '../../models';
2
2
  export declare const mediaDirection: string[];
3
3
  export declare const textSize: string[];
4
4
  export declare const containerSizesArray: string[];
@@ -8,7 +8,7 @@ export declare const contentTextWidth: string[];
8
8
  export declare const videoTypes: string[];
9
9
  export declare const playIconTypes: string[];
10
10
  export declare const playIconThemes: string[];
11
- export declare const videoControlsTypes: string[];
11
+ export declare const videoControlsTypes: MediaVideoControlsType[];
12
12
  export declare const fileLinkTypes: string[];
13
13
  export declare const dividerEnum: {
14
14
  enum: (string | number)[];
@@ -19,6 +19,8 @@ export declare const sizeNumber: {
19
19
  minimum: number;
20
20
  };
21
21
  export declare const contentThemes: string[];
22
+ export declare const customControlsType: CustomControlsType[];
23
+ export declare const customControlsButtonPositioning: CustomControlsButtonPositioning[];
22
24
  export declare const BaseProps: {
23
25
  type: {};
24
26
  when: {
@@ -91,6 +93,23 @@ export declare const PlayButtonProps: {
91
93
  };
92
94
  };
93
95
  };
96
+ export declare const CustomControlsOptionsProps: {
97
+ type: string;
98
+ additionalProperties: boolean;
99
+ properties: {
100
+ type: {
101
+ type: string;
102
+ enum: CustomControlsType[];
103
+ };
104
+ muteButtonShown: {
105
+ type: string;
106
+ };
107
+ positioning: {
108
+ type: string;
109
+ enum: CustomControlsButtonPositioning[];
110
+ };
111
+ };
112
+ };
94
113
  export declare const VideoProps: {
95
114
  type: string;
96
115
  additionalProperties: boolean;
@@ -154,7 +173,27 @@ export declare const VideoProps: {
154
173
  };
155
174
  controls: {
156
175
  type: string;
157
- enum: string[];
176
+ enum: MediaVideoControlsType[];
177
+ };
178
+ customControlsOptions: {
179
+ type: string;
180
+ additionalProperties: boolean;
181
+ properties: {
182
+ type: {
183
+ type: string;
184
+ enum: CustomControlsType[];
185
+ };
186
+ muteButtonShown: {
187
+ type: string;
188
+ };
189
+ positioning: {
190
+ type: string;
191
+ enum: CustomControlsButtonPositioning[];
192
+ };
193
+ };
194
+ };
195
+ ariaLabel: {
196
+ type: string;
158
197
  };
159
198
  };
160
199
  };
@@ -283,7 +322,27 @@ export declare const BackgroundProps: {
283
322
  };
284
323
  controls: {
285
324
  type: string;
286
- enum: string[];
325
+ enum: MediaVideoControlsType[];
326
+ };
327
+ customControlsOptions: {
328
+ type: string;
329
+ additionalProperties: boolean;
330
+ properties: {
331
+ type: {
332
+ type: string;
333
+ enum: CustomControlsType[];
334
+ };
335
+ muteButtonShown: {
336
+ type: string;
337
+ };
338
+ positioning: {
339
+ type: string;
340
+ enum: CustomControlsButtonPositioning[];
341
+ };
342
+ };
343
+ };
344
+ ariaLabel: {
345
+ type: string;
287
346
  };
288
347
  };
289
348
  };
@@ -1125,7 +1184,27 @@ export declare const MediaProps: {
1125
1184
  };
1126
1185
  controls: {
1127
1186
  type: string;
1128
- enum: string[];
1187
+ enum: MediaVideoControlsType[];
1188
+ };
1189
+ customControlsOptions: {
1190
+ type: string;
1191
+ additionalProperties: boolean;
1192
+ properties: {
1193
+ type: {
1194
+ type: string;
1195
+ enum: CustomControlsType[];
1196
+ };
1197
+ muteButtonShown: {
1198
+ type: string;
1199
+ };
1200
+ positioning: {
1201
+ type: string;
1202
+ enum: CustomControlsButtonPositioning[];
1203
+ };
1204
+ };
1205
+ };
1206
+ ariaLabel: {
1207
+ type: string;
1129
1208
  };
1130
1209
  };
1131
1210
  };
package/build/esm/schema/validators/common.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { ImageProps, imageUrlPattern } from '../../components/Image/schema';
2
- import { Theme } from '../../models';
2
+ import { CustomControlsButtonPositioning, CustomControlsType, MediaVideoControlsType, Theme, } from '../../models';
3
3
  import { AnalyticsEventSchema } from './event';
4
4
  import { pixelEvents } from './pixel';
5
5
  export const mediaDirection = ['media-content', 'content-media'];
@@ -11,11 +11,20 @@ export const contentTextWidth = ['s', 'm', 'l'];
11
11
  export const videoTypes = ['default', 'player'];
12
12
  export const playIconTypes = ['default', 'text'];
13
13
  export const playIconThemes = ['blue', 'grey'];
14
- export const videoControlsTypes = ['default', 'custom'];
14
+ export const videoControlsTypes = [MediaVideoControlsType.Default, MediaVideoControlsType.Custom];
15
15
  export const fileLinkTypes = ['vertical', 'horizontal'];
16
16
  export const dividerEnum = { enum: [0, 'xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl', 'xxxl'] };
17
17
  export const sizeNumber = { type: 'number', maximum: 12, minimum: 1 };
18
18
  export const contentThemes = ['default', 'dark', 'light'];
19
+ export const customControlsType = [
20
+ CustomControlsType.WithMuteButton,
21
+ CustomControlsType.WithPlayPauseButton,
22
+ ];
23
+ export const customControlsButtonPositioning = [
24
+ CustomControlsButtonPositioning.Center,
25
+ CustomControlsButtonPositioning.Left,
26
+ CustomControlsButtonPositioning.Right,
27
+ ];
19
28
  export const BaseProps = {
20
29
  type: {},
21
30
  when: {
@@ -85,6 +94,23 @@ export const PlayButtonProps = {
85
94
  },
86
95
  },
87
96
  };
97
+ export const CustomControlsOptionsProps = {
98
+ type: 'object',
99
+ additionalProperties: false,
100
+ properties: {
101
+ type: {
102
+ type: 'string',
103
+ enum: customControlsType,
104
+ },
105
+ muteButtonShown: {
106
+ type: 'boolean',
107
+ },
108
+ positioning: {
109
+ type: 'string',
110
+ enum: customControlsButtonPositioning,
111
+ },
112
+ },
113
+ };
88
114
  export const VideoProps = {
89
115
  type: 'object',
90
116
  additionalProperties: false,
@@ -123,6 +149,10 @@ export const VideoProps = {
123
149
  type: 'string',
124
150
  enum: videoControlsTypes,
125
151
  },
152
+ customControlsOptions: CustomControlsOptionsProps,
153
+ ariaLabel: {
154
+ type: 'string',
155
+ },
126
156
  },
127
157
  };
128
158
  export const ThemeProps = {
package/build/esm/sub-blocks/LayoutItem/schema.d.ts CHANGED
@@ -106,7 +106,27 @@ export declare const LayoutItem: {
106
106
  };
107
107
  controls: {
108
108
  type: string;
109
- enum: string[];
109
+ enum: import("../..").MediaVideoControlsType[];
110
+ };
111
+ customControlsOptions: {
112
+ type: string;
113
+ additionalProperties: boolean;
114
+ properties: {
115
+ type: {
116
+ type: string;
117
+ enum: import("../..").CustomControlsType[];
118
+ };
119
+ muteButtonShown: {
120
+ type: string;
121
+ };
122
+ positioning: {
123
+ type: string;
124
+ enum: import("../..").CustomControlsButtonPositioning[];
125
+ };
126
+ };
127
+ };
128
+ ariaLabel: {
129
+ type: string;
110
130
  };
111
131
  };
112
132
  };
package/build/esm/sub-blocks/MediaCard/schema.d.ts CHANGED
@@ -189,7 +189,27 @@ export declare const MediaCardBlock: {
189
189
  };
190
190
  controls: {
191
191
  type: string;
192
- enum: string[];
192
+ enum: import("../..").MediaVideoControlsType[];
193
+ };
194
+ customControlsOptions: {
195
+ type: string;
196
+ additionalProperties: boolean;
197
+ properties: {
198
+ type: {
199
+ type: string;
200
+ enum: import("../..").CustomControlsType[];
201
+ };
202
+ muteButtonShown: {
203
+ type: string;
204
+ };
205
+ positioning: {
206
+ type: string;
207
+ enum: import("../..").CustomControlsButtonPositioning[];
208
+ };
209
+ };
210
+ };
211
+ ariaLabel: {
212
+ type: string;
193
213
  };
194
214
  };
195
215
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gravity-ui/page-constructor",
3
- "version": "4.23.0-alpha.0",
3
+ "version": "4.24.0-alpha.0",
4
4
  "description": "Gravity UI Page Constructor",
5
5
  "license": "MIT",
6
6
  "repository": {
@@ -104,7 +104,7 @@
104
104
  },
105
105
  "peerDependencies": {
106
106
  "@doc-tools/transform": "^3.3.2",
107
- "@gravity-ui/uikit": "^5.12.2",
107
+ "@gravity-ui/uikit": "^5.4.1",
108
108
  "react": "^16.0.0 || ^17.0.0 || ^18.0.0"
109
109
  },
110
110
  "devDependencies": {
@@ -120,7 +120,7 @@
120
120
  "@gravity-ui/prettier-config": "^1.0.1",
121
121
  "@gravity-ui/stylelint-config": "^1.0.0",
122
122
  "@gravity-ui/tsconfig": "^1.0.0",
123
- "@gravity-ui/uikit": "^5.12.2",
123
+ "@gravity-ui/uikit": "^5.9.1",
124
124
  "@storybook/addon-actions": "^7.1.0",
125
125
  "@storybook/addon-essentials": "^7.1.0",
126
126
  "@storybook/addon-knobs": "^7.0.2",