@gravity-ui/blog-constructor 5.13.0-beta.0 → 5.13.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 (32) hide show
  1. package/build/cjs/blocks/Form/Form.css +16 -0
  2. package/build/cjs/blocks/Form/Form.d.ts +3 -0
  3. package/build/cjs/blocks/Form/Form.js +28 -0
  4. package/build/cjs/blocks/Form/schema.d.ts +126 -0
  5. package/build/cjs/blocks/Form/schema.js +34 -0
  6. package/build/cjs/blocks/Header/schema.d.ts +1 -11
  7. package/build/cjs/blocks/Media/schema.d.ts +1 -11
  8. package/build/cjs/constructor/blocksMap.d.ts +1 -0
  9. package/build/cjs/constructor/blocksMap.js +2 -0
  10. package/build/cjs/hooks/useExtendedComponentMap.d.ts +1 -0
  11. package/build/cjs/models/blocks.d.ts +9 -2
  12. package/build/cjs/models/common.d.ts +2 -1
  13. package/build/cjs/models/common.js +1 -0
  14. package/build/cjs/schema/index.d.ts +2 -22
  15. package/build/esm/blocks/Form/Form.css +16 -0
  16. package/build/esm/blocks/Form/Form.d.ts +4 -0
  17. package/build/esm/blocks/Form/Form.js +25 -0
  18. package/build/esm/blocks/Form/schema.d.ts +126 -0
  19. package/build/esm/blocks/Form/schema.js +31 -0
  20. package/build/esm/blocks/Header/schema.d.ts +1 -11
  21. package/build/esm/blocks/Media/schema.d.ts +1 -11
  22. package/build/esm/constructor/blocksMap.d.ts +1 -0
  23. package/build/esm/constructor/blocksMap.js +2 -0
  24. package/build/esm/hooks/useExtendedComponentMap.d.ts +1 -0
  25. package/build/esm/models/blocks.d.ts +9 -2
  26. package/build/esm/models/common.d.ts +2 -1
  27. package/build/esm/models/common.js +1 -0
  28. package/build/esm/schema/index.d.ts +2 -22
  29. package/package.json +3 -5
  30. package/server/models/blocks.d.ts +9 -2
  31. package/server/models/common.d.ts +2 -1
  32. package/server/models/common.js +1 -0
