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

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

@@ -11,26 +11,32 @@ export declare const BannerCardProps: {
             contentType: string;
         };
         image: {
-            oneOf: ({
+            oneOf: (({
                 type: string;
-            } | {
+            } & {
+                optionName: string;
+            }) | {
                 type: string;
                 additionalProperties: boolean;
                 required: import("../..").Theme[];
                 properties: {};
+                optionName: string;
             })[];
         };
         disableCompress: {
             type: string;
         };
         color: {
-            oneOf: ({
+            oneOf: (({
                 type: string;
-            } | {
+            } & {
+                optionName: string;
+            }) | {
                 type: string;
                 additionalProperties: boolean;
                 required: import("../..").Theme[];
                 properties: {};
+                optionName: string;
             })[];
         };
         theme: {
@@ -64,8 +70,9 @@ export declare const BannerCardProps: {
                     enum: string[];
                 };
                 img: {
-                    anyOf: ({
+                    oneOf: ({
                         type: string;
+                        optionName: string;
                         additionalProperties?: undefined;
                         required?: undefined;
                         properties?: undefined;
@@ -86,11 +93,13 @@ export declare const BannerCardProps: {
                                 contentType: string;
                             };
                         };
+                        optionName: string;
                     })[];
                 };
                 metrikaGoals: {
-                    anyOf: ({
+                    oneOf: ({
                         type: string;
+                        optionName: string;
                         items?: undefined;
                     } | {
                         type: string;
@@ -100,6 +109,7 @@ export declare const BannerCardProps: {
                             required?: undefined;
                             properties?: undefined;
                         };
+                        optionName: string;
                     } | {
                         type: string;
                         items: {
@@ -115,6 +125,7 @@ export declare const BannerCardProps: {
                                 };
                             };
                         };
+                        optionName: string;
                     })[];
                 };
                 pixelEvents: {
@@ -174,7 +185,8 @@ export declare const BannerCardProps: {
                     };
                 };
                 analyticsEvents: {
-                    anyOf: ({
+                    oneOf: ({
+                        optionName: string;
                         type: string;
                         additionalProperties: {
                             type: string;
@@ -210,6 +222,7 @@ export declare const BannerCardProps: {
                                 type: string;
                             };
                         };
+                        items?: undefined;
                     } | {
                         type: string;
                         items: {
@@ -249,6 +262,7 @@ export declare const BannerCardProps: {
                                 };
                             };
                         };
+                        optionName: string;
                     })[];
                 };
                 target: {
@@ -274,7 +288,9 @@ export declare const BannerCardProps: {
             type: string;
         };
         type: {};
-        when: {};
+        when: {
+            type: string;
+        };
     };
 };
 export declare const BannerBlock: {
@@ -291,26 +307,32 @@ export declare const BannerBlock: {
                 contentType: string;
             };
             image: {
-                oneOf: ({
+                oneOf: (({
                     type: string;
-                } | {
+                } & {
+                    optionName: string;
+                }) | {
                     type: string;
                     additionalProperties: boolean;
                     required: import("../..").Theme[];
                     properties: {};
+                    optionName: string;
                 })[];
             };
             disableCompress: {
                 type: string;
             };
             color: {
-                oneOf: ({
+                oneOf: (({
                     type: string;
-                } | {
+                } & {
+                    optionName: string;
+                }) | {
                     type: string;
                     additionalProperties: boolean;
                     required: import("../..").Theme[];
                     properties: {};
+                    optionName: string;
                 })[];
             };
             theme: {
@@ -344,8 +366,9 @@ export declare const BannerBlock: {
                         enum: string[];
                     };
                     img: {
-                        anyOf: ({
+                        oneOf: ({
                             type: string;
+                            optionName: string;
                             additionalProperties?: undefined;
                             required?: undefined;
                             properties?: undefined;
@@ -366,11 +389,13 @@ export declare const BannerBlock: {
                                     contentType: string;
                                 };
                             };
+                            optionName: string;
                         })[];
                     };
                     metrikaGoals: {
-                        anyOf: ({
+                        oneOf: ({
                             type: string;
+                            optionName: string;
                             items?: undefined;
                         } | {
                             type: string;
@@ -380,6 +405,7 @@ export declare const BannerBlock: {
                                 required?: undefined;
                                 properties?: undefined;
                             };
+                            optionName: string;
                         } | {
                             type: string;
                             items: {
@@ -395,6 +421,7 @@ export declare const BannerBlock: {
                                     };
                                 };
                             };
+                            optionName: string;
                         })[];
                     };
                     pixelEvents: {
@@ -454,7 +481,8 @@ export declare const BannerBlock: {
                         };
                     };
                     analyticsEvents: {
-                        anyOf: ({
+                        oneOf: ({
+                            optionName: string;
                             type: string;
                             additionalProperties: {
                                 type: string;
@@ -490,6 +518,7 @@ export declare const BannerBlock: {
                                     type: string;
                                 };
                             };
+                            items?: undefined;
                         } | {
                             type: string;
                             items: {
@@ -529,6 +558,7 @@ export declare const BannerBlock: {
                                     };
                                 };
                             };
+                            optionName: string;
                         })[];
                     };
                     target: {
@@ -554,7 +584,9 @@ export declare const BannerBlock: {
                 type: string;
             };
             type: {};
-            when: {};
+            when: {
+                type: string;
+            };
         };
     };
 };
@@ -572,26 +604,32 @@ export declare const BannerCard: {
                 contentType: string;
             };
             image: {
-                oneOf: ({
+                oneOf: (({
                     type: string;
-                } | {
+                } & {
+                    optionName: string;
+                }) | {
                     type: string;
                     additionalProperties: boolean;
                     required: import("../..").Theme[];
                     properties: {};
+                    optionName: string;
                 })[];
             };
             disableCompress: {
                 type: string;
             };
             color: {
-                oneOf: ({
+                oneOf: (({
                     type: string;
-                } | {
+                } & {
+                    optionName: string;
+                }) | {
                     type: string;
                     additionalProperties: boolean;
                     required: import("../..").Theme[];
                     properties: {};
+                    optionName: string;
                 })[];
             };
             theme: {
@@ -625,8 +663,9 @@ export declare const BannerCard: {
                         enum: string[];
                     };
                     img: {
-                        anyOf: ({
+                        oneOf: ({
                             type: string;
+                            optionName: string;
                             additionalProperties?: undefined;
                             required?: undefined;
                             properties?: undefined;
@@ -647,11 +686,13 @@ export declare const BannerCard: {
                                     contentType: string;
                                 };
                             };
+                            optionName: string;
                         })[];
                     };
                     metrikaGoals: {
-                        anyOf: ({
+                        oneOf: ({
                             type: string;
+                            optionName: string;
                             items?: undefined;
                         } | {
                             type: string;
@@ -661,6 +702,7 @@ export declare const BannerCard: {
                                 required?: undefined;
                                 properties?: undefined;
                             };
+                            optionName: string;
                         } | {
                             type: string;
                             items: {
@@ -676,6 +718,7 @@ export declare const BannerCard: {
                                     };
                                 };
                             };
+                            optionName: string;
                         })[];
                     };
                     pixelEvents: {
@@ -735,7 +778,8 @@ export declare const BannerCard: {
                         };
                     };
                     analyticsEvents: {
-                        anyOf: ({
+                        oneOf: ({
+                            optionName: string;
                             type: string;
                             additionalProperties: {
                                 type: string;
@@ -771,6 +815,7 @@ export declare const BannerCard: {
                                     type: string;
                                 };
                             };
+                            items?: undefined;
                         } | {
                             type: string;
                             items: {
@@ -810,6 +855,7 @@ export declare const BannerCard: {
                                     };
                                 };
                             };
+                            optionName: string;
                         })[];
                     };
                     target: {
@@ -835,7 +881,9 @@ export declare const BannerCard: {
                 type: string;
             };
             type: {};
-            when: {};
+            when: {
+                type: string;
+            };
         };
     };
 };

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

@@ -15,6 +15,10 @@ export declare const CardLayoutProps: {
         };
         title: {
             oneOf: ({
+                type: string;
+                optionName: string;
+            } | {
+                optionName: string;
                 type: string;
                 additionalProperties: boolean;
                 required: string[];
@@ -34,13 +38,12 @@ export declare const CardLayoutProps: {
                         type: string;
                     };
                 };
-            } | {
-                type: string;
             })[];
         };
         description: {
             type: string;
             contentType: string;
+            inputType: string;
         };
         animated: {
             type: string;
@@ -70,7 +73,9 @@ export declare const CardLayoutProps: {
             type: string;
         };
         type: {};
-        when: {};
+        when: {
+            type: string;
+        };
     };
 };
 export declare const CardLayoutBlock: {
@@ -91,6 +96,10 @@ export declare const CardLayoutBlock: {
             };
             title: {
                 oneOf: ({
+                    type: string;
+                    optionName: string;
+                } | {
+                    optionName: string;
                     type: string;
                     additionalProperties: boolean;
                     required: string[];
@@ -110,13 +119,12 @@ export declare const CardLayoutBlock: {
                             type: string;
                         };
                     };
-                } | {
-                    type: string;
                 })[];
             };
             description: {
                 type: string;
                 contentType: string;
+                inputType: string;
             };
             animated: {
                 type: string;
@@ -146,7 +154,9 @@ export declare const CardLayoutBlock: {
                 type: string;
             };
             type: {};
-            when: {};
+            when: {
+                type: string;
+            };
         };
     };
 };

package/build/esm/blocks/Companies/Companies.css

@@ -8,15 +8,15 @@ unpredictable css rules order in build */
   text-align: center;
 }
 .pc-companies-block__title {
-  font-size: var(--yc-text-display-2-font-size);
-  line-height: var(--yc-text-display-2-line-height);
+  font-size: var(--g-text-display-2-font-size);
+  line-height: var(--g-text-display-2-line-height);
   color: var(--pc-text-header-color);
-  font-weight: var(--yc-text-accent-font-weight);
+  font-weight: var(--g-text-accent-font-weight);
 }
 @media (max-width: 576px) {
   .pc-companies-block__title {
-    font-size: var(--yc-text-display-1-font-size);
-    line-height: var(--yc-text-display-1-line-height);
+    font-size: var(--g-text-display-1-font-size);
+    line-height: var(--g-text-display-1-line-height);
   }
 }
 .pc-companies-block__images {

package/build/esm/blocks/Companies/Companies.js

@@ -1,12 +1,12 @@
-import React, { useContext } from 'react';
+import React from 'react';
 import { Image } from '../../components';
 import AnimateBlock from '../../components/AnimateBlock/AnimateBlock';
-import { ThemeValueContext } from '../../context/theme/ThemeValueContext';
+import { useTheme } from '../../context/theme';
 import { block, getThemedValue } from '../../utils';
 import './Companies.css';
 const b = block('companies-block');
 export const CompaniesBlock = ({ title, images, animated }) => {
-    const { themeValue: theme } = useContext(ThemeValueContext);
+    const theme = useTheme();
     const themedImages = getThemedValue(images, theme) || {};
     return (React.createElement(AnimateBlock, { className: b(), offset: 150, animate: animated },
         React.createElement("div", { className: b('content') },

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

@@ -8,7 +8,7 @@ export declare const CompaniesBlock: {
                 contentType: string;
             };
             images: {
-                oneOf: ({
+                oneOf: (({
                     type: string;
                     required: string[];
                     properties: {
@@ -26,18 +26,23 @@ export declare const CompaniesBlock: {
                             contentType: string;
                         };
                     };
-                } | {
+                } & {
+                    optionName: string;
+                }) | {
                     type: string;
                     additionalProperties: boolean;
                     required: import("../..").Theme[];
                     properties: {};
+                    optionName: string;
                 })[];
             };
             animated: {
                 type: string;
             };
             type: {};
-            when: {};
+            when: {
+                type: string;
+            };
         };
     };
 };

package/build/esm/blocks/ContentLayout/ContentLayout.css

@@ -15,12 +15,12 @@ unpredictable css rules order in build */
   margin-top: 24px;
 }
 .pc-content-layout-block__files_size_s {
-  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-content-layout-block__files_size_l {
-  font-size: var(--yc-text-body-3-font-size);
-  line-height: var(--yc-text-body-3-line-height);
+  font-size: var(--g-text-body-3-font-size);
+  line-height: var(--g-text-body-3-line-height);
 }
 .pc-content-layout-block__files_centered {
   margin-left: auto;
@@ -53,7 +53,4 @@ unpredictable css rules order in build */
   .pc-content-layout-block_background {
     padding: 32px;
   }
-  .pc-content-layout-block_background picture {
-    display: none;
-  }
 }

package/build/esm/blocks/ContentLayout/ContentLayout.js

@@ -28,8 +28,7 @@ function getTextWidth(size) {
 }
 export const ContentLayoutBlock = (props) => {
     const isMobile = useContext(MobileContext);
-    const { textContent, fileContent, properties: cardLayoutProperties = { size: 'l' } } = props;
-    const { size = 'l', background, centered, theme = 'default', textWidth = 'm', } = cardLayoutProperties;
+    const { textContent, fileContent, size = 'l', background, centered, theme = 'default', textWidth = 'm', } = props;
     const colSizes = useMemo(() => getTextWidth(textWidth), [textWidth]);
     return (React.createElement("div", { className: b({ size, background: Boolean(background) }) },
         React.createElement(Content, Object.assign({ className: b('content') }, textContent, { size: size, centered: centered, colSizes: colSizes, theme: theme })),