@gravity-ui/page-constructor 1.11.1 → 1.12.1-alpha.0

package/build/esm/blocks/Preview/schema.js

@@ -8,9 +8,11 @@ const PreviewContentItem = {
     properties: {
         title: {
             type: 'string',
+            contentType: 'text',
         },
         description: {
             type: 'string',
+            contentType: 'yfm',
         },
     },
 };
@@ -33,8 +35,10 @@ export const PreviewBlock = {
         required: ['title', 'items'],
         properties: Object.assign(Object.assign(Object.assign({}, BaseProps), AnimatableProps), { title: {
                 type: 'string',
+                contentType: 'text',
             }, description: {
                 type: 'string',
+                contentType: 'yfm',
             }, direction: {
                 type: 'string',
                 enum: mediaDirection,

package/build/esm/blocks/PromoFeaturesBlock/schema.d.ts

@@ -4,9 +4,11 @@ export declare const PromoFeaturesItem: {
     properties: {
         title: {
             type: string;
+            contentType: string;
         };
         text: {
             type: string;
+            contentType: string;
         };
         theme: {
             enum: string[];
@@ -104,6 +106,7 @@ export declare const PromoFeaturesItem: {
                                 };
                                 text: {
                                     type: string;
+                                    contentType: string;
                                 };
                             };
                         };
@@ -152,6 +155,20 @@ export declare const PromoFeaturesBlock: {
         additionalProperties: boolean;
         required: string[];
         properties: {
+            theme: {
+                enum: string[];
+            };
+            items: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+            };
             title: {
                 oneOf: ({
                     type: string;
@@ -160,6 +177,7 @@ export declare const PromoFeaturesBlock: {
                     properties: {
                         text: {
                             type: string;
+                            contentType: string;
                         };
                         textSize: {
                             type: string;
@@ -178,20 +196,7 @@ export declare const PromoFeaturesBlock: {
             };
             description: {
                 type: string;
-            };
-            theme: {
-                enum: string[];
-            };
-            items: {
-                type: string;
-                items: {
-                    type: string;
-                    properties: {
-                        when: {
-                            type: string;
-                        };
-                    };
-                };
+                contentType: string;
             };
             animated: {
                 type: string;
@@ -203,6 +208,7 @@ export declare const PromoFeaturesBlock: {
                 properties: {
                     text: {
                         type: string;
+                        contentType: string;
                     };
                     url: {
                         type: string;

package/build/esm/blocks/PromoFeaturesBlock/schema.js

@@ -1,4 +1,4 @@
-import { AnimatableProps, BlockBaseProps, TitleProps } from '../../schema/validators/common';
+import { AnimatableProps, BlockBaseProps, BlockHeaderProps } from '../../schema/validators/common';
 import { filteredArray } from '../../schema/validators/utils';
 import { Media } from '../Media/schema';
 export const PromoFeaturesItem = {
@@ -7,9 +7,11 @@ export const PromoFeaturesItem = {
     properties: {
         title: {
             type: 'string',
+            contentType: 'text',
         },
         text: {
             type: 'string',
+            contentType: 'yfm',
         },
         theme: {
             enum: ['accent', 'accent-light', 'primary'],
@@ -21,11 +23,7 @@ export const PromoFeaturesBlock = {
     'promo-features-block': {
         additionalProperties: false,
         required: ['items'],
-        properties: Object.assign(Object.assign(Object.assign({}, BlockBaseProps), AnimatableProps), { title: {
-                oneOf: [{ type: 'string' }, TitleProps],
-            }, description: {
-                type: 'string',
-            }, theme: {
+        properties: Object.assign(Object.assign(Object.assign(Object.assign({}, BlockBaseProps), AnimatableProps), BlockHeaderProps), { theme: {
                 enum: ['grey', 'default'],
             }, items: filteredArray(PromoFeaturesItem) }),
     },

package/build/esm/blocks/Questions/schema.d.ts

@@ -22,6 +22,7 @@ export declare const QuestionsBlock: {
                     properties: {
                         text: {
                             type: string;
+                            contentType: string;
                         };
                         textSize: {
                             type: string;
@@ -36,13 +37,16 @@ export declare const QuestionsBlock: {
                     };
                 } | {
                     type: string;
+                    contentType: string;
                 })[];
             };
             text: {
                 type: string;
+                contentType: string;
             };
             additionalInfo: {
                 type: string;
+                contentType: string;
             };
             links: {
                 type: string;
@@ -73,6 +77,7 @@ export declare const QuestionsBlock: {
                 properties: {
                     text: {
                         type: string;
+                        contentType: string;
                     };
                     url: {
                         type: string;

package/build/esm/blocks/Questions/schema.js

@@ -13,9 +13,11 @@ export const QuestionsBlock = {
                 properties: {
                     title: {
                         type: 'string',
+                        contentType: 'text',
                     },
                     text: {
                         type: 'string',
+                        contentType: 'yfm',
                     },
                     link: LinkProps,
                     listStyle: {

package/build/esm/blocks/Security/schema.d.ts

@@ -12,6 +12,7 @@ export declare const SecurityBlock: {
             };
             title: {
                 type: string;
+                contentType: string;
             };
             media: {
                 type: string;
@@ -106,6 +107,7 @@ export declare const SecurityBlock: {
                                     };
                                     text: {
                                         type: string;
+                                        contentType: string;
                                     };
                                 };
                             };

package/build/esm/blocks/Security/schema.js

@@ -10,6 +10,7 @@ export const SecurityBlock = {
                 type: 'string',
             }, title: {
                 type: 'string',
+                contentType: 'text',
             }, media: Media, points: filteredArray({
                 type: 'object',
                 properties: {
@@ -18,6 +19,7 @@ export const SecurityBlock = {
                     },
                     text: {
                         type: 'string',
+                        contentType: 'text',
                     },
                     link: _.pick(LinkProps, ['text', 'url']),
                 },

package/build/esm/blocks/Simple/schema.d.ts

@@ -19,6 +19,7 @@ export declare const SimpleBlock: {
                 properties: {
                     text: {
                         type: string;
+                        contentType: string;
                     };
                     url: {
                         type: string;
@@ -41,6 +42,7 @@ export declare const SimpleBlock: {
                 properties: {
                     text: {
                         type: string;
+                        contentType: string;
                     };
                     textSize: {
                         type: string;
@@ -56,6 +58,7 @@ export declare const SimpleBlock: {
             };
             description: {
                 type: string;
+                contentType: string;
             };
         };
     };

package/build/esm/blocks/Simple/schema.js

@@ -5,6 +5,7 @@ export const SimpleBlock = {
         required: ['title', 'description'],
         properties: Object.assign(Object.assign(Object.assign({ title: TitleProps, description: {
                 type: 'string',
+                contentType: 'yfm',
             } }, BlockBaseProps), AnimatableProps), { children: ChildrenProps }),
     },
 };

package/build/esm/blocks/Slider/Slider.d.ts

@@ -1,12 +1,7 @@
-import SlickSlider, { Settings } from 'react-slick';
+import { Settings } from 'react-slick';
 import { Refable, SliderProps as SliderParams, ClassNameProps, WithChildren } from '../../models';
 import './slick.css';
 import './Slider.css';
-export interface SlickSliderFull extends SlickSlider {
-    innerSlider?: {
-        list: HTMLElement;
-    };
-}
 export interface SliderProps extends Omit<SliderParams, 'children'>, Refable<HTMLDivElement>, ClassNameProps, Pick<Settings, 'lazyLoad'> {
     type?: string;
     anchorId?: string;

package/build/esm/blocks/Slider/schema.d.ts

@@ -5,29 +5,6 @@ export declare const SliderProps: {
     arrows: {
         type: string;
     };
-    description: {
-        type: string;
-    };
-    title: {
-        type: string;
-        additionalProperties: boolean;
-        required: string[];
-        properties: {
-            text: {
-                type: string;
-            };
-            textSize: {
-                type: string;
-                enum: string[];
-            };
-            url: {
-                type: string;
-            };
-            resetMargin: {
-                type: string;
-            };
-        };
-    };
     randomOrder: {
         type: string;
     };
@@ -56,6 +33,7 @@ export declare const SliderProps: {
         properties: {
             text: {
                 type: string;
+                contentType: string;
             };
             size: {
                 type: string;
@@ -105,34 +83,40 @@ export declare const SliderBlock: {
         additionalProperties: boolean;
         required: never[];
         properties: {
-            dots: {
-                type: string;
+            title: {
+                oneOf: ({
+                    type: string;
+                    additionalProperties: boolean;
+                    required: string[];
+                    properties: {
+                        text: {
+                            type: string;
+                            contentType: string;
+                        };
+                        textSize: {
+                            type: string;
+                            enum: string[];
+                        };
+                        url: {
+                            type: string;
+                        };
+                        resetMargin: {
+                            type: string;
+                        };
+                    };
+                } | {
+                    type: string;
+                })[];
             };
-            arrows: {
+            description: {
                 type: string;
+                contentType: string;
             };
-            description: {
+            dots: {
                 type: string;
             };
-            title: {
+            arrows: {
                 type: string;
-                additionalProperties: boolean;
-                required: string[];
-                properties: {
-                    text: {
-                        type: string;
-                    };
-                    textSize: {
-                        type: string;
-                        enum: string[];
-                    };
-                    url: {
-                        type: string;
-                    };
-                    resetMargin: {
-                        type: string;
-                    };
-                };
             };
             randomOrder: {
                 type: string;
@@ -162,6 +146,7 @@ export declare const SliderBlock: {
                 properties: {
                     text: {
                         type: string;
+                        contentType: string;
                     };
                     size: {
                         type: string;
@@ -212,6 +197,7 @@ export declare const SliderBlock: {
                 properties: {
                     text: {
                         type: string;
+                        contentType: string;
                     };
                     url: {
                         type: string;

package/build/esm/blocks/Slider/schema.js

@@ -1,4 +1,4 @@
-import { BlockBaseProps, TitleProps, AnimatableProps, ChildrenCardsProps, sliderSizesObject, textSize, } from '../../schema/validators/common';
+import { BlockBaseProps, AnimatableProps, ChildrenCardsProps, sliderSizesObject, textSize, BlockHeaderProps, } from '../../schema/validators/common';
 const LoadableProps = {
     additionalProperties: false,
     required: ['source'],
@@ -33,6 +33,7 @@ const DisclaimerProps = {
     properties: {
         text: {
             type: 'string',
+            contentType: 'text',
         },
         size: {
             type: 'string',
@@ -47,10 +48,6 @@ export const SliderProps = {
     arrows: {
         type: 'boolean',
     },
-    description: {
-        type: 'string',
-    },
-    title: TitleProps,
     randomOrder: {
         type: 'boolean',
     },
@@ -67,6 +64,6 @@ export const SliderBlock = {
     'slider-block': {
         additionalProperties: false,
         required: [],
-        properties: Object.assign(Object.assign(Object.assign({}, BlockBaseProps), AnimatableProps), SliderProps),
+        properties: Object.assign(Object.assign(Object.assign(Object.assign({}, BlockBaseProps), AnimatableProps), SliderProps), BlockHeaderProps),
     },
 };

package/build/esm/blocks/Table/schema.d.ts

@@ -5,6 +5,7 @@ export declare const TableBlock: {
         properties: {
             title: {
                 type: string;
+                contentType: string;
             };
             table: {
                 additionalProperties: boolean;
@@ -16,6 +17,7 @@ export declare const TableBlock: {
                             type: string;
                             items: {
                                 type: string[];
+                                contentType: string;
                             };
                         };
                     };
@@ -23,6 +25,7 @@ export declare const TableBlock: {
                         type: string;
                         items: {
                             type: string;
+                            contentType: string;
                         };
                     };
                     justify: {
@@ -47,6 +50,7 @@ export declare const TableBlock: {
                 properties: {
                     text: {
                         type: string;
+                        contentType: string;
                     };
                     url: {
                         type: string;

package/build/esm/blocks/Table/schema.js

@@ -5,6 +5,7 @@ export const TableBlock = {
         required: ['title', 'table'],
         properties: Object.assign(Object.assign({}, BlockBaseProps), { title: {
                 type: 'string',
+                contentType: 'text',
             }, table: {
                 additionalProperties: false,
                 required: ['content'],
@@ -14,12 +15,14 @@ export const TableBlock = {
                             type: 'array',
                             items: {
                                 type: ['string', 'number'],
+                                contentType: 'text',
                             },
                         },
                     }, legend: {
                         type: 'array',
                         items: {
                             type: 'string',
+                            contentType: 'yfm',
                         },
                     }, justify: {
                         type: 'array',

package/build/esm/blocks/Tabs/schema.d.ts

@@ -8,6 +8,7 @@ export declare const tabsItem: {
         };
         caption: {
             type: string;
+            contentType: string;
         };
         media: {
             oneOf: ({
@@ -101,6 +102,7 @@ export declare const tabsItem: {
                                     };
                                     text: {
                                         type: string;
+                                        contentType: string;
                                     };
                                 };
                             };
@@ -155,6 +157,7 @@ export declare const tabsItem: {
             properties: {
                 text: {
                     type: string;
+                    contentType: string;
                 };
                 url: {
                     type: string;
@@ -206,6 +209,7 @@ export declare const tabsItem: {
                 properties: {
                     text: {
                         type: string;
+                        contentType: string;
                     };
                     textSize: {
                         type: string;
@@ -220,13 +224,16 @@ export declare const tabsItem: {
                 };
             } | {
                 type: string;
+                contentType: string;
             })[];
         } | undefined;
         text?: {
             type: string;
+            contentType: string;
         } | undefined;
         additionalInfo?: {
             type: string;
+            contentType: string;
         } | undefined;
         size?: {
             type: string;
@@ -265,29 +272,6 @@ export declare const TabsBlock: {
         additionalProperties: boolean;
         required: string[];
         properties: {
-            title: {
-                type: string;
-                additionalProperties: boolean;
-                required: string[];
-                properties: {
-                    text: {
-                        type: string;
-                    };
-                    textSize: {
-                        type: string;
-                        enum: string[];
-                    };
-                    url: {
-                        type: string;
-                    };
-                    resetMargin: {
-                        type: string;
-                    };
-                };
-            };
-            description: {
-                type: string;
-            };
             tabsColSizes: {};
             direction: {
                 type: string;
@@ -307,6 +291,35 @@ export declare const TabsBlock: {
                     };
                 };
             };
+            title: {
+                oneOf: ({
+                    type: string;
+                    additionalProperties: boolean;
+                    required: string[];
+                    properties: {
+                        text: {
+                            type: string;
+                            contentType: string;
+                        };
+                        textSize: {
+                            type: string;
+                            enum: string[];
+                        };
+                        url: {
+                            type: string;
+                        };
+                        resetMargin: {
+                            type: string;
+                        };
+                    };
+                } | {
+                    type: string;
+                })[];
+            };
+            description: {
+                type: string;
+                contentType: string;
+            };
             anchor: {
                 type: string;
                 additionalProperties: boolean;
@@ -314,6 +327,7 @@ export declare const TabsBlock: {
                 properties: {
                     text: {
                         type: string;
+                        contentType: string;
                     };
                     url: {
                         type: string;

package/build/esm/blocks/Tabs/schema.js

@@ -1,5 +1,5 @@
 import { filteredArray } from '../../schema/validators/utils';
-import { LinkProps, withTheme, BlockBaseProps, TitleProps, MediaProps, containerSizesArray, sizeNumber, mediaDirection, } from '../../schema/validators/common';
+import { LinkProps, withTheme, BlockBaseProps, BlockHeaderProps, MediaProps, containerSizesArray, sizeNumber, mediaDirection, } from '../../schema/validators/common';
 import { ImageProps } from '../../components/Image/schema';
 import _ from 'lodash';
 import { ContentBase } from '../../sub-blocks/Content/schema';
@@ -12,6 +12,7 @@ export const tabsItem = {
             type: 'string',
         }, caption: {
             type: 'string',
+            contentType: 'text',
         }, media: withTheme({
             type: 'object',
             properties: MediaProps,
@@ -23,9 +24,7 @@ export const TabsBlock = {
     'tabs-block': {
         additionalProperties: false,
         required: ['title', 'items'],
-        properties: Object.assign(Object.assign({}, BlockBaseProps), { title: TitleProps, description: {
-                type: 'string',
-            }, tabsColSizes: containerSizesArray.reduce((acc, size) => (Object.assign(Object.assign({}, acc), { [size]: sizeNumber })), {}), direction: {
+        properties: Object.assign(Object.assign(Object.assign({}, BlockBaseProps), BlockHeaderProps), { tabsColSizes: containerSizesArray.reduce((acc, size) => (Object.assign(Object.assign({}, acc), { [size]: sizeNumber })), {}), direction: {
                 type: 'string',
                 enum: mediaDirection,
             }, centered: { type: 'boolean' }, items: filteredArray(tabsItem) }),

package/build/esm/components/Author/Author.js

@@ -5,10 +5,10 @@ import { block } from '../../utils';
 import './Author.css';
 const b = block('author');
 const Author = (props) => {
-    const { author, className, authorContainerClassName, type = AuthorType.Column } = props;
+    const { author, className, authorContainerClassName, type = AuthorType.Column, dataQa } = props;
     const { firstName, secondName, description, avatar } = author;
     const name = secondName ? `${firstName} ${secondName}` : firstName;
-    return (React.createElement("div", { className: b({ type }, className) },
+    return (React.createElement("div", { className: b({ type }, className), "data-qa": dataQa },
         avatar && (React.createElement("div", { className: b('avatar', authorContainerClassName) }, typeof avatar === 'string' ? React.createElement(Image, { src: avatar }) : avatar)),
         React.createElement("div", { className: b('label') },
             React.createElement("div", { className: b('name') }, name),

package/build/esm/components/Author/__tests__/Author.test.d.ts

@@ -0,0 +1 @@
+export {};

package/build/esm/components/Author/__tests__/Author.test.js

@@ -0,0 +1,46 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import { AuthorType } from '../../../models';
+import Author from '../Author';
+const testId = 'author';
+const author = {
+    firstName: 'John',
+    secondName: 'Doe',
+    description: 'Web designer',
+    avatar: 'https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/img-gray.png',
+};
+describe('Author', () => {
+    test('Render author by default', async () => {
+        render(React.createElement(Author, { author: author, dataQa: testId }));
+        const object = screen.getByTestId(testId);
+        expect(object).toBeInTheDocument();
+    });
+    test('Has full name', async () => {
+        const name = `${author.firstName} ${author.secondName}`;
+        render(React.createElement(Author, { author: author, dataQa: testId }));
+        const object = screen.getByText(name);
+        expect(object).toBeInTheDocument();
+    });
+    test('Has first name only', async () => {
+        const name = author.firstName;
+        render(React.createElement(Author, { author: Object.assign(Object.assign({}, author), { secondName: '' }), dataQa: testId }));
+        const object = screen.getByText(name);
+        expect(object).toBeInTheDocument();
+    });
+    test('Has avatar', async () => {
+        render(React.createElement(Author, { author: author, dataQa: testId }));
+        const avatar = screen.getByRole('img');
+        expect(avatar).toBeInTheDocument();
+        expect(avatar).toHaveAttribute('src', author.avatar);
+    });
+    test('Has description', async () => {
+        render(React.createElement(Author, { author: author, dataQa: testId }));
+        const object = screen.getByText(author.description);
+        expect(object).toBeInTheDocument();
+    });
+    test.each(new Array(AuthorType.Column, AuthorType.Line))('Render with given "%s" type', (type) => {
+        render(React.createElement(Author, { author: author, dataQa: testId, type: type }));
+        const object = screen.getByTestId(testId);
+        expect(object).toHaveClass(`pc-author_type_${type}`);
+    });
+});