package/build/cjs/blocks/Form/Form.css ADDED
@@ -0,0 +1,16 @@
1
+ /* use this for style redefinitions to awoid problems with
2
+ unpredictable css rules order in build */
3
+ .bc-form-block__container {
4
+ border-radius: var(--bc-border-radius);
5
+ position: relative;
6
+ overflow: hidden;
7
+ padding: 24px;
8
+ }
9
+ .bc-form-block__container_border_shadow {
10
+ box-shadow: 0 2px 8px var(--pc-color-sfx-shadow), 0 4px 24px var(--pc-color-sfx-shadow);
11
+ overflow-x: hidden;
12
+ border-radius: var(--bc-border-radius);
13
+ }
14
+ .bc-form-block__container_border_line {
15
+ border: 1px solid var(--g-color-line-generic);
16
+ }
package/build/cjs/blocks/Form/Form.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import { FormProps } from '../../models/blocks';
3
+ export declare const Form: ({ paddingTop, paddingBottom, ...props }: FormProps) => React.JSX.Element | null;
package/build/cjs/blocks/Form/Form.js ADDED
@@ -0,0 +1,28 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.Form = void 0;
4
+ const tslib_1 = require("tslib");
5
+ const react_1 = tslib_1.__importStar(require("react"));
6
+ const page_constructor_1 = require("@gravity-ui/page-constructor");
7
+ const Wrapper_1 = require("../../components/Wrapper/Wrapper");
8
+ const paddings_1 = require("../../models/paddings");
9
+ const cn_1 = require("../../utils/cn");
10
+ const b = (0, cn_1.block)('form-block');
11
+ const Form = (_a) => {
12
+ var { paddingTop, paddingBottom } = _a, props = tslib_1.__rest(_a, ["paddingTop", "paddingBottom"]);
13
+ const { formData, border = 'shadow' } = props;
14
+ const [contentLoaded, setContentLoaded] = (0, react_1.useState)(false);
15
+ const onContentLoad = () => {
16
+ setContentLoaded(true);
17
+ };
18
+ if (!formData) {
19
+ return null;
20
+ }
21
+ return (react_1.default.createElement(Wrapper_1.Wrapper, { paddings: {
22
+ [paddings_1.PaddingsDirections.top]: paddingTop,
23
+ [paddings_1.PaddingsDirections.bottom]: paddingBottom,
24
+ }, className: b('wrapper') },
25
+ react_1.default.createElement("div", { className: b('container', { hidden: !contentLoaded, border }) },
26
+ react_1.default.createElement(page_constructor_1.InnerForm, { className: b('form'), formData: formData, onContentLoad: onContentLoad }))));
27
+ };
28
+ exports.Form = Form;
package/build/cjs/blocks/Form/schema.d.ts ADDED
@@ -0,0 +1,126 @@
1
+ export declare const Media: {
2
+ "blog-media-block": {
3
+ type: string;
4
+ additionalProperties: boolean;
5
+ properties: {
6
+ formData: {
7
+ oneOf: ({
8
+ type: string;
9
+ optionName: string;
10
+ properties: {
11
+ yandex: {
12
+ type: string;
13
+ required: string[];
14
+ properties: {
15
+ id: {
16
+ type: string;
17
+ };
18
+ containerId: {
19
+ type: string;
20
+ };
21
+ type: {};
22
+ when: {
23
+ type: string;
24
+ };
25
+ };
26
+ };
27
+ hubspot?: undefined;
28
+ };
29
+ } | {
30
+ type: string;
31
+ optionName: string;
32
+ properties: {
33
+ hubspot: {
34
+ type: string;
35
+ required: string[];
36
+ properties: {
37
+ region: {
38
+ type: string;
39
+ };
40
+ portalId: {
41
+ type: string;
42
+ };
43
+ formId: {
44
+ type: string;
45
+ };
46
+ formInstanceId: {
47
+ type: string;
48
+ };
49
+ type: {};
50
+ when: {
51
+ type: string;
52
+ };
53
+ };
54
+ };
55
+ yandex?: undefined;
56
+ };
57
+ })[];
58
+ };
59
+ border: {
60
+ type: string;
61
+ enum: string[];
62
+ };
63
+ paddingTop: {
64
+ type: string;
65
+ enum: string[];
66
+ };
67
+ paddingBottom: {
68
+ type: string;
69
+ enum: string[];
70
+ };
71
+ fullWidth: {
72
+ type: string;
73
+ };
74
+ column: {
75
+ type: string;
76
+ enum: string[];
77
+ };
78
+ qa: {
79
+ type: string;
80
+ };
81
+ anchor: {
82
+ type: string;
83
+ additionalProperties: boolean;
84
+ required: string[];
85
+ properties: {
86
+ text: {
87
+ type: string;
88
+ contentType: string;
89
+ };
90
+ url: {
91
+ type: string;
92
+ };
93
+ urlTitle: {
94
+ type: string;
95
+ };
96
+ };
97
+ };
98
+ visible: {
99
+ type: string;
100
+ enum: string[];
101
+ };
102
+ resetPaddings: {
103
+ type: string;
104
+ };
105
+ context: {
106
+ type: string;
107
+ };
108
+ indent: {
109
+ type: string;
110
+ additionalProperties: boolean;
111
+ properties: {
112
+ top: {
113
+ enum: string[];
114
+ };
115
+ bottom: {
116
+ enum: string[];
117
+ };
118
+ };
119
+ };
120
+ type: {};
121
+ when: {
122
+ type: string;
123
+ };
124
+ };
125
+ };
126
+ };
package/build/cjs/blocks/Form/schema.js ADDED
@@ -0,0 +1,34 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.Media = void 0;
4
+ const page_constructor_1 = require("@gravity-ui/page-constructor");
5
+ const common_1 = require("../../models/common");
6
+ const common_2 = require("../../schema/common");
7
+ const { common: { BlockBaseProps }, components: { YandexFormProps }, subBlocks: { HubspotFormProps }, } = page_constructor_1.validators;
8
+ exports.Media = {
9
+ [common_1.BlockType.Media]: {
10
+ type: 'object',
11
+ additionalProperties: false,
12
+ properties: Object.assign(Object.assign(Object.assign({}, BlockBaseProps), common_2.BlogBlockBase), { formData: {
13
+ oneOf: [
14
+ {
15
+ type: 'object',
16
+ optionName: 'yandex',
17
+ properties: {
18
+ yandex: YandexFormProps,
19
+ },
20
+ },
21
+ {
22
+ type: 'object',
23
+ optionName: 'hubspot',
24
+ properties: {
25
+ hubspot: HubspotFormProps,
26
+ },
27
+ },
28
+ ],
29
+ }, border: {
30
+ type: 'string',
31
+ enum: ['shadow', 'line', 'none'],
32
+ } }),
33
+ },
34
+ };
package/build/cjs/blocks/Header/schema.d.ts CHANGED
@@ -450,20 +450,10 @@ export declare const Header: {
450
450
  type: string;
451
451
  };
452
452
  height: {
453
- oneOf: ({
454
- type: string;
455
- enum?: undefined;
456
- } | {
457
- type: string;
458
- enum: string[];
459
- })[];
460
- };
461
- width: {
462
453
  type: string;
463
454
  };
