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

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

@@ -17,12 +17,14 @@ export declare const SliderProps: {
         };
     };
     slidesToShow: {
-        anyOf: ({
+        oneOf: ({
             type: string;
             additionalProperties: boolean;
             properties: {};
+            optionName: string;
         } | {
             type: string;
+            optionName: string;
             additionalProperties?: undefined;
             properties?: undefined;
         })[];
@@ -47,7 +49,6 @@ export declare const SliderProps: {
         properties: {
             source: {
                 type: string;
-                enum: string[];
             };
             /**
              * @deprecated
@@ -55,12 +56,6 @@ export declare const SliderProps: {
             minCount: {
                 type: string;
             };
-            /**
-             * @deprecated Will be moved to params
-             */
-            serviceId: {
-                type: string;
-            };
             params: {
                 type: string;
                 patternProperties: {
@@ -70,6 +65,7 @@ export declare const SliderProps: {
                 };
             };
         };
+        disabled: boolean;
     };
     children: {
         type: string;
@@ -85,6 +81,10 @@ export declare const SliderBlock: {
         properties: {
             title: {
                 oneOf: ({
+                    type: string;
+                    optionName: string;
+                } | {
+                    optionName: string;
                     type: string;
                     additionalProperties: boolean;
                     required: string[];
@@ -104,13 +104,12 @@ export declare const SliderBlock: {
                             type: string;
                         };
                     };
-                } | {
-                    type: string;
                 })[];
             };
             description: {
                 type: string;
                 contentType: string;
+                inputType: string;
             };
             dots: {
                 type: string;
@@ -130,12 +129,14 @@ export declare const SliderBlock: {
                 };
             };
             slidesToShow: {
-                anyOf: ({
+                oneOf: ({
                     type: string;
                     additionalProperties: boolean;
                     properties: {};
+                    optionName: string;
                 } | {
                     type: string;
+                    optionName: string;
                     additionalProperties?: undefined;
                     properties?: undefined;
                 })[];
@@ -160,7 +161,6 @@ export declare const SliderBlock: {
                 properties: {
                     source: {
                         type: string;
-                        enum: string[];
                     };
                     /**
                      * @deprecated
@@ -168,12 +168,6 @@ export declare const SliderBlock: {
                     minCount: {
                         type: string;
                     };
-                    /**
-                     * @deprecated Will be moved to params
-                     */
-                    serviceId: {
-                        type: string;
-                    };
                     params: {
                         type: string;
                         patternProperties: {
@@ -183,6 +177,7 @@ export declare const SliderBlock: {
                         };
                     };
                 };
+                disabled: boolean;
             };
             children: {
                 type: string;
@@ -215,7 +210,9 @@ export declare const SliderBlock: {
                 type: string;
             };
             type: {};
-            when: {};
+            when: {
+                type: string;
+            };
         };
     };
 };

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

@@ -8,7 +8,8 @@ const LoadableProps = {
     properties: {
         source: {
             type: 'string',
-            enum: ['events', 'blog', 'services'],
+            // add loadable sources here if you use it in your project
+            // enum: ['my-loadable-source-1', 'my-loadable-source-1'],
         },
         /**
          * @deprecated
@@ -16,10 +17,6 @@ const LoadableProps = {
         minCount: {
             type: 'number',
         },
-        /**
-         * @deprecated Will be moved to params
-         */
-        serviceId: { type: 'number' },
         params: {
             type: 'object',
             patternProperties: {
@@ -29,6 +26,8 @@ const LoadableProps = {
             },
         },
     },
+    // remove it in your custom validator schema if you use loadable
+    disabled: true,
 };
 const DisclaimerProps = {
     additionalProperties: false,

package/build/cjs/blocks/Slider/utils.d.ts

@@ -12,9 +12,9 @@ export interface GetSlidesToShowParams {
 }
 export declare function getSlidesToShowWithDefaults({ contentLength, breakpoints, mobileFullscreen, }: GetSlidesToShowParams): {
     sm: number;
-    md: number;
-    lg: number;
     xl: number;
+    lg: number;
+    md: number;
 };
 export declare function getSliderResponsiveParams(breakpoints: SliderBreakpointParams): {
     breakpoint: number;

package/build/cjs/blocks/Slider/utils.js

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getSlidesToShowCount = exports.getSlidesCountByBreakpoint = exports.getSliderResponsiveParams = exports.getSlidesToShowWithDefaults = exports.DEFAULT_SLIDE_BREAKPOINTS = void 0;
+const tslib_1 = require("tslib");
+const lodash_1 = tslib_1.__importDefault(require("lodash"));
 const constants_1 = require("../../constants");
 const models_1 = require("./models");
 exports.DEFAULT_SLIDE_BREAKPOINTS = {
@@ -18,7 +20,7 @@ function getSlidesToShowWithDefaults({ contentLength, breakpoints, mobileFullscr
     else {
         result = breakpoints || exports.DEFAULT_SLIDE_BREAKPOINTS;
     }
-    return Object.assign(Object.assign(Object.assign({}, exports.DEFAULT_SLIDE_BREAKPOINTS), result), { sm: !mobileFullscreen && contentLength > 1 ? exports.DEFAULT_SLIDE_BREAKPOINTS.sm : 1 });
+    return Object.assign(Object.assign(Object.assign({}, exports.DEFAULT_SLIDE_BREAKPOINTS), lodash_1.default.pickBy(result, (value) => !isNaN(value))), { sm: !mobileFullscreen && contentLength > 1 ? exports.DEFAULT_SLIDE_BREAKPOINTS.sm : 1 });
 }
 exports.getSlidesToShowWithDefaults = getSlidesToShowWithDefaults;
 function getSliderResponsiveParams(breakpoints) {

package/build/cjs/blocks/Table/Table.css

@@ -5,18 +5,18 @@
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
 .pc-table-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);
   top: calc(var(--header-height) + 32px);
   position: sticky;
   margin-right: 32px;
 }
 @media (max-width: 576px) {
   .pc-table-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-table-block__table {

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

@@ -16,8 +16,11 @@ export declare const TableBlock: {
                         items: {
                             type: string;
                             items: {
-                                type: string[];
-                                contentType: string;
+                                oneOf: {
+                                    type: string;
+                                    contentType: string;
+                                    optionName: string;
+                                }[];
                             };
                         };
                     };
@@ -40,7 +43,9 @@ export declare const TableBlock: {
                         enum: string[];
                     };
                     type: {};
-                    when: {};
+                    when: {
+                        type: string;
+                    };
                 };
             };
             anchor: {
@@ -68,7 +73,9 @@ export declare const TableBlock: {
                 type: string;
             };
             type: {};
-            when: {};
+            when: {
+                type: string;
+            };
         };
     };
 };

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

@@ -17,8 +17,18 @@ exports.TableBlock = {
                         items: {
                             type: 'array',
                             items: {
-                                type: ['string', 'number'],
-                                contentType: 'text',
+                                oneOf: [
+                                    {
+                                        type: 'string',
+                                        contentType: 'text',
+                                        optionName: 'text',
+                                    },
+                                    {
+                                        type: 'number',
+                                        contentType: 'text',
+                                        optionName: 'number',
+                                    },
+                                ],
                             },
                         },
                     }, legend: {

package/build/cjs/blocks/Tabs/Tabs.css

@@ -59,10 +59,10 @@ unpredictable css rules order in build */
   border-radius: var(--pc-border-radius);
 }
 .pc-tabs-block__caption {
-  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);
   margin: 12px 0 0;
-  color: var(--yc-color-text-secondary);
+  color: var(--g-color-text-secondary);
 }
 .pc-tabs-block__content {
   display: flex;
@@ -81,10 +81,10 @@ unpredictable css rules order in build */
   margin: 0 auto 12px;
 }
 .pc-tabs-block__content-title.pc-tabs-block__content-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);
 }
 
 @media (max-width: 769px) {

package/build/cjs/blocks/Tabs/Tabs.d.ts

@@ -1,3 +1,3 @@
 import { TabsBlockProps } from '../../models';
-export declare const TabsBlock: ({ items, title, description, animated, tabsColSizes, centered, direction, }: TabsBlockProps) => JSX.Element;
+export declare const TabsBlock: ({ items, title, description, animated, tabsColSizes, centered, direction, contentSize, }: TabsBlockProps) => JSX.Element;
 export default TabsBlock;

package/build/cjs/blocks/Tabs/Tabs.js

@@ -10,16 +10,16 @@ const utils_1 = require("../../components/Media/Image/utils");
 const Media_1 = tslib_1.__importDefault(require("../../components/Media/Media"));
 const Title_1 = tslib_1.__importDefault(require("../../components/Title/Title"));
 const VideoBlock_1 = require("../../components/VideoBlock/VideoBlock");
-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");
 const b = (0, utils_2.block)('tabs-block');
-const TabsBlock = ({ items, title, description, animated, tabsColSizes, centered, direction = 'media-content', }) => {
+const TabsBlock = ({ items, title, description, animated, tabsColSizes, centered, direction = 'media-content', contentSize = 's', }) => {
     var _a;
     const [activeTab, setActiveTab] = (0, react_1.useState)(items[0].tabName);
     const [play, setPlay] = (0, react_1.useState)(false);
-    const { themeValue: theme } = (0, react_1.useContext)(ThemeValueContext_1.ThemeValueContext);
+    const theme = (0, theme_1.useTheme)();
     const tabs = items.map(({ tabName }) => ({ title: tabName, id: tabName }));
     const activeTabData = items.find(({ tabName }) => tabName === activeTab);
     const isReverse = direction === 'content-media';
@@ -37,7 +37,7 @@ const TabsBlock = ({ items, title, description, animated, tabsColSizes, centered
         react_1.default.createElement("div", { className: b('content-wrapper', {
                 margin: Boolean(((activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.media) || imageProps) && !isReverse),
             }) },
-            react_1.default.createElement(sub_blocks_1.Content, { title: activeTabData.title, text: activeTabData.text, additionalInfo: activeTabData.additionalInfo, size: "s", links: [
+            react_1.default.createElement(sub_blocks_1.Content, { title: activeTabData.title, text: activeTabData.text, additionalInfo: activeTabData.additionalInfo, size: contentSize, links: [
                     ...(activeTabData.link ? [activeTabData.link] : []),
                     ...(activeTabData.links || []),
                 ], buttons: activeTabData.buttons, colSizes: { all: 12 } }))));

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

@@ -11,14 +11,15 @@ export declare const tabsItem: {
             contentType: string;
         };
         media: {
-            oneOf: ({
+            oneOf: (({
                 type: string;
                 properties: {
                     color: {
                         type: string;
                     };
                     image: {
-                        anyOf: ({
+                        oneOf: ({
+                            optionName: string;
                             oneOf: ({
                                 type: string;
                                 properties: {
@@ -29,7 +30,10 @@ export declare const tabsItem: {
                             } | {
                                 type: string;
                                 pattern: string;
+                                optionName: string;
                             })[];
+                            type?: undefined;
+                            items?: undefined;
                         } | {
                             type: string;
                             items: {
@@ -43,8 +47,10 @@ export declare const tabsItem: {
                                 } | {
                                     type: string;
                                     pattern: string;
+                                    optionName: string;
                                 })[];
                             };
+                            optionName: string;
                         })[];
                     };
                     video: {
@@ -59,7 +65,8 @@ export declare const tabsItem: {
                                 };
                             };
                             loop: {
-                                anyOf: ({
+                                oneOf: ({
+                                    optionName: string;
                                     type: string;
                                     additionalProperties: boolean;
                                     required: string[];
@@ -73,6 +80,7 @@ export declare const tabsItem: {
                                     };
                                 } | {
                                     type: string;
+                                    optionName: string;
                                 })[];
                             };
                             type: {
@@ -82,13 +90,13 @@ export declare const tabsItem: {
                             muted: {
                                 type: string;
                             };
-                            playing: {
+                            autoplay: {
                                 type: string;
                             };
                             elapsedTime: {
                                 type: string;
                             };
-                            playIcon: {
+                            playButton: {
                                 type: string;
                                 additionalProperties: boolean;
                                 properties: {
@@ -126,6 +134,10 @@ export declare const tabsItem: {
                     };
                     dataLens: {
                         oneOf: ({
+                            type: string;
+                            optionName: string;
+                        } | {
+                            optionName: string;
                             type: string;
                             additionalProperties: boolean;
                             required: string[];
@@ -138,19 +150,98 @@ export declare const tabsItem: {
                                     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;
             })[];
         };
         link: {
@@ -181,7 +272,8 @@ export declare const tabsItem: {
                     enum: string[];
                 };
                 analyticsEvents: {
-                    anyOf: ({
+                    oneOf: ({
+                        optionName: string;
                         type: string;
                         additionalProperties: {
                             type: string;
@@ -217,6 +309,7 @@ export declare const tabsItem: {
                                 type: string;
                             };
                         };
+                        items?: undefined;
                     } | {
                         type: string;
                         items: {
@@ -256,14 +349,17 @@ export declare const tabsItem: {
                                 };
                             };
                         };
+                        optionName: string;
                     })[];
                 };
                 type: {};
-                when: {};
+                when: {
+                    type: string;
+                };
             };
         };
         image: {
-            oneOf: ({
+            oneOf: (({
                 oneOf: ({
                     type: string;
                     properties: {
@@ -274,16 +370,25 @@ export declare const tabsItem: {
                 } | {
                     type: string;
                     pattern: string;
+                    optionName: string;
                 })[];
-            } | {
+            } & {
+                optionName: string;
+            }) | {
                 type: string;
                 additionalProperties: boolean;
                 required: import("../..").Theme[];
                 properties: {};
+                optionName: string;
             })[];
         };
         title?: {
             oneOf: ({
+                type: string;
+                contentType: string;
+                optionName: string;
+            } | {
+                optionName: string;
                 type: string;
                 additionalProperties: boolean;
                 required: string[];
@@ -303,14 +408,13 @@ export declare const tabsItem: {
                         type: string;
                     };
                 };
-            } | {
-                type: string;
-                contentType: string;
+                contentType?: undefined;
             })[];
         } | undefined;
         text?: {
             type: string;
             contentType: string;
+            inputType: string;
         } | undefined;
         additionalInfo?: {
             type: string;
@@ -346,6 +450,17 @@ export declare const tabsItem: {
             type: string;
             enum: string[];
         } | undefined;
+        list?: {
+            type: string;
+            items: {
+                type: string;
+                properties: {
+                    when: {
+                        type: string;
+                    };
+                };
+            };
+        } | undefined;
     };
 };
 export declare const TabsBlock: {
@@ -372,8 +487,16 @@ export declare const TabsBlock: {
                     };
                 };
             };
+            contentSize: {
+                type: string;
+                enum: string[];
+            };
             title: {
                 oneOf: ({
+                    type: string;
+                    optionName: string;
+                } | {
+                    optionName: string;
                     type: string;
                     additionalProperties: boolean;
                     required: string[];
@@ -393,13 +516,12 @@ export declare const TabsBlock: {
                             type: string;
                         };
                     };
-                } | {
-                    type: string;
                 })[];
             };
             description: {
                 type: string;
                 contentType: string;
+                inputType: string;
             };
             anchor: {
                 type: string;
@@ -426,7 +548,9 @@ export declare const TabsBlock: {
                 type: string;
             };
             type: {};
-            when: {};
+            when: {
+                type: string;
+            };
         };
     };
 };

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

@@ -31,6 +31,9 @@ exports.TabsBlock = {
         properties: Object.assign(Object.assign(Object.assign({}, common_1.BlockBaseProps), common_1.BlockHeaderProps), { tabsColSizes: common_1.containerSizesArray.reduce((acc, size) => (Object.assign(Object.assign({}, acc), { [size]: common_1.sizeNumber })), {}), direction: {
                 type: 'string',
                 enum: common_1.mediaDirection,
-            }, centered: { type: 'boolean' }, items: (0, utils_1.filteredArray)(exports.tabsItem) }),
+            }, centered: { type: 'boolean' }, items: (0, utils_1.filteredArray)(exports.tabsItem), contentSize: {
+                type: 'string',
+                enum: common_1.contentSizes,
+            } }),
     },
 };

package/build/cjs/components/Anchor/Anchor.d.ts

@@ -1,8 +1,7 @@
-import { ClassNameProps } from '../../models';
+import { ClassNameProps, QAProps } from '../../models';
 export declare const qaIdByDefault = "qa-anchor";
-export interface AnchorProps extends ClassNameProps {
+export interface AnchorProps extends ClassNameProps, QAProps {
     id: string;
-    qa?: string;
 }
 declare const Anchor: ({ id, className, qa }: AnchorProps) => JSX.Element;
 export default Anchor;