@gravity-ui/page-constructor 4.0.0-beta.0 → 4.0.0

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

@@ -19,6 +19,7 @@ export const HeaderProperties = {
     description: {
         type: 'string',
         contentType: 'yfm',
+        inputType: 'textarea',
     },
     width: {
         type: 'string',

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

@@ -21,6 +21,7 @@ export declare const HeaderSliderBlock: {
                         description: {
                             type: string;
                             contentType: string;
+                            inputType: string;
                         };
                         width: {
                             type: string;
@@ -42,7 +43,7 @@ export declare const HeaderSliderBlock: {
                             enum: string[];
                         };
                         image: {
-                            oneOf: ({
+                            oneOf: (({
                                 oneOf: ({
                                     type: string;
                                     properties: {
@@ -53,16 +54,20 @@ export declare const HeaderSliderBlock: {
                                 } | {
                                     type: string;
                                     pattern: string;
+                                    optionName: string;
                                 })[];
-                            } | {
+                            } & {
+                                optionName: string;
+                            }) | {
                                 type: string;
                                 additionalProperties: boolean;
                                 required: import("../..").Theme[];
                                 properties: {};
+                                optionName: string;
                             })[];
                         };
                         video: {
-                            oneOf: ({
+                            oneOf: (({
                                 type: string;
                                 additionalProperties: boolean;
                                 required: string[];
@@ -74,7 +79,8 @@ export declare const HeaderSliderBlock: {
                                         };
                                     };
                                     loop: {
-                                        anyOf: ({
+                                        oneOf: ({
+                                            optionName: string;
                                             type: string;
                                             additionalProperties: boolean;
                                             required: string[];
@@ -88,6 +94,7 @@ export declare const HeaderSliderBlock: {
                                             };
                                         } | {
                                             type: string;
+                                            optionName: string;
                                         })[];
                                     };
                                     type: {
@@ -97,13 +104,13 @@ export declare const HeaderSliderBlock: {
                                     muted: {
                                         type: string;
                                     };
-                                    playing: {
+                                    autoplay: {
                                         type: string;
                                     };
                                     elapsedTime: {
                                         type: string;
                                     };
-                                    playIcon: {
+                                    playButton: {
                                         type: string;
                                         additionalProperties: boolean;
                                         properties: {
@@ -126,11 +133,14 @@ export declare const HeaderSliderBlock: {
                                         enum: string[];
                                     };
                                 };
-                            } | {
+                            } & {
+                                optionName: string;
+                            }) | {
                                 type: string;
                                 additionalProperties: boolean;
                                 required: import("../..").Theme[];
                                 properties: {};
+                                optionName: string;
                             })[];
                         };
                         backLink: {
@@ -155,7 +165,7 @@ export declare const HeaderSliderBlock: {
                             enum: string[];
                         };
                         background: {
-                            oneOf: ({
+                            oneOf: (({
                                 type: string;
                                 additionalProperties: boolean;
                                 required: never[];
@@ -170,7 +180,8 @@ export declare const HeaderSliderBlock: {
                                         type: string;
                                     };
                                     image: {
-                                        anyOf: ({
+                                        oneOf: ({
+                                            optionName: string;
                                             oneOf: ({
                                                 type: string;
                                                 properties: {
@@ -181,7 +192,10 @@ export declare const HeaderSliderBlock: {
                                             } | {
                                                 type: string;
                                                 pattern: string;
+                                                optionName: string;
                                             })[];
+                                            type?: undefined;
+                                            items?: undefined;
                                         } | {
                                             type: string;
                                             items: {
@@ -195,8 +209,10 @@ export declare const HeaderSliderBlock: {
                                                 } | {
                                                     type: string;
                                                     pattern: string;
+                                                    optionName: string;
                                                 })[];
                                             };
+                                            optionName: string;
                                         })[];
                                     };
                                     video: {
@@ -211,7 +227,8 @@ export declare const HeaderSliderBlock: {
                                                 };
                                             };
                                             loop: {
-                                                anyOf: ({
+                                                oneOf: ({
+                                                    optionName: string;
                                                     type: string;
                                                     additionalProperties: boolean;
                                                     required: string[];
@@ -225,6 +242,7 @@ export declare const HeaderSliderBlock: {
                                                     };
                                                 } | {
                                                     type: string;
+                                                    optionName: string;
                                                 })[];
                                             };
                                             type: {
@@ -234,13 +252,13 @@ export declare const HeaderSliderBlock: {
                                             muted: {
                                                 type: string;
                                             };
-                                            playing: {
+                                            autoplay: {
                                                 type: string;
                                             };
                                             elapsedTime: {
                                                 type: string;
                                             };
-                                            playIcon: {
+                                            playButton: {
                                                 type: string;
                                                 additionalProperties: boolean;
                                                 properties: {
@@ -278,6 +296,10 @@ export declare const HeaderSliderBlock: {
                                     };
                                     dataLens: {
                                         oneOf: ({
+                                            type: string;
+                                            optionName: string;
+                                        } | {
+                                            optionName: string;
                                             type: string;
                                             additionalProperties: boolean;
                                             required: string[];
@@ -290,19 +312,98 @@ export declare const HeaderSliderBlock: {
                                                     enum: string[];
                                                 };
                                             };
-                                        } | {
-                                            type: string;
                                         })[];
                                     };
                                     fullscreen: {
                                         type: string;
                                     };
+                                    analyticsEvents: {
+                                        anyOf: ({
+                                            type: string;
+                                            additionalProperties: {
+                                                type: string;
+                                            };
+                                            required: string[];
+                                            properties: {
+                                                name: {
+                                                    type: string;
+                                                };
+                                                type: {
+                                                    type: string;
+                                                };
+                                                counters: {
+                                                    type: string;
+                                                    additionalProperties: boolean;
+                                                    required: never[];
+                                                    properties: {
+                                                        include: {
+                                                            type: string;
+                                                            items: {
+                                                                type: string;
+                                                            };
+                                                        };
+                                                        exclude: {
+                                                            type: string;
+                                                            items: {
+                                                                type: string;
+                                                            };
+                                                        };
+                                                    };
+                                                };
+                                                context: {
+                                                    type: string;
+                                                };
+                                            };
+                                        } | {
+                                            type: string;
+                                            items: {
+                                                type: string;
+                                                additionalProperties: {
+                                                    type: string;
+                                                };
+                                                required: string[];
+                                                properties: {
+                                                    name: {
+                                                        type: string;
+                                                    };
+                                                    type: {
+                                                        type: string;
+                                                    };
+                                                    counters: {
+                                                        type: string;
+                                                        additionalProperties: boolean;
+                                                        required: never[];
+                                                        properties: {
+                                                            include: {
+                                                                type: string;
+                                                                items: {
+                                                                    type: string;
+                                                                };
+                                                            };
+                                                            exclude: {
+                                                                type: string;
+                                                                items: {
+                                                                    type: string;
+                                                                };
+                                                            };
+                                                        };
+                                                    };
+                                                    context: {
+                                                        type: string;
+                                                    };
+                                                };
+                                            };
+                                        })[];
+                                    };
                                 };
-                            } | {
+                            } & {
+                                optionName: string;
+                            }) | {
                                 type: string;
                                 additionalProperties: boolean;
                                 required: import("../..").Theme[];
                                 properties: {};
+                                optionName: string;
                             })[];
                         };
                         theme: {
@@ -349,24 +450,15 @@ export declare const HeaderSliderBlock: {
             arrows: {
                 type: string;
             };
-            randomOrder: {
-                type: string;
-            };
-            autoplay: {
-                type: string;
-            };
-            animated: {
-                animated: {
-                    type: string;
-                };
-            };
             slidesToShow: {
-                anyOf: ({
+                oneOf: ({
                     type: string;
                     additionalProperties: boolean;
                     properties: {};
+                    optionName: string;
                 } | {
                     type: string;
+                    optionName: string;
                     additionalProperties?: undefined;
                     properties?: undefined;
                 })[];
@@ -385,34 +477,15 @@ export declare const HeaderSliderBlock: {
                     };
                 };
             };
-            loadable: {
-                additionalProperties: boolean;
-                required: string[];
-                properties: {
-                    source: {
-                        type: string;
-                        enum: string[];
-                    };
-                    minCount: {
-                        type: string;
-                    };
-                    serviceId: {
-                        type: string;
-                    };
-                    params: {
-                        type: string;
-                        patternProperties: {
-                            '.*': {
-                                type: string[];
-                            };
-                        };
-                    };
-                };
+            autoplay: {
+                type: string;
             };
-            children: {
+            randomOrder: {
                 type: string;
-                items: {
-                    $ref: string;
+            };
+            animated: {
+                animated: {
+                    type: string;
                 };
             };
             anchor: {
@@ -440,7 +513,9 @@ export declare const HeaderSliderBlock: {
                 type: string;
             };
             type: {};
-            when: {};
+            when: {
+                type: string;
+            };
         };
     };
 };

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

@@ -1,10 +1,11 @@
+import _ from 'lodash';
 import { HeaderProperties, SliderProps } from '../../schema/validators/blocks';
 import { BlockBaseProps } from '../../schema/validators/common';
 export const HeaderSliderBlock = {
     'header-slider-block': {
         additionalProperties: false,
         required: ['items'],
-        properties: Object.assign(Object.assign(Object.assign({}, BlockBaseProps), SliderProps), { items: {
+        properties: Object.assign(Object.assign(Object.assign({}, BlockBaseProps), _.omit(SliderProps, ['loadable', 'children'])), { items: {
                 type: 'array',
                 items: {
                     type: 'object',

package/build/esm/blocks/Icons/Icons.css

@@ -4,8 +4,8 @@ unpredictable css rules order in build */
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
-  font-size: var(--yc-text-body-2-font-size);
-  line-height: var(--yc-text-body-2-line-height);
+  font-size: var(--g-text-body-2-font-size);
+  line-height: var(--g-text-body-2-line-height);
 }
 .pc-icons-block_size_s .pc-icons-block__item {
   width: 96px;

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

@@ -9,6 +9,7 @@ export declare const IconsProps: {
         size: {
             type: string;
             enum: string[];
+            default: string;
         };
         items: {
             type: string;
@@ -58,11 +59,13 @@ export declare const IconsProps: {
             type: string;
         };
         type: {};
-        when: {};
+        when: {
+            type: string;
+        };
     };
 };
 export declare const IconsBlock: {
-    'icon-block': {
+    'icons-block': {
         additionalProperties: boolean;
         required: string[];
         properties: {
@@ -73,6 +76,7 @@ export declare const IconsBlock: {
             size: {
                 type: string;
                 enum: string[];
+                default: string;
             };
             items: {
                 type: string;
@@ -122,7 +126,9 @@ export declare const IconsBlock: {
                 type: string;
             };
             type: {};
-            when: {};
+            when: {
+                type: string;
+            };
         };
     };
 };

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

@@ -8,6 +8,7 @@ export const IconsProps = {
         }, size: {
             type: 'string',
             enum: ['s', 'm', 'l'],
+            default: 's',
         }, items: {
             type: 'array',
             items: {
@@ -30,5 +31,5 @@ export const IconsProps = {
         } }),
 };
 export const IconsBlock = {
-    'icon-block': IconsProps,
+    'icons-block': IconsProps,
 };

package/build/esm/blocks/Info/Info.css

@@ -1,7 +1,7 @@
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
 .pc-info-block__container {
-  background-color: var(--yc-color-base-special);
+  background-color: var(--g-color-base-brand);
   padding: 96px 64px;
   border-radius: var(--pc-border-radius);
 }

package/build/esm/blocks/Info/Info.js

@@ -1,5 +1,5 @@
-import React, { useContext } from 'react';
-import { ThemeValueContext } from '../../context/theme/ThemeValueContext';
+import React from 'react';
+import { useTheme } from '../../context/theme';
 import { Col, Grid, Row } from '../../grid';
 import Content from '../../sub-blocks/Content/Content';
 import { block, getThemedValue } from '../../utils';
@@ -8,7 +8,7 @@ const b = block('info-block');
 const sizes = { md: 6, all: 12 };
 export const InfoBlock = (props) => {
     const { backgroundColor, theme: blockTheme = 'dark', buttons = [], title, sectionsTitle, links = [], rightContent = {}, leftContent = {}, } = props;
-    const { themeValue: theme } = useContext(ThemeValueContext);
+    const theme = useTheme();
     const contentTheme = blockTheme === 'dark' ? 'dark' : 'default';
     const rightLinks = [
         ...((rightContent === null || rightContent === void 0 ? void 0 : rightContent.links) || []),

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

@@ -8,13 +8,16 @@ export declare const InfoBlock: {
                 contentType: string;
             };
             backgroundColor: {
-                oneOf: ({
+                oneOf: (({
                     type: string;
-                } | {
+                } & {
+                    optionName: string;
+                }) | {
                     type: string;
                     additionalProperties: boolean;
                     required: import("../..").Theme[];
                     properties: {};
+                    optionName: string;
                 })[];
             };
             sectionsTitle: {
@@ -52,6 +55,11 @@ export declare const InfoBlock: {
                 properties: Partial<{
                     title: {
                         oneOf: ({
+                            type: string;
+                            contentType: string;
+                            optionName: string;
+                        } | {
+                            optionName: string;
                             type: string;
                             additionalProperties: boolean;
                             required: string[];
@@ -71,14 +79,13 @@ export declare const InfoBlock: {
                                     type: string;
                                 };
                             };
-                        } | {
-                            type: string;
-                            contentType: string;
+                            contentType?: undefined;
                         })[];
                     };
                     text: {
                         type: string;
                         contentType: string;
+                        inputType: string;
                     };
                     additionalInfo: {
                         type: string;
@@ -114,6 +121,17 @@ export declare const InfoBlock: {
                         type: string;
                         enum: string[];
                     };
+                    list: {
+                        type: string;
+                        items: {
+                            type: string;
+                            properties: {
+                                when: {
+                                    type: string;
+                                };
+                            };
+                        };
+                    };
                 }>;
             };
             rightContent: {
@@ -121,6 +139,11 @@ export declare const InfoBlock: {
                 properties: Partial<{
                     title: {
                         oneOf: ({
+                            type: string;
+                            contentType: string;
+                            optionName: string;
+                        } | {
+                            optionName: string;
                             type: string;
                             additionalProperties: boolean;
                             required: string[];
@@ -140,14 +163,13 @@ export declare const InfoBlock: {
                                     type: string;
                                 };
                             };
-                        } | {
-                            type: string;
-                            contentType: string;
+                            contentType?: undefined;
                         })[];
                     };
                     text: {
                         type: string;
                         contentType: string;
+                        inputType: string;
                     };
                     additionalInfo: {
                         type: string;
@@ -183,10 +205,23 @@ export declare const InfoBlock: {
                         type: string;
                         enum: string[];
                     };
+                    list: {
+                        type: string;
+                        items: {
+                            type: string;
+                            properties: {
+                                when: {
+                                    type: string;
+                                };
+                            };
+                        };
+                    };
                 }>;
             };
             type: {};
-            when: {};
+            when: {
+                type: string;
+            };
         };
     };
 };