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

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

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

package/build/esm/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/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;

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/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/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/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/esm/components/BlockBase/BlockBase.js

@@ -6,9 +6,9 @@ import Anchor from '../Anchor/Anchor';
 import './BlockBase.css';
 const b = 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.createElement(Col, { className: b({ ['reset-paddings']: resetPaddings }, className), visible: visible, reset: true, dataQa: qa },
-        React.createElement(BlockDecoration, { id: index },
+        React.createElement(BlockDecoration, { type: type, index: index },
             anchor && React.createElement(Anchor, { id: anchor.url, className: b('anchor') }),
             children)));
 };

package/build/esm/components/HeaderBreadcrumbs/HeaderBreadcrumbs.js

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

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

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

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

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

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

@@ -4,5 +4,5 @@ import { block } from '../../../../utils';
 const b = block('constructor-block');
 export const ConstructorBlock = ({ index = 0, data, children, }) => {
     const { anchor, visible, type } = data;
-    return (React.createElement(BlockBase, { index: index, className: b({ type }), anchor: anchor, visible: visible, resetPaddings: data.resetPaddings }, children));
+    return (React.createElement(BlockBase, { type: type, index: index, className: b({ type }), anchor: anchor, visible: visible, resetPaddings: data.resetPaddings }, children));
 };

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

@@ -10,5 +10,5 @@ export const ConstructorItem = ({ data, blockKey, children }) => {
     return (React.createElement(BlockIdContext.Provider, { value: blockKey },
         React.createElement(Component, Object.assign({}, rest), children)));
 };
-export const ConstructorHeader = ({ data, blockKey, }) => (React.createElement(BlockDecoration, { id: data.type },
+export const ConstructorHeader = ({ data, blockKey, }) => (React.createElement(BlockDecoration, { type: data.type },
     React.createElement(ConstructorItem, { data: data, key: data.type, blockKey: blockKey })));

package/build/esm/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/esm/customization/BlockDecoration.js

@@ -1,13 +1,13 @@
+import { __rest } from "tslib";
 import React, { Fragment, useContext } from 'react';
 import { InnerContext } from '../context/innerContext';
-export const BlockDecoration = ({ id, children: blockChildren, }) => {
-    var _a, _b;
-    const { headerBlockTypes } = useContext(InnerContext);
-    const isHeader = Boolean(typeof id === 'string' && headerBlockTypes.includes(id));
+export const BlockDecoration = (_a) => {
+    var _b, _c;
+    var { children: blockChildren } = _a, rest = __rest(_a, ["children"]);
     const block = React.createElement(Fragment, null, blockChildren);
-    const blockDecorators = (_b = (_a = useContext(InnerContext).customization) === null || _a === void 0 ? void 0 : _a.decorators) === null || _b === void 0 ? void 0 : _b.block;
+    const blockDecorators = (_c = (_b = useContext(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.createElement(Fragment, null, decorator({ children, id, isHeader })), block);
+    return blockDecorators.reduce((children, decorator) => React.createElement(Fragment, null, decorator(Object.assign({ children }, rest))), block);
 };

package/build/esm/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/esm/editor/components/AddBlock/AddBlock.d.ts

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

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

@@ -7,14 +7,14 @@ import EditorBlocksData from '../../data';
 import './AddBlock.css';
 const b = block('add-block');
 const sortedBlockNames = Object.keys(blockMap).sort();
-const AddBlock = ({ onAdd }) => {
+const AddBlock = ({ onAdd, className }) => {
     const [isOpened, setIsOpened] = useState(false);
     const [search, setSearch] = useState('');
     const ref = useRef(null);
     const blocks = useMemo(() => sortedBlockNames.filter((blockName) => EditorBlocksData[blockName].meta.title
         .toLocaleLowerCase()
         .startsWith(search.toLocaleLowerCase())), [search]);
-    return (React.createElement("div", { className: b(), ref: ref },
+    return (React.createElement("div", { className: b(null, className), ref: ref },
         React.createElement("button", { className: b('button'), onClick: () => {
                 setIsOpened(!isOpened);
                 setSearch('');