464
- justifyContent: {
455
+ width: {
465
456
  type: string;
466
- enum: string[];
467
457
  };
468
458
  };
469
459
  };
package/build/cjs/blocks/Media/schema.d.ts CHANGED
@@ -264,20 +264,10 @@ export declare const Media: {
264
264
  type: string;
265
265
  };
266
266
  height: {
267
- oneOf: ({
268
- type: string;
269
- enum?: undefined;
270
- } | {
271
- type: string;
272
- enum: string[];
273
- })[];
274
- };
275
- width: {
276
267
  type: string;
277
268
  };
278
- justifyContent: {
269
+ width: {
279
270
  type: string;
280
- enum: string[];
281
271
  };
282
272
  };
283
273
  };
package/build/cjs/constructor/blocksMap.d.ts CHANGED
@@ -10,6 +10,7 @@ declare const _default: {
10
10
  "blog-suggest-block": ({ paddingTop, paddingBottom }: import("../models/blocks").SuggestProps) => import("react").JSX.Element | null;
11
11
  "blog-meta-block": (props: import("../models/blocks").MetaProps) => import("react").JSX.Element;
12
12
  "blog-feed-block": ({ image }: import("../models/blocks").FeedProps) => import("react").JSX.Element;
13
+ "blog-form-block": ({ paddingTop, paddingBottom, ...props }: import("../models/blocks").FormProps) => import("react").JSX.Element | null;
13
14
  };
