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

package/build/cjs/blocks/ContentLayout/schema.d.ts

@@ -2,77 +2,125 @@ export declare const ContentLayoutBlock: {
     'content-layout-block': {
         additionalProperties: boolean;
         properties: {
+            size: {
+                type: string;
+                enum: string[];
+            };
+            background: {
+                type: string;
+                additionalProperties: boolean;
+                required: string[];
+                properties: {
+                    src: {
+                        type: string;
+                        pattern: string;
+                    };
+                    alt: {
+                        type: string;
+                        contentType: string;
+                    };
+                    disableCompress: {
+                        type: string;
+                    };
+                };
+            };
+            centered: {
+                type: string;
+            };
+            theme: {
+                type: string;
+                enum: string[];
+            };
+            textWidth: {
+                type: string;
+                enum: string[];
+            };
             textContent: {
-                content: {
-                    additionalProperties: boolean;
-                    properties: {
-                        colSizes: {};
-                        centered: {
-                            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;
-                                contentType: string;
-                            })[];
-                        };
-                        text: {
-                            type: string;
-                            contentType: string;
-                        };
-                        additionalInfo: {
+                additionalProperties: boolean;
+                properties: {
+                    colSizes: {};
+                    centered: {
+                        type: string;
+                    };
+                    title: {
+                        oneOf: ({
                             type: string;
                             contentType: string;
-                        };
-                        size: {
+                            optionName: string;
+                        } | {
+                            optionName: string;
                             type: string;
-                            enum: string[];
-                        };
-                        links: {
+                            additionalProperties: boolean;
+                            required: string[];
+                            properties: {
+                                text: {
+                                    type: string;
+                                    contentType: string;
+                                };
+                                textSize: {
+                                    type: string;
+                                    enum: string[];
+                                };
+                                url: {
+                                    type: string;
+                                };
+                                resetMargin: {
+                                    type: string;
+                                };
+                            };
+                            contentType?: undefined;
+                        })[];
+                    }; /**
+                     * @deprecated Use params on top level instead
+                     */
+                    text: {
+                        type: string;
+                        contentType: string;
+                        inputType: string;
+                    };
+                    additionalInfo: {
+                        type: string;
+                        contentType: string;
+                    };
+                    size: {
+                        type: string;
+                        enum: string[];
+                    };
+                    links: {
+                        type: string;
+                        items: {
                             type: string;
-                            items: {
-                                type: string;
-                                properties: {
-                                    when: {
-                                        type: string;
-                                    };
+                            properties: {
+                                when: {
+                                    type: string;
                                 };
                             };
                         };
-                        buttons: {
+                    };
+                    buttons: {
+                        type: string;
+                        items: {
                             type: string;
-                            items: {
-                                type: string;
-                                properties: {
-                                    when: {
-                                        type: string;
-                                    };
+                            properties: {
+                                when: {
+                                    type: string;
                                 };
                             };
                         };
-                        theme: {
+                    };
+                    theme: {
+                        type: string;
+                        enum: string[];
+                    };
+                    list: {
+                        type: string;
+                        items: {
                             type: string;
-                            enum: string[];
+                            properties: {
+                                when: {
+                                    type: string;
+                                };
+                            };
                         };
                     };
                 };
@@ -88,6 +136,9 @@ export declare const ContentLayoutBlock: {
                     };
                 };
             };
+            /**
+             * @deprecated Use params on top level instead
+             */
             properties: {
                 size: {
                     type: string;
@@ -148,7 +199,9 @@ export declare const ContentLayoutBlock: {
                 type: string;
             };
             type: {};
-            when: {};
+            when: {
+                type: string;
+            };
         };
     };
 };

package/build/cjs/blocks/ContentLayout/schema.js

@@ -5,26 +5,31 @@ const schema_1 = require("../../components/Image/schema");
 const common_1 = require("../../schema/validators/common");
 const utils_1 = require("../../schema/validators/utils");
 const schema_2 = require("../../sub-blocks/Content/schema");
+const ContentLayoutBlockProperties = {
+    size: {
+        type: 'string',
+        enum: common_1.contentSizes,
+    },
+    background: schema_1.ImageObjectProps,
+    centered: {
+        type: 'boolean',
+    },
+    theme: {
+        type: 'string',
+        enum: common_1.contentThemes,
+    },
+    textWidth: {
+        type: 'string',
+        enum: common_1.contentTextWidth,
+    },
+};
 exports.ContentLayoutBlock = {
     'content-layout-block': {
         additionalProperties: false,
-        properties: Object.assign(Object.assign({}, common_1.BlockBaseProps), { textContent: schema_2.ContentBlock, fileContent: (0, utils_1.filteredArray)(common_1.FileLinkProps), properties: {
-                size: {
-                    type: 'string',
-                    enum: common_1.contentSizes,
-                },
-                background: schema_1.ImageObjectProps,
-                centered: {
-                    type: 'boolean',
-                },
-                theme: {
-                    type: 'string',
-                    enum: common_1.contentThemes,
-                },
-                textWidth: {
-                    type: 'string',
-                    enum: common_1.contentTextWidth,
-                },
-            } }),
+        properties: Object.assign(Object.assign(Object.assign({}, common_1.BlockBaseProps), { textContent: schema_2.ContentBlock === null || schema_2.ContentBlock === void 0 ? void 0 : schema_2.ContentBlock.content, fileContent: (0, utils_1.filteredArray)(common_1.FileLinkProps), 
+            /**
+             * @deprecated Use params on top level instead
+             */
+            properties: ContentLayoutBlockProperties }), ContentLayoutBlockProperties),
     },
 };

package/build/cjs/blocks/ExtendedFeatures/ExtendedFeatures.css

@@ -17,17 +17,17 @@ unpredictable css rules order in build */
   padding-right: 32px;
 }
 .pc-ExtendedFeaturesBlock__item-title {
-  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);
   color: var(--pc-text-header-color);
-  font-weight: var(--yc-text-accent-font-weight);
+  font-weight: var(--g-text-accent-font-weight);
   display: block;
   position: relative;
   margin-bottom: 8px;
 }
 .pc-ExtendedFeaturesBlock__item-title a {
   outline: none;
-  color: var(--yc-color-text-link);
+  color: var(--g-color-text-link);
   text-decoration: none;
   cursor: pointer;
 }
@@ -35,28 +35,28 @@ unpredictable css rules order in build */
   outline: 2px solid #ffdb4d;
 }
 .pc-ExtendedFeaturesBlock__item-title a:hover, .pc-ExtendedFeaturesBlock__item-title a:active {
-  --pc-text-header-color: var(--yc-color-text-link-hover);
-  color: var(--yc-color-text-link-hover);
+  --pc-text-header-color: var(--g-color-text-link-hover);
+  color: var(--g-color-text-link-hover);
 }
 .pc-ExtendedFeaturesBlock__item-label {
-  font-size: var(--yc-text-caption-2-font-size);
-  line-height: var(--yc-text-caption-2-line-height);
+  font-size: var(--g-text-caption-2-font-size);
+  line-height: var(--g-text-caption-2-line-height);
   position: relative;
   top: -3px;
   height: 16px;
   margin-left: 8px;
   padding: 1.5px 5px 2px;
-  color: var(--yc-color-base-background);
-  background-color: var(--yc-my-color-brand-normal);
+  color: var(--g-color-base-background);
+  background-color: var(--g-color-base-brand);
   border-radius: 4px;
 }
 .pc-ExtendedFeaturesBlock__item-text, .pc-ExtendedFeaturesBlock__item-link {
-  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-ExtendedFeaturesBlock__item-text a {
   outline: none;
-  color: var(--yc-color-text-link);
+  color: var(--g-color-text-link);
   text-decoration: none;
   cursor: pointer;
 }
@@ -64,12 +64,12 @@ unpredictable css rules order in build */
   outline: 2px solid #ffdb4d;
 }
 .pc-ExtendedFeaturesBlock__item-text a:hover, .pc-ExtendedFeaturesBlock__item-text a:active {
-  --pc-text-header-color: var(--yc-color-text-link-hover);
-  color: var(--yc-color-text-link-hover);
+  --pc-text-header-color: var(--g-color-text-link-hover);
+  color: var(--g-color-text-link-hover);
 }
 .pc-ExtendedFeaturesBlock__item-link {
   margin-top: 8px;
-  color: var(--yc-color-text-link);
+  color: var(--g-color-text-link);
 }
 .pc-ExtendedFeaturesBlock__icon {
   width: 32px;

package/build/cjs/blocks/ExtendedFeatures/ExtendedFeatures.js

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExtendedFeaturesBlock = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const react_1 = tslib_1.__importDefault(require("react"));
 const components_1 = require("../../components/");
 const Image_1 = tslib_1.__importDefault(require("../../components/Image/Image"));
 const utils_1 = require("../../components/Media/Image/utils");
-const ThemeValueContext_1 = require("../../context/theme/ThemeValueContext");
+const theme_1 = require("../../context/theme");
 const grid_1 = require("../../grid");
 const sub_blocks_1 = require("../../sub-blocks");
 const utils_2 = require("../../utils");
@@ -17,7 +17,7 @@ const DEFAULT_SIZES = {
     md: 4,
 };
 const ExtendedFeaturesBlock = ({ title, description, items, colSizes = DEFAULT_SIZES, animated, }) => {
-    const { themeValue: theme } = (0, react_1.useContext)(ThemeValueContext_1.ThemeValueContext);
+    const theme = (0, theme_1.useTheme)();
     return (react_1.default.createElement(components_1.AnimateBlock, { className: b(), animate: animated },
         react_1.default.createElement(components_1.Title, { title: title, subtitle: description, className: b('header') }),
         react_1.default.createElement("div", { className: b('items') },

package/build/cjs/blocks/ExtendedFeatures/schema.d.ts

@@ -42,7 +42,8 @@ export declare const ExtendedFeaturesItem: {
                     enum: string[];
                 };
                 analyticsEvents: {
-                    anyOf: ({
+                    oneOf: ({
+                        optionName: string;
                         type: string;
                         additionalProperties: {
                             type: string;
@@ -78,6 +79,7 @@ export declare const ExtendedFeaturesItem: {
                                 type: string;
                             };
                         };
+                        items?: undefined;
                     } | {
                         type: string;
                         items: {
@@ -117,14 +119,38 @@ export declare const ExtendedFeaturesItem: {
                                 };
                             };
                         };
+                        optionName: string;
                     })[];
                 };
                 type: {};
-                when: {};
+                when: {
+                    type: string;
+                };
             };
         };
         icon: {
-            type: string;
+            oneOf: (({
+                oneOf: ({
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                } | {
+                    type: string;
+                    pattern: string;
+                    optionName: string;
+                })[];
+            } & {
+                optionName: string;
+            }) | {
+                type: string;
+                additionalProperties: boolean;
+                required: import("../..").Theme[];
+                properties: {};
+                optionName: string;
+            })[];
         };
     };
 };
@@ -151,6 +177,10 @@ export declare const ExtendedFeaturesBlock: {
             };
             title: {
                 oneOf: ({
+                    type: string;
+                    optionName: string;
+                } | {
+                    optionName: string;
                     type: string;
                     additionalProperties: boolean;
                     required: string[];
@@ -170,13 +200,12 @@ export declare const ExtendedFeaturesBlock: {
                             type: string;
                         };
                     };
-                } | {
-                    type: string;
                 })[];
             };
             description: {
                 type: string;
                 contentType: string;
+                inputType: string;
             };
             animated: {
                 type: string;
@@ -206,7 +235,9 @@ export declare const ExtendedFeaturesBlock: {
                 type: string;
             };
             type: {};
-            when: {};
+            when: {
+                type: string;
+            };
         };
     };
 };

package/build/cjs/blocks/ExtendedFeatures/schema.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExtendedFeaturesBlock = exports.ExtendedFeaturesItem = void 0;
 const common_1 = require("../../schema/validators/common");
+const components_1 = require("../../schema/validators/components");
 const utils_1 = require("../../schema/validators/utils");
 exports.ExtendedFeaturesItem = {
     additionalProperties: false,
@@ -20,9 +21,7 @@ exports.ExtendedFeaturesItem = {
             enum: ['New', 'Preview'],
         },
         link: common_1.LinkProps,
-        icon: {
-            type: 'string',
-        },
+        icon: (0, common_1.withTheme)(components_1.ImageProps),
     },
 };
 exports.ExtendedFeaturesBlock = {

package/build/cjs/blocks/FilterBlock/schema.d.ts

@@ -32,6 +32,7 @@ export declare const FilterProps: {
         allTag: {
             oneOf: {
                 type: string;
+                optionName: string;
             }[];
         };
         colSizes: {
@@ -67,6 +68,10 @@ export declare const FilterProps: {
         };
         title: {
             oneOf: ({
+                type: string;
+                optionName: string;
+            } | {
+                optionName: string;
                 type: string;
                 additionalProperties: boolean;
                 required: string[];
@@ -86,13 +91,12 @@ export declare const FilterProps: {
                         type: string;
                     };
                 };
-            } | {
-                type: string;
             })[];
         };
         description: {
             type: string;
             contentType: string;
+            inputType: string;
         };
         animated: {
             type: string;
@@ -122,17 +126,20 @@ export declare const FilterProps: {
             type: string;
         };
         type: {};
-        when: {};
+        when: {
+            type: string;
+        };
     };
 };
 export declare const FilterBlock: {
-    'filterable-block': {
+    'filter-block': {
         additionalProperties: boolean;
         required: string[];
         properties: {
             allTag: {
                 oneOf: {
                     type: string;
+                    optionName: string;
                 }[];
             };
             colSizes: {
@@ -168,6 +175,10 @@ export declare const FilterBlock: {
             };
             title: {
                 oneOf: ({
+                    type: string;
+                    optionName: string;
+                } | {
+                    optionName: string;
                     type: string;
                     additionalProperties: boolean;
                     required: string[];
@@ -187,13 +198,12 @@ export declare const FilterBlock: {
                             type: string;
                         };
                     };
-                } | {
-                    type: string;
                 })[];
             };
             description: {
                 type: string;
                 contentType: string;
+                inputType: string;
             };
             animated: {
                 type: string;
@@ -223,7 +233,9 @@ export declare const FilterBlock: {
                 type: string;
             };
             type: {};
-            when: {};
+            when: {
+                type: string;
+            };
         };
     };
 };

package/build/cjs/blocks/FilterBlock/schema.js

@@ -31,11 +31,22 @@ exports.FilterItemProps = {
 exports.FilterProps = {
     additionalProperties: false,
     required: ['filterTags', 'block'],
-    properties: Object.assign(Object.assign(Object.assign(Object.assign({}, common_1.BlockBaseProps), common_1.AnimatableProps), common_1.BlockHeaderProps), { allTag: { oneOf: [{ type: 'boolean' }, { type: 'string' }] }, colSizes: common_1.containerSizesObject, tags: (0, utils_1.filteredArray)(exports.FilterTagProps), items: (0, utils_1.filteredArray)(exports.FilterItemProps), tagButtonSize: {
+    properties: Object.assign(Object.assign(Object.assign(Object.assign({}, common_1.BlockBaseProps), common_1.AnimatableProps), common_1.BlockHeaderProps), { allTag: {
+            oneOf: [
+                {
+                    type: 'boolean',
+                    optionName: 'auto',
+                },
+                {
+                    type: 'string',
+                    optionName: 'cutom',
+                },
+            ],
+        }, colSizes: common_1.containerSizesObject, tags: (0, utils_1.filteredArray)(exports.FilterTagProps), items: (0, utils_1.filteredArray)(exports.FilterItemProps), tagButtonSize: {
             type: 'string',
             enum: ['s', 'm', 'l', 'xl'],
         } }),
 };
 exports.FilterBlock = {
-    'filterable-block': exports.FilterProps,
+    'filter-block': exports.FilterProps,
 };