@gravity-ui/page-constructor 4.22.0 → 4.23.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 (26) 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 +1 -1
  26. package/styles/mixins.scss +57 -0
package/build/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/blocks/Table/schema.js CHANGED
@@ -45,6 +45,8 @@ exports.TableBlock = {
45
45
  }, marker: {
46
46
  type: 'string',
47
47
  enum: ['disk', 'tick'],
48
+ }, caption: {
49
+ type: 'string',
48
50
  } }),
49
51
  } }),
50
52
  },
package/build/cjs/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/cjs/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/cjs/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/cjs/schema/validators/common.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.BlockHeaderProps = exports.CardBase = exports.MapProps = exports.YMapMarker = exports.YMapMarkerLabel = exports.MediaProps = exports.ButtonBlock = exports.TitleProps = exports.BlockBaseProps = exports.AnchorProps = exports.withTheme = exports.MenuProps = exports.ButtonProps = exports.authorItem = exports.FileLinkProps = exports.LinkProps = exports.BackgroundProps = exports.DataLensProps = exports.DataLensObjectProps = exports.JustifyProps = exports.ThemeProps = exports.VideoProps = exports.PlayButtonProps = exports.LoopProps = exports.ChildrenCardsProps = exports.ChildrenProps = exports.AnimatableProps = exports.sliderSizesObject = exports.containerSizesObject = exports.BaseProps = exports.contentThemes = exports.sizeNumber = exports.dividerEnum = exports.fileLinkTypes = exports.videoControlsTypes = exports.playIconThemes = exports.playIconTypes = exports.videoTypes = exports.contentTextWidth = exports.contentSizes = exports.sliderSizesArray = exports.containerSizesArray = exports.textSize = exports.mediaDirection = void 0;
3
+ exports.BlockHeaderProps = exports.CardBase = exports.MapProps = exports.YMapMarker = exports.YMapMarkerLabel = exports.MediaProps = exports.ButtonBlock = exports.TitleProps = exports.BlockBaseProps = exports.AnchorProps = exports.withTheme = exports.MenuProps = exports.ButtonProps = exports.authorItem = exports.FileLinkProps = exports.LinkProps = exports.BackgroundProps = exports.DataLensProps = exports.DataLensObjectProps = exports.JustifyProps = exports.ThemeProps = exports.VideoProps = exports.CustomControlsOptionsProps = exports.PlayButtonProps = exports.LoopProps = exports.ChildrenCardsProps = exports.ChildrenProps = exports.AnimatableProps = exports.sliderSizesObject = exports.containerSizesObject = exports.BaseProps = exports.customControlsButtonPositioning = exports.customControlsType = exports.contentThemes = exports.sizeNumber = exports.dividerEnum = exports.fileLinkTypes = exports.videoControlsTypes = exports.playIconThemes = exports.playIconTypes = exports.videoTypes = exports.contentTextWidth = exports.contentSizes = exports.sliderSizesArray = exports.containerSizesArray = exports.textSize = exports.mediaDirection = void 0;
4
4
  const schema_1 = require("../../components/Image/schema");
5
5
  const models_1 = require("../../models");
6
6
  const event_1 = require("./event");
@@ -14,11 +14,20 @@ exports.contentTextWidth = ['s', 'm', 'l'];
14
14
  exports.videoTypes = ['default', 'player'];
15
15
  exports.playIconTypes = ['default', 'text'];
16
16
  exports.playIconThemes = ['blue', 'grey'];
17
- exports.videoControlsTypes = ['default', 'custom'];
17
+ exports.videoControlsTypes = [models_1.MediaVideoControlsType.Default, models_1.MediaVideoControlsType.Custom];
18
18
  exports.fileLinkTypes = ['vertical', 'horizontal'];
19
19
  exports.dividerEnum = { enum: [0, 'xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl', 'xxxl'] };
20
20
  exports.sizeNumber = { type: 'number', maximum: 12, minimum: 1 };
21
21
  exports.contentThemes = ['default', 'dark', 'light'];
22
+ exports.customControlsType = [
23
+ models_1.CustomControlsType.WithMuteButton,
24
+ models_1.CustomControlsType.WithPlayPauseButton,
25
+ ];
26
+ exports.customControlsButtonPositioning = [
27
+ models_1.CustomControlsButtonPositioning.Center,
28
+ models_1.CustomControlsButtonPositioning.Left,
29
+ models_1.CustomControlsButtonPositioning.Right,
30
+ ];
22
31
  exports.BaseProps = {
23
32
  type: {},
24
33
  when: {
@@ -88,6 +97,23 @@ exports.PlayButtonProps = {
88
97
  },
89
98
  },
90
99
  };
100
+ exports.CustomControlsOptionsProps = {
101
+ type: 'object',
102
+ additionalProperties: false,
103
+ properties: {
104
+ type: {
105
+ type: 'string',
106
+ enum: exports.customControlsType,
107
+ },
108
+ muteButtonShown: {
109
+ type: 'boolean',
110
+ },
111
+ positioning: {
112
+ type: 'string',
113
+ enum: exports.customControlsButtonPositioning,
114
+ },
115
+ },
116
+ };
91
117
  exports.VideoProps = {
92
118
  type: 'object',
93
119
  additionalProperties: false,
@@ -126,6 +152,10 @@ exports.VideoProps = {
126
152
  type: 'string',
127
153
  enum: exports.videoControlsTypes,
128
154
  },
155
+ customControlsOptions: exports.CustomControlsOptionsProps,
156
+ ariaLabel: {
157
+ type: 'string',
158
+ },
129
159
  },
130
160
  };
131
161
  exports.ThemeProps = {
package/build/cjs/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/cjs/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
  };