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

package/build/esm/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/esm/blocks/Slider/schema.js

@@ -5,7 +5,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
@@ -13,10 +14,6 @@ const LoadableProps = {
         minCount: {
             type: 'number',
         },
-        /**
-         * @deprecated Will be moved to params
-         */
-        serviceId: { type: 'number' },
         params: {
             type: 'object',
             patternProperties: {
@@ -26,6 +23,8 @@ const LoadableProps = {
             },
         },
     },
+    // remove it in your custom validator schema if you use loadable
+    disabled: true,
 };
 const DisclaimerProps = {
     additionalProperties: false,

package/build/esm/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/esm/blocks/Slider/utils.js

@@ -1,3 +1,4 @@
+import _ from 'lodash';
 import { BREAKPOINTS } from '../../constants';
 import { SliderBreakpointNames } from './models';
 export const DEFAULT_SLIDE_BREAKPOINTS = {
@@ -15,7 +16,7 @@ export function getSlidesToShowWithDefaults({ contentLength, breakpoints, mobile
     else {
         result = breakpoints || DEFAULT_SLIDE_BREAKPOINTS;
     }
-    return Object.assign(Object.assign(Object.assign({}, DEFAULT_SLIDE_BREAKPOINTS), result), { sm: !mobileFullscreen && contentLength > 1 ? DEFAULT_SLIDE_BREAKPOINTS.sm : 1 });
+    return Object.assign(Object.assign(Object.assign({}, DEFAULT_SLIDE_BREAKPOINTS), _.pickBy(result, (value) => !isNaN(value))), { sm: !mobileFullscreen && contentLength > 1 ? DEFAULT_SLIDE_BREAKPOINTS.sm : 1 });
 }
 export function getSliderResponsiveParams(breakpoints) {
     return Object.entries(breakpoints).map(([breakpointName, slidesToShow]) => ({

package/build/esm/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/esm/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/esm/blocks/Table/schema.js

@@ -14,8 +14,18 @@ export const 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/esm/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/esm/blocks/Tabs/Tabs.d.ts

@@ -1,4 +1,4 @@
 import { TabsBlockProps } from '../../models';
 import './Tabs.css';
-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/esm/blocks/Tabs/Tabs.js

@@ -1,4 +1,4 @@
-import React, { Fragment, useContext, useRef, useState } from 'react';
+import React, { Fragment, useRef, useState } from 'react';
 import AnimateBlock from '../../components/AnimateBlock/AnimateBlock';
 import ButtonTabs from '../../components/ButtonTabs/ButtonTabs';
 import FullscreenImage from '../../components/FullscreenImage/FullscreenImage';
@@ -6,17 +6,17 @@ import { getMediaImage } from '../../components/Media/Image/utils';
 import Media from '../../components/Media/Media';
 import Title from '../../components/Title/Title';
 import { getHeight } from '../../components/VideoBlock/VideoBlock';
-import { ThemeValueContext } from '../../context/theme/ThemeValueContext';
+import { useTheme } from '../../context/theme';
 import { Col, GridColumnOrderClasses, Row } from '../../grid';
 import { Content } from '../../sub-blocks';
 import { block, getThemedValue } from '../../utils';
 import './Tabs.css';
 const b = block('tabs-block');
-export const TabsBlock = ({ items, title, description, animated, tabsColSizes, centered, direction = 'media-content', }) => {
+export const TabsBlock = ({ items, title, description, animated, tabsColSizes, centered, direction = 'media-content', contentSize = 's', }) => {
     var _a;
     const [activeTab, setActiveTab] = useState(items[0].tabName);
     const [play, setPlay] = useState(false);
-    const { themeValue: theme } = useContext(ThemeValueContext);
+    const theme = useTheme();
     const tabs = items.map(({ tabName }) => ({ title: tabName, id: tabName }));
     const activeTabData = items.find(({ tabName }) => tabName === activeTab);
     const isReverse = direction === 'content-media';
@@ -34,7 +34,7 @@ export const TabsBlock = ({ items, title, description, animated, tabsColSizes, c
         React.createElement("div", { className: b('content-wrapper', {
                 margin: Boolean(((activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.media) || imageProps) && !isReverse),
             }) },
-            React.createElement(Content, { title: activeTabData.title, text: activeTabData.text, additionalInfo: activeTabData.additionalInfo, size: "s", links: [
+            React.createElement(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/esm/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/esm/blocks/Tabs/schema.js

@@ -1,6 +1,6 @@
 import _ from 'lodash';
 import { ImageProps } from '../../components/Image/schema';
-import { BlockBaseProps, BlockHeaderProps, LinkProps, MediaProps, containerSizesArray, mediaDirection, sizeNumber, withTheme, } from '../../schema/validators/common';
+import { BlockBaseProps, BlockHeaderProps, LinkProps, MediaProps, containerSizesArray, contentSizes, mediaDirection, sizeNumber, withTheme, } from '../../schema/validators/common';
 import { filteredArray } from '../../schema/validators/utils';
 import { ContentBase } from '../../sub-blocks/Content/schema';
 const TabsItemContentProps = _.omit(ContentBase, ['size', 'colSizes', 'centered', 'theme']);
@@ -27,6 +27,9 @@ export const TabsBlock = {
         properties: Object.assign(Object.assign(Object.assign({}, BlockBaseProps), BlockHeaderProps), { tabsColSizes: containerSizesArray.reduce((acc, size) => (Object.assign(Object.assign({}, acc), { [size]: sizeNumber })), {}), direction: {
                 type: 'string',
                 enum: mediaDirection,
-            }, centered: { type: 'boolean' }, items: filteredArray(tabsItem) }),
+            }, centered: { type: 'boolean' }, items: filteredArray(tabsItem), contentSize: {
+                type: 'string',
+                enum: contentSizes,
+            } }),
     },
 };