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

package/build/cjs/sub-blocks/LayoutItem/schema.d.ts

@@ -8,7 +8,8 @@ export declare const LayoutItem: {
                 type: string;
             };
             image: {
-                anyOf: ({
+                oneOf: ({
+                    optionName: string;
                     oneOf: ({
                         type: string;
                         properties: {
@@ -19,7 +20,10 @@ export declare const LayoutItem: {
                     } | {
                         type: string;
                         pattern: string;
+                        optionName: string;
                     })[];
+                    type?: undefined;
+                    items?: undefined;
                 } | {
                     type: string;
                     items: {
@@ -33,8 +37,10 @@ export declare const LayoutItem: {
                         } | {
                             type: string;
                             pattern: string;
+                            optionName: string;
                         })[];
                     };
+                    optionName: string;
                 })[];
             };
             video: {
@@ -49,7 +55,8 @@ export declare const LayoutItem: {
                         };
                     };
                     loop: {
-                        anyOf: ({
+                        oneOf: ({
+                            optionName: string;
                             type: string;
                             additionalProperties: boolean;
                             required: string[];
@@ -63,6 +70,7 @@ export declare const LayoutItem: {
                             };
                         } | {
                             type: string;
+                            optionName: string;
                         })[];
                     };
                     type: {
@@ -72,13 +80,13 @@ export declare const LayoutItem: {
                     muted: {
                         type: string;
                     };
-                    playing: {
+                    autoplay: {
                         type: string;
                     };
                     elapsedTime: {
                         type: string;
                     };
-                    playIcon: {
+                    playButton: {
                         type: string;
                         additionalProperties: boolean;
                         properties: {
@@ -116,6 +124,10 @@ export declare const LayoutItem: {
             };
             dataLens: {
                 oneOf: ({
+                    type: string;
+                    optionName: string;
+                } | {
+                    optionName: string;
                     type: string;
                     additionalProperties: boolean;
                     required: string[];
@@ -128,17 +140,98 @@ export declare const LayoutItem: {
                             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;
+                            };
+                        };
+                    };
+                })[];
+            };
         };
         content: Partial<{
             title: {
                 oneOf: ({
+                    type: string;
+                    contentType: string;
+                    optionName: string;
+                } | {
+                    optionName: string;
                     type: string;
                     additionalProperties: boolean;
                     required: string[];
@@ -158,14 +251,13 @@ export declare const LayoutItem: {
                             type: string;
                         };
                     };
-                } | {
-                    type: string;
-                    contentType: string;
+                    contentType?: undefined;
                 })[];
             };
             text: {
                 type: string;
                 contentType: string;
+                inputType: string;
             };
             additionalInfo: {
                 type: string;
@@ -201,6 +293,17 @@ export declare const LayoutItem: {
                 type: string;
                 enum: string[];
             };
+            list: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+            };
         }>;
         metaInfo: {
             type: string;
@@ -216,6 +319,8 @@ export declare const LayoutItem: {
             type: string;
         };
         type: {};
-        when: {};
+        when: {
+            type: string;
+        };
     };
 };

package/build/cjs/sub-blocks/MediaCard/schema.d.ts

@@ -10,7 +10,8 @@ export declare const MediaCardBlock: {
                 type: string;
             };
             image: {
-                anyOf: ({
+                oneOf: ({
+                    optionName: string;
                     oneOf: ({
                         type: string;
                         properties: {
@@ -21,7 +22,10 @@ export declare const MediaCardBlock: {
                     } | {
                         type: string;
                         pattern: string;
+                        optionName: string;
                     })[];
+                    type?: undefined;
+                    items?: undefined;
                 } | {
                     type: string;
                     items: {
@@ -35,8 +39,10 @@ export declare const MediaCardBlock: {
                         } | {
                             type: string;
                             pattern: string;
+                            optionName: string;
                         })[];
                     };
+                    optionName: string;
                 })[];
             };
             video: {
@@ -51,7 +57,8 @@ export declare const MediaCardBlock: {
                         };
                     };
                     loop: {
-                        anyOf: ({
+                        oneOf: ({
+                            optionName: string;
                             type: string;
                             additionalProperties: boolean;
                             required: string[];
@@ -65,6 +72,7 @@ export declare const MediaCardBlock: {
                             };
                         } | {
                             type: string;
+                            optionName: string;
                         })[];
                     };
                     type: {
@@ -74,13 +82,13 @@ export declare const MediaCardBlock: {
                     muted: {
                         type: string;
                     };
-                    playing: {
+                    autoplay: {
                         type: string;
                     };
                     elapsedTime: {
                         type: string;
                     };
-                    playIcon: {
+                    playButton: {
                         type: string;
                         additionalProperties: boolean;
                         properties: {
@@ -118,6 +126,10 @@ export declare const MediaCardBlock: {
             };
             dataLens: {
                 oneOf: ({
+                    type: string;
+                    optionName: string;
+                } | {
+                    optionName: string;
                     type: string;
                     additionalProperties: boolean;
                     required: string[];
@@ -130,15 +142,97 @@ export declare const MediaCardBlock: {
                             enum: 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;
+                            };
+                        };
+                    };
                 })[];
             };
-            fullscreen: {
+            border: {
                 type: string;
+                enum: string[];
             };
             type: {};
-            when: {};
+            when: {
+                type: string;
+            };
         };
     };
 };

package/build/cjs/sub-blocks/MediaCard/schema.js

@@ -6,6 +6,6 @@ exports.MediaCardBlock = {
     'media-card': {
         additionalProperties: false,
         required: [],
-        properties: Object.assign(Object.assign(Object.assign({}, common_1.BaseProps), common_1.MediaProps), common_1.AnimatableProps),
+        properties: Object.assign(Object.assign(Object.assign(Object.assign({}, common_1.BaseProps), common_1.CardBase), common_1.MediaProps), common_1.AnimatableProps),
     },
 };

package/build/cjs/sub-blocks/PriceDetailed/CombinedPriceDetailed/CombinedPriceDetailed.css

@@ -13,7 +13,7 @@ unpredictable css rules order in build */
   width: 100%;
 }
 .pc-combined-price-detailed-block__row:not(:last-child) {
-  border-bottom: 1px solid var(--yc-color-line-generic);
+  border-bottom: 1px solid var(--g-color-line-generic);
   margin-bottom: 12px !important;
   padding-bottom: 12px;
 }
@@ -22,7 +22,7 @@ unpredictable css rules order in build */
     padding-top: 12px;
   }
   .pc-combined-price-detailed-block__description_delimiter > * {
-    border-top: 1px solid var(--yc-color-line-generic);
+    border-top: 1px solid var(--g-color-line-generic);
   }
   .pc-combined-price-detailed-block__empty-column {
     border-top: 0;

package/build/cjs/sub-blocks/PriceDetailed/PriceDescription/PriceDescription.css

@@ -3,26 +3,26 @@ unpredictable css rules order in build */
 .pc-price-description {
   margin-bottom: 12px;
 }
-.pc-price-description__title_size_l, .pc-price-description__description_size_l, .pc-price-description__detailed-title_size_l, .pc-price-description__label_size_l {
-  font-size: var(--yc-text-header-1-font-size);
-  line-height: var(--yc-text-header-1-line-height);
+.pc-price-description__title_size_l, .pc-price-description__description_size_l, .pc-price-description__detailed-title_size_l {
+  font-size: var(--g-text-header-1-font-size);
+  line-height: var(--g-text-header-1-line-height);
 }
-.pc-price-description__title_size_m, .pc-price-description__description_size_m, .pc-price-description__detailed-title_size_m, .pc-price-description__label_size_m {
-  font-size: var(--yc-text-body-2-font-size);
-  line-height: var(--yc-text-body-2-line-height);
+.pc-price-description__title_size_m, .pc-price-description__description_size_m, .pc-price-description__detailed-title_size_m {
+  font-size: var(--g-text-body-2-font-size);
+  line-height: var(--g-text-body-2-line-height);
 }
-.pc-price-description__title_size_s, .pc-price-description__description_size_s, .pc-price-description__detailed-title_size_s, .pc-price-description__label_size_s {
-  font-size: var(--yc-text-body-1-font-size);
-  line-height: var(--yc-text-body-1-line-height);
+.pc-price-description__title_size_s, .pc-price-description__description_size_s, .pc-price-description__detailed-title_size_s {
+  font-size: var(--g-text-body-1-font-size);
+  line-height: var(--g-text-body-1-line-height);
 }
 .pc-price-description__main-title {
   font-weight: 500;
 }
 .pc-price-description__main-title_color_cornflower {
-  color: var(--yc-my-color-brand-normal);
+  color: var(--g-color-base-brand);
 }
 .pc-price-description__main-title_color_black {
-  color: var(--yc-color-text-primary);
+  color: var(--g-color-text-primary);
 }
 .pc-price-description__title {
   display: flex;
@@ -35,25 +35,13 @@ unpredictable css rules order in build */
 .pc-price-description__detailed-title {
   margin-left: 4px;
 }
-.pc-price-description__label {
-  padding: 4px 12px;
-  border-radius: 4px;
-  width: fit-content;
+.pc-price-description__label_size_s {
+  font-size: var(--g-text-body-2-font-size);
+  line-height: var(--g-text-body-2-line-height);
 }
-.pc-price-description__label_color_blue {
-  background: var(--yc-color-promo-highlight-sky);
-}
-.pc-price-description__label_color_green {
-  background: var(--yc-color-promo-highlight-mint);
-}
-.pc-price-description__label_color_yellow {
-  background: var(--yc-color-promo-highlight-gold);
-}
-.pc-price-description__label_color_purple {
-  background: var(--yc-color-promo-highlight-neon);
-}
-.pc-price-description__label_color_red {
-  background: var(--yc-color-promo-highlight-tomato);
+.pc-price-description__label_size_xs {
+  font-size: var(--g-text-body-1-font-size);
+  line-height: var(--g-text-body-1-line-height);
 }
 @media (max-width: 577px) {
   .pc-price-description {

package/build/cjs/sub-blocks/PriceDetailed/PriceDescription/PriceDescription.js

@@ -2,10 +2,25 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
 const components_1 = require("../../../components");
 const stylesContext_1 = require("../../../context/stylesContext");
+const models_1 = require("../../../models");
 const utils_1 = require("../../../utils");
 const b = (0, utils_1.block)('price-description');
+const LabelColorsMapping = {
+    [models_1.PriceLabelColor.BLUE]: 'info',
+    [models_1.PriceLabelColor.GREEN]: 'success',
+    [models_1.PriceLabelColor.YELLOW]: 'warning',
+    [models_1.PriceLabelColor.PURPLE]: 'normal',
+    [models_1.PriceLabelColor.RED]: 'dnager',
+};
+const LabelSizeMap = {
+    l: 's',
+    m: 's',
+    s: 'xs',
+    xs: 'xs',
+};
 const PriceDescription = (props) => {
     const { title, detailedTitle = '', description, titleSize = 'l', descriptionSize = 'm', colorTitle = 'cornflower', label, labelsDefaultText, className, } = props;
     const descriptionRef = react_1.default.useRef(null);
@@ -38,7 +53,9 @@ const PriceDescription = (props) => {
             return null;
         }
         const labelTitle = label.text || (labelsDefaultText && labelsDefaultText[label.color]);
-        return (react_1.default.createElement("div", { className: b('label', { color: label.color, size: label.size || descriptionSize }) }, labelTitle));
+        const labelColor = (LabelColorsMapping[label.color] || 'unknown');
+        const labelSize = LabelSizeMap[label.size || descriptionSize];
+        return (react_1.default.createElement(uikit_1.Label, { className: b('label', { size: labelSize }), theme: labelColor, size: labelSize }, labelTitle));
     }, [descriptionSize, label, labelsDefaultText]);
     const titleElement = (0, react_1.useMemo)(() => {
         return (react_1.default.createElement("div", { className: b('title', { size: titleSize }) },

package/build/cjs/sub-blocks/PriceDetailed/PriceDetails/Details/Settings.css

@@ -4,17 +4,17 @@ unpredictable css rules order in build */
   font-weight: 400;
 }
 .pc-settings-list__title_size_l, .pc-settings-list__description_size_l {
-  font-size: var(--yc-text-header-1-font-size);
-  line-height: var(--yc-text-header-1-line-height);
+  font-size: var(--g-text-header-1-font-size);
+  line-height: var(--g-text-header-1-line-height);
 }
 .pc-settings-list__title_size_m, .pc-settings-list__description_size_m {
-  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-settings-list__title_size_s, .pc-settings-list__description_size_s {
-  font-size: var(--yc-text-body-1-font-size);
-  line-height: var(--yc-text-body-1-line-height);
+  font-size: var(--g-text-body-1-font-size);
+  line-height: var(--g-text-body-1-line-height);
 }
 .pc-settings-list__title {
-  color: var(--yc-color-text-hint);
+  color: var(--g-color-text-hint);
 }

package/build/cjs/sub-blocks/PriceDetailed/PriceDetails/PriceDetails.css

@@ -17,7 +17,7 @@ unpredictable css rules order in build */
   }
 }
 .pc-price-details__delimiter-line {
-  border-top: 1px solid var(--yc-color-line-generic);
+  border-top: 1px solid var(--g-color-line-generic);
 }
 .pc-price-details__arrow {
   margin: auto 10px;
@@ -26,14 +26,14 @@ unpredictable css rules order in build */
   cursor: pointer;
   display: flex;
   font-weight: 400;
-  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-price-details__foldable_title_color_cornflower {
-  color: var(--yc-color-text-link);
+  color: var(--g-color-text-link);
 }
 .pc-price-details__foldable_title_color_black {
-  color: var(--yc-color-text-primary);
+  color: var(--g-color-text-primary);
 }
 .pc-price-details__foldable_block > * {
   padding-top: 12px;

package/build/cjs/sub-blocks/PriceDetailed/schema.d.ts

@@ -49,6 +49,7 @@ export declare const PriceDetailedBlock: {
             priceType: {
                 type: string;
                 enum: string[];
+                default: string;
             };
             numberGroupItems: {
                 type: string;
@@ -87,7 +88,9 @@ export declare const PriceDetailedBlock: {
                 type: string;
             };
             type: {};
-            when: {};
+            when: {
+                type: string;
+            };
         };
     };
 };

package/build/cjs/sub-blocks/PriceDetailed/schema.js

@@ -127,7 +127,10 @@ const PriceDetailsListProps = {
 };
 const PriceDetailsProps = {
     items: {
-        anyOf: [(0, utils_1.filteredArray)(PriceDetailsListProps), (0, utils_1.filteredArray)(PriceDetailsSettingsProps)],
+        oneOf: [
+            Object.assign(Object.assign({}, (0, utils_1.filteredArray)(Object.assign({}, PriceDetailsListProps))), { optionName: 'marked-list' }),
+            Object.assign(Object.assign({}, (0, utils_1.filteredArray)(Object.assign({}, PriceDetailsSettingsProps))), { optionName: 'settings' }),
+        ],
     },
 };
 const PriceItem = {
@@ -143,6 +146,7 @@ exports.PriceDetailedBlock = {
         properties: Object.assign(Object.assign(Object.assign({}, common_1.BaseProps), common_1.AnimatableProps), { items: (0, utils_1.filteredArray)(PriceItem), description: PriceDetailedDescriptionProps, details: PriceDetailedDetailsProps, priceType: {
                 type: 'string',
                 enum: PriceDetailedDetailsType,
+                default: 'settings',
             }, numberGroupItems: {
                 type: 'number',
                 enum: [3, 4, 5],