@gravity-ui/page-constructor 3.5.0-alpha.0 → 3.6.0

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

@@ -9,6 +9,7 @@ export declare const PromoFeaturesItem: {
         text: {
             type: string;
             contentType: string;
+            inputType: string;
         };
         theme: {
             enum: string[];
@@ -22,7 +23,8 @@ export declare const PromoFeaturesItem: {
                     type: string;
                 };
                 image: {
-                    anyOf: ({
+                    oneOf: ({
+                        optionName: string;
                         oneOf: ({
                             type: string;
                             properties: {
@@ -33,7 +35,10 @@ export declare const PromoFeaturesItem: {
                         } | {
                             type: string;
                             pattern: string;
+                            optionName: string;
                         })[];
+                        type?: undefined;
+                        items?: undefined;
                     } | {
                         type: string;
                         items: {
@@ -47,8 +52,10 @@ export declare const PromoFeaturesItem: {
                             } | {
                                 type: string;
                                 pattern: string;
+                                optionName: string;
                             })[];
                         };
+                        optionName: string;
                     })[];
                 };
                 video: {
@@ -63,7 +70,8 @@ export declare const PromoFeaturesItem: {
                             };
                         };
                         loop: {
-                            anyOf: ({
+                            oneOf: ({
+                                optionName: string;
                                 type: string;
                                 additionalProperties: boolean;
                                 required: string[];
@@ -77,6 +85,7 @@ export declare const PromoFeaturesItem: {
                                 };
                             } | {
                                 type: string;
+                                optionName: string;
                             })[];
                         };
                         type: {
@@ -86,13 +95,13 @@ export declare const PromoFeaturesItem: {
                         muted: {
                             type: string;
                         };
-                        playing: {
+                        autoplay: {
                             type: string;
                         };
                         elapsedTime: {
                             type: string;
                         };
-                        playIcon: {
+                        playButton: {
                             type: string;
                             additionalProperties: boolean;
                             properties: {
@@ -130,6 +139,10 @@ export declare const PromoFeaturesItem: {
                 };
                 dataLens: {
                     oneOf: ({
+                        type: string;
+                        optionName: string;
+                    } | {
+                        optionName: string;
                         type: string;
                         additionalProperties: boolean;
                         required: string[];
@@ -142,8 +155,6 @@ export declare const PromoFeaturesItem: {
                                 enum: string[];
                             };
                         };
-                    } | {
-                        type: string;
                     })[];
                 };
                 fullscreen: {
@@ -252,6 +263,10 @@ export declare const PromoFeaturesBlock: {
             };
             title: {
                 oneOf: ({
+                    type: string;
+                    optionName: string;
+                } | {
+                    optionName: string;
                     type: string;
                     additionalProperties: boolean;
                     required: string[];
@@ -271,13 +286,12 @@ export declare const PromoFeaturesBlock: {
                             type: string;
                         };
                     };
-                } | {
-                    type: string;
                 })[];
             };
             description: {
                 type: string;
                 contentType: string;
+                inputType: string;
             };
             animated: {
                 type: string;

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

@@ -15,6 +15,7 @@ exports.PromoFeaturesItem = {
         text: {
             type: 'string',
             contentType: 'yfm',
+            inputType: 'textarea',
         },
         theme: {
             enum: ['accent', 'accent-light', 'primary'],

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

@@ -16,6 +16,11 @@ export declare const QuestionsBlock: {
             };
             title: {
                 oneOf: ({
+                    type: string;
+                    contentType: string;
+                    optionName: string;
+                } | {
+                    optionName: string;
                     type: string;
                     additionalProperties: boolean;
                     required: string[];
@@ -35,14 +40,13 @@ export declare const QuestionsBlock: {
                             type: string;
                         };
                     };
-                } | {
-                    type: string;
-                    contentType: string;
+                    contentType?: undefined;
                 })[];
             };
             text: {
                 type: string;
                 contentType: string;
+                inputType: string;
             };
             additionalInfo: {
                 type: string;

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;

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/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;
+                                }[];
                             };
                         };
                     };

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/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,8 +150,6 @@ export declare const tabsItem: {
                                     enum: string[];
                                 };
                             };
-                        } | {
-                            type: string;
                         })[];
                     };
                     fullscreen: {
@@ -224,11 +234,14 @@ export declare const tabsItem: {
                         })[];
                     };
                 };
-            } | {
+            } & {
+                optionName: string;
+            }) | {
                 type: string;
                 additionalProperties: boolean;
                 required: import("../..").Theme[];
                 properties: {};
+                optionName: string;
             })[];
         };
         link: {
@@ -259,7 +272,8 @@ export declare const tabsItem: {
                     enum: string[];
                 };
                 analyticsEvents: {
-                    anyOf: ({
+                    oneOf: ({
+                        optionName: string;
                         type: string;
                         additionalProperties: {
                             type: string;
@@ -295,6 +309,7 @@ export declare const tabsItem: {
                                 type: string;
                             };
                         };
+                        items?: undefined;
                     } | {
                         type: string;
                         items: {
@@ -334,6 +349,7 @@ export declare const tabsItem: {
                                 };
                             };
                         };
+                        optionName: string;
                     })[];
                 };
                 type: {};
@@ -341,7 +357,7 @@ export declare const tabsItem: {
             };
         };
         image: {
-            oneOf: ({
+            oneOf: (({
                 oneOf: ({
                     type: string;
                     properties: {
@@ -352,16 +368,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[];
@@ -381,14 +406,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;
@@ -452,6 +476,10 @@ export declare const TabsBlock: {
             };
             title: {
                 oneOf: ({
+                    type: string;
+                    optionName: string;
+                } | {
+                    optionName: string;
                     type: string;
                     additionalProperties: boolean;
                     required: string[];
@@ -471,13 +499,12 @@ export declare const TabsBlock: {
                             type: string;
                         };
                     };
-                } | {
-                    type: string;
                 })[];
             };
             description: {
                 type: string;
                 contentType: string;
+                inputType: string;
             };
             anchor: {
                 type: string;

package/build/cjs/components/BlockBase/BlockBase.js

@@ -8,9 +8,9 @@ const utils_1 = require("../../utils");
 const Anchor_1 = tslib_1.__importDefault(require("../Anchor/Anchor"));
 const b = (0, utils_1.block)('block-base');
 const BlockBase = (props) => {
-    const { anchor, visible, children, className, resetPaddings, qa, index = 0 } = props;
+    const { anchor, visible, children, className, resetPaddings, qa, type, index } = props;
     return (react_1.default.createElement(grid_1.Col, { className: b({ ['reset-paddings']: resetPaddings }, className), visible: visible, reset: true, dataQa: qa },
-        react_1.default.createElement(BlockDecoration_1.BlockDecoration, { id: index },
+        react_1.default.createElement(BlockDecoration_1.BlockDecoration, { type: type, index: index },
             anchor && react_1.default.createElement(Anchor_1.default, { id: anchor.url, className: b('anchor') }),
             children)));
 };

package/build/cjs/components/HeaderBreadcrumbs/HeaderBreadcrumbs.js

@@ -15,7 +15,7 @@ function HeaderBreadcrumbs(props) {
         handleAnalytics();
         handleMetrika({ metrikaGoals, pixelEvents });
     }, [handleAnalytics, handleMetrika, metrikaGoals, pixelEvents]);
-    return (react_1.default.createElement("div", { className: b({ theme }, className) }, items.map((item) => (react_1.default.createElement("div", { className: b('item'), key: item.url },
+    return (react_1.default.createElement("div", { className: b({ theme }, className) }, items === null || items === void 0 ? void 0 : items.map((item) => (react_1.default.createElement("div", { className: b('item'), key: item.url },
         react_1.default.createElement("a", { href: item.url, className: b('text'), onClick: onClick }, item.text))))));
 }
 exports.default = HeaderBreadcrumbs;

package/build/cjs/components/Image/schema.d.ts

@@ -54,5 +54,6 @@ export declare const ImageProps: {
     } | {
         type: string;
         pattern: string;
+        optionName: string;
     })[];
 };

package/build/cjs/components/Image/schema.js

@@ -38,8 +38,9 @@ exports.ImageProps = {
         {
             type: 'string',
             pattern: exports.urlPattern,
+            optionName: 'url',
         },
-        (0, utils_1.filteredItem)(Object.assign({}, exports.ImageObjectProps)),
-        (0, utils_1.filteredItem)(Object.assign({}, exports.ImageDeviceProps)),
+        (0, utils_1.filteredItem)(Object.assign(Object.assign({}, exports.ImageObjectProps), { optionName: 'options' })),
+        (0, utils_1.filteredItem)(Object.assign(Object.assign({}, exports.ImageDeviceProps), { optionName: 'device options' })),
     ],
 };

package/build/cjs/containers/PageConstructor/components/ConstructorBlock/ConstructorBlock.js

@@ -8,6 +8,6 @@ const utils_1 = require("../../../../utils");
 const b = (0, utils_1.block)('constructor-block');
 const ConstructorBlock = ({ index = 0, data, children, }) => {
     const { anchor, visible, type } = data;
-    return (react_1.default.createElement(BlockBase_1.default, { index: index, className: b({ type }), anchor: anchor, visible: visible, resetPaddings: data.resetPaddings }, children));
+    return (react_1.default.createElement(BlockBase_1.default, { type: type, index: index, className: b({ type }), anchor: anchor, visible: visible, resetPaddings: data.resetPaddings }, children));
 };
 exports.ConstructorBlock = ConstructorBlock;

package/build/cjs/containers/PageConstructor/components/ConstructorItem/ConstructorItem.js

@@ -14,6 +14,6 @@ const ConstructorItem = ({ data, blockKey, children }) => {
         react_1.default.createElement(Component, Object.assign({}, rest), children)));
 };
 exports.ConstructorItem = ConstructorItem;
-const ConstructorHeader = ({ data, blockKey, }) => (react_1.default.createElement(BlockDecoration_1.BlockDecoration, { id: data.type },
+const ConstructorHeader = ({ data, blockKey, }) => (react_1.default.createElement(BlockDecoration_1.BlockDecoration, { type: data.type },
     react_1.default.createElement(exports.ConstructorItem, { data: data, key: data.type, blockKey: blockKey })));
 exports.ConstructorHeader = ConstructorHeader;

package/build/cjs/customization/BlockDecoration.d.ts

@@ -1,3 +1,3 @@
 import { PropsWithChildren } from 'react';
 import { BlockDecorationProps } from '../models';
-export declare const BlockDecoration: ({ id, children: blockChildren, }: PropsWithChildren<BlockDecorationProps>) => JSX.Element;
+export declare const BlockDecoration: ({ children: blockChildren, ...rest }: PropsWithChildren<BlockDecorationProps>) => JSX.Element;

package/build/cjs/customization/BlockDecoration.js

@@ -4,15 +4,14 @@ exports.BlockDecoration = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const innerContext_1 = require("../context/innerContext");
-const BlockDecoration = ({ id, children: blockChildren, }) => {
-    var _a, _b;
-    const { headerBlockTypes } = (0, react_1.useContext)(innerContext_1.InnerContext);
-    const isHeader = Boolean(typeof id === 'string' && headerBlockTypes.includes(id));
+const BlockDecoration = (_a) => {
+    var _b, _c;
+    var { children: blockChildren } = _a, rest = tslib_1.__rest(_a, ["children"]);
     const block = react_1.default.createElement(react_1.Fragment, null, blockChildren);
-    const blockDecorators = (_b = (_a = (0, react_1.useContext)(innerContext_1.InnerContext).customization) === null || _a === void 0 ? void 0 : _a.decorators) === null || _b === void 0 ? void 0 : _b.block;
+    const blockDecorators = (_c = (_b = (0, react_1.useContext)(innerContext_1.InnerContext).customization) === null || _b === void 0 ? void 0 : _b.decorators) === null || _c === void 0 ? void 0 : _c.block;
     if (!blockDecorators) {
         return block;
     }
-    return blockDecorators.reduce((children, decorator) => react_1.default.createElement(react_1.Fragment, null, decorator({ children, id, isHeader })), block);
+    return blockDecorators.reduce((children, decorator) => react_1.default.createElement(react_1.Fragment, null, decorator(Object.assign({ children }, rest))), block);
 };
 exports.BlockDecoration = BlockDecoration;

package/build/cjs/editor/{Components → components}/AddBlock/AddBlock.css

@@ -3,7 +3,7 @@ unpredictable css rules order in build */
 .pc-add-block {
   position: fixed;
   bottom: 32px;
-  left: 50%;
+  left: calc(50% + var(--editor-left-column-width) / 2);
   transform: translateX(-50%);
   z-index: 110;
 }

package/build/cjs/editor/components/AddBlock/AddBlock.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from 'react';
+import { Block, ClassNameProps } from '../../../models';
+export interface AddBlockProps extends ClassNameProps {
+    onAdd: (data: Block) => void;
+}
+declare const AddBlock: ({ onAdd, className }: PropsWithChildren<AddBlockProps>) => JSX.Element;
+export default AddBlock;

package/build/cjs/editor/{Components → components}/AddBlock/AddBlock.js

@@ -9,14 +9,14 @@ const utils_1 = require("../../../utils");
 const data_1 = tslib_1.__importDefault(require("../../data"));
 const b = (0, utils_1.block)('add-block');
 const sortedBlockNames = Object.keys(constructor_items_1.blockMap).sort();
-const AddBlock = ({ onAdd }) => {
+const AddBlock = ({ onAdd, className }) => {
     const [isOpened, setIsOpened] = (0, react_1.useState)(false);
     const [search, setSearch] = (0, react_1.useState)('');
     const ref = (0, react_1.useRef)(null);
     const blocks = (0, react_1.useMemo)(() => sortedBlockNames.filter((blockName) => data_1.default[blockName].meta.title
         .toLocaleLowerCase()
         .startsWith(search.toLocaleLowerCase())), [search]);
-    return (react_1.default.createElement("div", { className: b(), ref: ref },
+    return (react_1.default.createElement("div", { className: b(null, className), ref: ref },
         react_1.default.createElement("button", { className: b('button'), onClick: () => {
                 setIsOpened(!isOpened);
                 setSearch('');