14
15
  headers: {
15
16
  "blog-header-block": (props: import("../models/blocks").HeaderProps) => import("react").JSX.Element;
package/build/cjs/constructor/blocksMap.js CHANGED
@@ -5,6 +5,7 @@ const Banner_1 = require("../blocks/Banner/Banner");
5
5
  const CTA_1 = require("../blocks/CTA/CTA");
6
6
  const ColoredText_1 = require("../blocks/ColoredText/ColoredText");
7
7
  const Feed_1 = require("../blocks/Feed/Feed");
8
+ const Form_1 = require("../blocks/Form/Form");
8
9
  const Header_1 = require("../blocks/Header/Header");
9
10
  const Layout_1 = require("../blocks/Layout/Layout");
10
11
  const Media_1 = require("../blocks/Media/Media");
@@ -23,6 +24,7 @@ const blocks = {
23
24
  [common_1.BlockType.Suggest]: Suggest_1.Suggest,
24
25
  [common_1.BlockType.Meta]: Meta_1.Meta,
25
26
  [common_1.BlockType.Feed]: Feed_1.Feed,
27
+ [common_1.BlockType.Form]: Form_1.Form,
26
28
  };
27
29
  const headers = {
28
30
  [common_1.BlockType.Header]: Header_1.Header,
package/build/cjs/hooks/useExtendedComponentMap.d.ts CHANGED
@@ -11,6 +11,7 @@ export declare const useExtendedComponentMap: (custom: CustomConfig | undefined)
11
11
  "blog-suggest-block": ({ paddingTop, paddingBottom }: import("../models/blocks").SuggestProps) => import("react").JSX.Element | null;
12
12
  "blog-meta-block": (props: import("../models/blocks").MetaProps) => import("react").JSX.Element;
13
13
  "blog-feed-block": ({ image }: import("../models/blocks").FeedProps) => import("react").JSX.Element;
14
+ "blog-form-block": ({ paddingTop, paddingBottom, ...props }: import("../models/blocks").FormProps) => import("react").JSX.Element | null;
14
15
  };
15
16
  headers: {
16
17
  "blog-header-block": (props: import("../models/blocks").HeaderProps) => import("react").JSX.Element;
package/build/cjs/models/blocks.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { ReactElement } from 'react';
2
- import { ContentBlockProps, HeaderBlockProps, MediaProps as PCMediaProps, TextTheme } from '@gravity-ui/page-constructor';
2
+ import { ContentBlockProps, FormBlockData, HeaderBlockProps, MediaProps as PCMediaProps, TextTheme } from '@gravity-ui/page-constructor';
3
3
  import { BlockType, ClassNameProps, PostData, QAProps } from './common';
4
4
  import { PaddingsYFMProps } from './paddings';
5
5
  export type AuthorProps = ClassNameProps & {
@@ -27,7 +27,7 @@ export type LayoutProps = {
27
27
  mobileOrder?: string;
28
28
  children: ReactElement[];
29
29
  } & PaddingsYFMProps;
30
- export type MediaProps = ClassNameProps & PaddingsYFMProps & Partial<Pick<PCMediaProps, 'youtube' | 'previewImg' | 'image' | 'video' | 'dataLens' | 'iframe' | 'margins'>> & {
30
+ export type MediaProps = ClassNameProps & PaddingsYFMProps & Partial<Pick<PCMediaProps, 'youtube' | 'previewImg' | 'image' | 'video' | 'dataLens'>> & {
31
31
  text?: string;
32
32
  };
33
33
  export type MetaProps = QAProps & {
@@ -43,6 +43,10 @@ export type YFMProps = {
43
43
  export type FeedProps = {
44
44
  image: string;
45
45
  };
46
+ export type FormProps = {
47
+ formData: FormBlockData;
48
+ border?: 'shadow' | 'line' | 'none';
49
+ } & PaddingsYFMProps & QAProps;
46
50
  export type AuthorBlockModel = {
47
51
  type: BlockType.Author;
48
52
  } & AuthorProps;
@@ -76,6 +80,9 @@ export type YFMBlockModel = {
76
80
  export type FeedBlockModel = {
77
81
  type: BlockType.Feed;
78
82
  } & FeedProps;
83
+ export type FormBlockModel = {
84
+ type: BlockType.Form;
85
+ } & FormProps;
79
86
  export type BlockModel = AuthorBlockModel | BannerBlockModel | ColoredTextBlockModel | CTABlockModel | HeaderBlockModel | LayoutBlockModel | MediaBlockModel | MetaBlockModel | SuggestBlockModel | YFMBlockModel | FeedBlockModel;
80
87
  export type Block = BlockModel & {
81
88
  [x: string]: any;
package/build/cjs/models/common.d.ts CHANGED
@@ -96,7 +96,8 @@ export declare enum BlockType {
96
96
  Author = "blog-author-block",
97
97
  Suggest = "blog-suggest-block",
98
98
  Meta = "blog-meta-block",
99
- Feed = "blog-feed-block"
99
+ Feed = "blog-feed-block",
100
+ Form = "blog-form-block"
100
101
  }
101
102
  export type MetaProps = {
102
103
  metaComponent: JSX.Element;
package/build/cjs/models/common.js CHANGED
@@ -19,6 +19,7 @@ var BlockType;
19
19
  BlockType["Suggest"] = "blog-suggest-block";
20
20
  BlockType["Meta"] = "blog-meta-block";
21
21
  BlockType["Feed"] = "blog-feed-block";
22
+ BlockType["Form"] = "blog-form-block";
22
23
  })(BlockType = exports.BlockType || (exports.BlockType = {}));
23
24
  var DefaultEventNames;
24
25
  (function (DefaultEventNames) {
package/build/cjs/schema/index.d.ts CHANGED
@@ -458,20 +458,10 @@ export declare const schemasForCustom: {
458
458
  type: string;
459
459
  };
460
460
  height: {
461
- oneOf: ({
462
- type: string;
463
- enum?: undefined;
464
- } | {
465
- type: string;
466
- enum: string[];
467
- })[];
468
- };
469
- width: {
470
461
  type: string;
471
462
  };
472
- justifyContent: {
463
+ width: {
473
464
  type: string;
474
- enum: string[];
475
465
  };
476
466
  };
477
467
  };
@@ -1598,20 +1588,10 @@ export declare const schemasForCustom: {
1598
1588
  type: string;
1599
1589
  };
1600
1590
  height: {
1601
- oneOf: ({
1602
- type: string;
1603
- enum?: undefined;
1604
- } | {
1605
- type: string;
1606
- enum: string[];
1607
- })[];
1608
- };
1609
- width: {
1610
1591
  type: string;
1611
1592
  };
1612
- justifyContent: {
1593
+ width: {
1613
1594
  type: string;
1614
- enum: string[];
1615
1595
  };
1616
1596
  };
1617
1597
  };
package/build/esm/blocks/Form/Form.css ADDED
@@ -0,0 +1,16 @@
1
+ /* use this for style redefinitions to awoid problems with
2
+ unpredictable css rules order in build */
3
+ .bc-form-block__container {
4
+ border-radius: var(--bc-border-radius);
5
+ position: relative;
6
+ overflow: hidden;
7
+ padding: 24px;
8
+ }
9
+ .bc-form-block__container_border_shadow {
10
+ box-shadow: 0 2px 8px var(--pc-color-sfx-shadow), 0 4px 24px var(--pc-color-sfx-shadow);
11
+ overflow-x: hidden;
12
+ border-radius: var(--bc-border-radius);
13
+ }
14
+ .bc-form-block__container_border_line {
15
+ border: 1px solid var(--g-color-line-generic);
16
+ }
package/build/esm/blocks/Form/Form.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { FormProps } from '../../models/blocks';
3
+ import './Form.css';
4
+ export declare const Form: ({ paddingTop, paddingBottom, ...props }: FormProps) => React.JSX.Element | null;
package/build/esm/blocks/Form/Form.js ADDED
@@ -0,0 +1,25 @@
1
+ import { __rest } from "tslib";
2
+ import React, { useState } from 'react';
3
+ import { InnerForm } from '@gravity-ui/page-constructor';
4
+ import { Wrapper } from '../../components/Wrapper/Wrapper';
5
+ import { PaddingsDirections } from '../../models/paddings';
6
+ import { block } from '../../utils/cn';
7
+ import './Form.css';
8
+ const b = block('form-block');
9
+ export const Form = (_a) => {
10
+ var { paddingTop, paddingBottom } = _a, props = __rest(_a, ["paddingTop", "paddingBottom"]);
11
+ const { formData, border = 'shadow' } = props;
12
+ const [contentLoaded, setContentLoaded] = useState(false);
13
+ const onContentLoad = () => {
14
+ setContentLoaded(true);
15
+ };
16
+ if (!formData) {
17
+ return null;
18
+ }
19
+ return (React.createElement(Wrapper, { paddings: {
20
+ [PaddingsDirections.top]: paddingTop,
21
+ [PaddingsDirections.bottom]: paddingBottom,
22
+ }, className: b('wrapper') },
23
+ React.createElement("div", { className: b('container', { hidden: !contentLoaded, border }) },
24
+ React.createElement(InnerForm, { className: b('form'), formData: formData, onContentLoad: onContentLoad }))));
25
+ };
package/build/esm/blocks/Form/schema.d.ts ADDED
@@ -0,0 +1,126 @@
1
+ export declare const Media: {
2
+ "blog-media-block": {
3
+ type: string;
4
+ additionalProperties: boolean;
5
+ properties: {
6
+ formData: {
7
+ oneOf: ({
8
+ type: string;
9
+ optionName: string;
10
+ properties: {
11
+ yandex: {
12
+ type: string;
13
+ required: string[];
14
+ properties: {
15
+ id: {
16
+ type: string;
17
+ };
18
+ containerId: {
19
+ type: string;
20
+ };
21
+ type: {};
22
+ when: {
23
+ type: string;
24
+ };
25
+ };
26
+ };
27
+ hubspot?: undefined;
28
+ };
29
+ } | {
30
+ type: string;
31
+ optionName: string;
32
+ properties: {
33
+ hubspot: {
34
+ type: string;
35
+ required: string[];
36
+ properties: {
37
+ region: {
38
+ type: string;
39
+ };
40
+ portalId: {
41
+ type: string;
42
+ };
43
+ formId: {
44
+ type: string;
45
+ };
46
+ formInstanceId: {
47
+ type: string;
48
+ };
49
+ type: {};
50
+ when: {
51
+ type: string;
52
+ };
53
+ };
54
+ };
55
+ yandex?: undefined;
56
+ };
57
+ })[];
58
+ };
59
+ border: {
60
+ type: string;
61
+ enum: string[];
62
+ };
63
+ paddingTop: {
64
+ type: string;
65
+ enum: string[];
66
+ };
67
+ paddingBottom: {
68
+ type: string;
69
+ enum: string[];
70
+ };
71
+ fullWidth: {
72
+ type: string;
73
+ };
74
+ column: {
75
+ type: string;
76
+ enum: string[];
77
+ };
78
+ qa: {
79
+ type: string;
80
+ };
81
+ anchor: {
82
+ type: string;
83
+ additionalProperties: boolean;
84
+ required: string[];
85
+ properties: {
86
+ text: {
87
+ type: string;
88
+ contentType: string;
89
+ };
90
+ url: {
91
+ type: string;
92
+ };
93
+ urlTitle: {
94
+ type: string;
95
+ };
96
+ };
97
+ };
98
+ visible: {
99
+ type: string;
100
+ enum: string[];
101
+ };
102
+ resetPaddings: {
103
+ type: string;
104
+ };
105
+ context: {
106
+ type: string;
107
+ };
108
+ indent: {
109
+ type: string;
110
+ additionalProperties: boolean;
111
+ properties: {
112
+ top: {
113
+ enum: string[];
114
+ };
115
+ bottom: {
116
+ enum: string[];
117
+ };
118
+ };
119
+ };
120
+ type: {};
121
+ when: {
122
+ type: string;
123
+ };
124
+ };
125
+ };
126
+ };
package/build/esm/blocks/Form/schema.js ADDED
@@ -0,0 +1,31 @@
1
+ import { validators } from '@gravity-ui/page-constructor';
2
+ import { BlockType } from '../../models/common';
3
+ import { BlogBlockBase } from '../../schema/common';
4
+ const { common: { BlockBaseProps }, components: { YandexFormProps }, subBlocks: { HubspotFormProps }, } = validators;
5
+ export const Media = {
6
+ [BlockType.Media]: {
7
+ type: 'object',
8
+ additionalProperties: false,
9
+ properties: Object.assign(Object.assign(Object.assign({}, BlockBaseProps), BlogBlockBase), { formData: {
10
+ oneOf: [
11
+ {
12
+ type: 'object',
13
+ optionName: 'yandex',
14
+ properties: {
15
+ yandex: YandexFormProps,
16
+ },
17
+ },
18
+ {
19
+ type: 'object',
20
+ optionName: 'hubspot',
21
+ properties: {
22
+ hubspot: HubspotFormProps,
23
+ },
24
+ },
25
+ ],
26
+ }, border: {
27
+ type: 'string',
28
+ enum: ['shadow', 'line', 'none'],
29
+ } }),
30
+ },
31
+ };
package/build/esm/blocks/Header/schema.d.ts CHANGED
@@ -450,20 +450,10 @@ export declare const Header: {
450
450
  type: string;
451
451
  };
452
452
  height: {
453
- oneOf: ({
454
- type: string;
455
- enum?: undefined;
456
- } | {
457
- type: string;
458
- enum: string[];
459
- })[];
460
- };
461
- width: {
462
453
  type: string;
463
454
  };
464
- justifyContent: {
455
+ width: {
465
456
  type: string;
466
- enum: string[];
467
457
  };
468
458
  };
469
459
  };
package/build/esm/blocks/Media/schema.d.ts CHANGED
@@ -264,20 +264,10 @@ export declare const Media: {
264
264
  type: string;
265
265
  };
266
266
  height: {
267
- oneOf: ({
268
- type: string;
269
- enum?: undefined;
270
- } | {
271
- type: string;
272
- enum: string[];
273
- })[];
274
- };
275
- width: {
276
267
  type: string;
277
268
  };
278
- justifyContent: {
269
+ width: {
279
270
  type: string;
280
- enum: string[];
281
271
  };
282
272
  };
283
273
  };
package/build/esm/constructor/blocksMap.d.ts CHANGED
@@ -10,6 +10,7 @@ declare const _default: {
10
10
  "blog-suggest-block": ({ paddingTop, paddingBottom }: import("../models/blocks").SuggestProps) => import("react").JSX.Element | null;
11
11
  "blog-meta-block": (props: import("../models/blocks").MetaProps) => import("react").JSX.Element;
12
12
  "blog-feed-block": ({ image }: import("../models/blocks").FeedProps) => import("react").JSX.Element;
13
+ "blog-form-block": ({ paddingTop, paddingBottom, ...props }: import("../models/blocks").FormProps) => import("react").JSX.Element | null;
13
14
  };
14
15
  headers: {
15
16
  "blog-header-block": (props: import("../models/blocks").HeaderProps) => import("react").JSX.Element;
package/build/esm/constructor/blocksMap.js CHANGED
@@ -3,6 +3,7 @@ import { Banner } from '../blocks/Banner/Banner';
3
3
  import { CTA } from '../blocks/CTA/CTA';
4
4
  import { ColoredText } from '../blocks/ColoredText/ColoredText';
5
5
  import { Feed } from '../blocks/Feed/Feed';
6
+ import { Form } from '../blocks/Form/Form';
6
7
  import { Header } from '../blocks/Header/Header';
7
8
  import { Layout } from '../blocks/Layout/Layout';
8
9
  import { Media } from '../blocks/Media/Media';
@@ -21,6 +22,7 @@ const blocks = {
21
22
  [BlockType.Suggest]: Suggest,
22
23
  [BlockType.Meta]: Meta,
23
24
  [BlockType.Feed]: Feed,
25
+ [BlockType.Form]: Form,
24
26
  };
25
27
  const headers = {
26
28
  [BlockType.Header]: Header,
package/build/esm/hooks/useExtendedComponentMap.d.ts CHANGED
@@ -11,6 +11,7 @@ export declare const useExtendedComponentMap: (custom: CustomConfig | undefined)
11
11
  "blog-suggest-block": ({ paddingTop, paddingBottom }: import("../models/blocks").SuggestProps) => import("react").JSX.Element | null;
12
12
  "blog-meta-block": (props: import("../models/blocks").MetaProps) => import("react").JSX.Element;
13
13
  "blog-feed-block": ({ image }: import("../models/blocks").FeedProps) => import("react").JSX.Element;
14
+ "blog-form-block": ({ paddingTop, paddingBottom, ...props }: import("../models/blocks").FormProps) => import("react").JSX.Element | null;
14
15
  };
15
16
  headers: {
16
17
  "blog-header-block": (props: import("../models/blocks").HeaderProps) => import("react").JSX.Element;
package/build/esm/models/blocks.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { ReactElement } from 'react';
2
- import { ContentBlockProps, HeaderBlockProps, MediaProps as PCMediaProps, TextTheme } from '@gravity-ui/page-constructor';
2
+ import { ContentBlockProps, FormBlockData, HeaderBlockProps, MediaProps as PCMediaProps, TextTheme } from '@gravity-ui/page-constructor';
3
3
  import { BlockType, ClassNameProps, PostData, QAProps } from './common';
4
4
  import { PaddingsYFMProps } from './paddings';
5
5
  export type AuthorProps = ClassNameProps & {
@@ -27,7 +27,7 @@ export type LayoutProps = {
27
27
  mobileOrder?: string;
28
28
  children: ReactElement[];
29
29
  } & PaddingsYFMProps;
30
- export type MediaProps = ClassNameProps & PaddingsYFMProps & Partial<Pick<PCMediaProps, 'youtube' | 'previewImg' | 'image' | 'video' | 'dataLens' | 'iframe' | 'margins'>> & {
30
+ export type MediaProps = ClassNameProps & PaddingsYFMProps & Partial<Pick<PCMediaProps, 'youtube' | 'previewImg' | 'image' | 'video' | 'dataLens'>> & {
31
31
  text?: string;
32
32
  };
33
33
  export type MetaProps = QAProps & {
@@ -43,6 +43,10 @@ export type YFMProps = {
43
43
  export type FeedProps = {
44
44
  image: string;
45
45
  };
46
+ export type FormProps = {
47
+ formData: FormBlockData;
48
+ border?: 'shadow' | 'line' | 'none';
49
+ } & PaddingsYFMProps & QAProps;
46
50
  export type AuthorBlockModel = {
47
51
  type: BlockType.Author;
48
52
  } & AuthorProps;
@@ -76,6 +80,9 @@ export type YFMBlockModel = {
76
80
  export type FeedBlockModel = {
77
81
  type: BlockType.Feed;
78
82
  } & FeedProps;
83
+ export type FormBlockModel = {
84
+ type: BlockType.Form;
85
+ } & FormProps;
79
86
  export type BlockModel = AuthorBlockModel | BannerBlockModel | ColoredTextBlockModel | CTABlockModel | HeaderBlockModel | LayoutBlockModel | MediaBlockModel | MetaBlockModel | SuggestBlockModel | YFMBlockModel | FeedBlockModel;
80
87
  export type Block = BlockModel & {
81
88
  [x: string]: any;
package/build/esm/models/common.d.ts CHANGED
@@ -96,7 +96,8 @@ export declare enum BlockType {
96
96
  Author = "blog-author-block",
97
97
  Suggest = "blog-suggest-block",
98
98
  Meta = "blog-meta-block",
99
- Feed = "blog-feed-block"
99
+ Feed = "blog-feed-block",
100
+ Form = "blog-form-block"
100
101
  }
101
102
  export type MetaProps = {
102
103
  metaComponent: JSX.Element;
package/build/esm/models/common.js CHANGED
@@ -16,6 +16,7 @@ export var BlockType;
16
16
  BlockType["Suggest"] = "blog-suggest-block";
17
17
  BlockType["Meta"] = "blog-meta-block";
18
18
  BlockType["Feed"] = "blog-feed-block";
19
+ BlockType["Form"] = "blog-form-block";
19
20
  })(BlockType || (BlockType = {}));
20
21
  export var DefaultEventNames;
21
22
  (function (DefaultEventNames) {
package/build/esm/schema/index.d.ts CHANGED
@@ -458,20 +458,10 @@ export declare const schemasForCustom: {
458
458
  type: string;
459
459
  };
460
460
  height: {
461
- oneOf: ({
462
- type: string;
463
- enum?: undefined;
464
- } | {
465
- type: string;
466
- enum: string[];
467
- })[];
468
- };
469
- width: {
470
461
  type: string;
471
462
  };
472
- justifyContent: {
463
+ width: {
473
464
  type: string;
474
- enum: string[];
475
465
  };
476
466
  };
477
467
  };
@@ -1598,20 +1588,10 @@ export declare const schemasForCustom: {
1598
1588
  type: string;
1599
1589
  };
1600
1590
  height: {
1601
- oneOf: ({
1602
- type: string;
1603
- enum?: undefined;
1604
- } | {
1605
- type: string;
1606
- enum: string[];
1607
- })[];
1608
- };
1609
- width: {
1610
1591
  type: string;
1611
1592
  };
1612
- justifyContent: {
1593
+ width: {
1613
1594
  type: string;
1614
- enum: string[];
1615
1595
  };
1616
1596
  };
1617
1597
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gravity-ui/blog-constructor",
3
- "version": "5.13.0-beta.0",
3
+ "version": "5.13.0",
4
4
  "description": "Gravity UI Blog Constructor",
5
5
  "license": "MIT",
6
6
  "repository": {
@@ -62,7 +62,6 @@
62
62
  "@bem-react/classname": "^1.6.0",
63
63
  "@gravity-ui/components": "^2.8.0",
64
64
  "@gravity-ui/i18n": "^1.1.0",
65
- "@gravity-ui/page-constructor": "^4.44.0-beta.0",
66
65
  "lodash": "^4.17.21",
67
66
  "react-helmet": "^6.1.0",
68
67
  "ua-parser-js": "^0.7.28",
@@ -72,6 +71,7 @@
72
71
  },
73
72
  "peerDependencies": {
74
73
  "@doc-tools/transform": "^3.3.2",
74
+ "@gravity-ui/page-constructor": "^4.45.0",
75
75
  "@gravity-ui/uikit": "^5.12.0",
76
76
  "react": "^16.0.0 || ^17.0.0 || ^18.0.0"
77
77
  },
@@ -82,6 +82,7 @@
82
82
  "@commitlint/config-conventional": "^17.4.3",
83
83
  "@doc-tools/transform": "^3.11.0",
84
84
  "@gravity-ui/eslint-config": "^3.1.1",
85
+ "@gravity-ui/page-constructor": "^4.46.0",
85
86
  "@gravity-ui/prettier-config": "^1.1.0",
86
87
  "@gravity-ui/stylelint-config": "^4.0.1",
87
88
  "@gravity-ui/tsconfig": "^1.0.0",
@@ -143,8 +144,5 @@
143
144
  "*.{json,yaml,yml,md}": [
144
145
  "prettier --write"
145
146
  ]
146
- },
147
- "publishConfig": {
148
- "tag": "beta"
149
147
  }
150
148
  }
package/server/models/blocks.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { ReactElement } from 'react';
2
- import { ContentBlockProps, HeaderBlockProps, MediaProps as PCMediaProps, TextTheme } from '@gravity-ui/page-constructor';
2
+ import { ContentBlockProps, FormBlockData, HeaderBlockProps, MediaProps as PCMediaProps, TextTheme } from '@gravity-ui/page-constructor';
3
3
  import { BlockType, ClassNameProps, PostData, QAProps } from './common';
4
4
  import { PaddingsYFMProps } from './paddings';
5
5
  export type AuthorProps = ClassNameProps & {
@@ -27,7 +27,7 @@ export type LayoutProps = {
27
27
  mobileOrder?: string;
28
28
  children: ReactElement[];
29
29
  } & PaddingsYFMProps;
30
- export type MediaProps = ClassNameProps & PaddingsYFMProps & Partial<Pick<PCMediaProps, 'youtube' | 'previewImg' | 'image' | 'video' | 'dataLens' | 'iframe' | 'margins'>> & {
30
+ export type MediaProps = ClassNameProps & PaddingsYFMProps & Partial<Pick<PCMediaProps, 'youtube' | 'previewImg' | 'image' | 'video' | 'dataLens'>> & {
31
31
  text?: string;
32
32
  };
33
33
  export type MetaProps = QAProps & {
@@ -43,6 +43,10 @@ export type YFMProps = {
43
43
  export type FeedProps = {
44
44
  image: string;
45
45
  };
46
+ export type FormProps = {
47
+ formData: FormBlockData;
48
+ border?: 'shadow' | 'line' | 'none';
49
+ } & PaddingsYFMProps & QAProps;
46
50
  export type AuthorBlockModel = {
47
51
  type: BlockType.Author;
48
52
  } & AuthorProps;
@@ -76,6 +80,9 @@ export type YFMBlockModel = {
76
80
  export type FeedBlockModel = {
77
81
  type: BlockType.Feed;
78
82
  } & FeedProps;
83
+ export type FormBlockModel = {
84
+ type: BlockType.Form;
85
+ } & FormProps;
79
86
  export type BlockModel = AuthorBlockModel | BannerBlockModel | ColoredTextBlockModel | CTABlockModel | HeaderBlockModel | LayoutBlockModel | MediaBlockModel | MetaBlockModel | SuggestBlockModel | YFMBlockModel | FeedBlockModel;
80
87
  export type Block = BlockModel & {
81
88
  [x: string]: any;
package/server/models/common.d.ts CHANGED
@@ -96,7 +96,8 @@ export declare enum BlockType {
96
96
  Author = "blog-author-block",
97
97
  Suggest = "blog-suggest-block",
98
98
  Meta = "blog-meta-block",
99
- Feed = "blog-feed-block"
99
+ Feed = "blog-feed-block",
100
+ Form = "blog-form-block"
100
101
  }
101
102
  export type MetaProps = {
102
103
  metaComponent: JSX.Element;
package/server/models/common.js CHANGED
@@ -19,6 +19,7 @@ var BlockType;
19
19
  BlockType["Suggest"] = "blog-suggest-block";
20
20
  BlockType["Meta"] = "blog-meta-block";
21
21
  BlockType["Feed"] = "blog-feed-block";
22
+ BlockType["Form"] = "blog-form-block";
22
23
  })(BlockType = exports.BlockType || (exports.BlockType = {}));
23
24
  var DefaultEventNames;
24
25
  (function (DefaultEventNames) {