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

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

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

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

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

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

@@ -5,8 +5,7 @@ const LoadableProps = {
     properties: {
         source: {
             type: 'string',
-            // add loadable sources here if you use it in your project
-            // enum: ['my-loadable-source-1', 'my-loadable-source-1'],
+            enum: ['events', 'blog', 'services'],
         },
         /**
          * @deprecated
@@ -14,6 +13,10 @@ const LoadableProps = {
         minCount: {
             type: 'number',
         },
+        /**
+         * @deprecated Will be moved to params
+         */
+        serviceId: { type: 'number' },
         params: {
             type: 'object',
             patternProperties: {
@@ -23,8 +26,6 @@ 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,11 +16,8 @@ export declare const TableBlock: {
                         items: {
                             type: string;
                             items: {
-                                oneOf: {
-                                    type: string;
-                                    contentType: string;
-                                    optionName: string;
-                                }[];
+                                type: string[];
+                                contentType: string;
                             };
                         };
                     };

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

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

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

@@ -11,15 +11,14 @@ export declare const tabsItem: {
             contentType: string;
         };
         media: {
-            oneOf: (({
+            oneOf: ({
                 type: string;
                 properties: {
                     color: {
                         type: string;
                     };
                     image: {
-                        oneOf: ({
-                            optionName: string;
+                        anyOf: ({
                             oneOf: ({
                                 type: string;
                                 properties: {
@@ -30,10 +29,7 @@ export declare const tabsItem: {
                             } | {
                                 type: string;
                                 pattern: string;
-                                optionName: string;
                             })[];
-                            type?: undefined;
-                            items?: undefined;
                         } | {
                             type: string;
                             items: {
@@ -47,10 +43,8 @@ export declare const tabsItem: {
                                 } | {
                                     type: string;
                                     pattern: string;
-                                    optionName: string;
                                 })[];
                             };
-                            optionName: string;
                         })[];
                     };
                     video: {
@@ -65,8 +59,7 @@ export declare const tabsItem: {
                                 };
                             };
                             loop: {
-                                oneOf: ({
-                                    optionName: string;
+                                anyOf: ({
                                     type: string;
                                     additionalProperties: boolean;
                                     required: string[];
@@ -80,7 +73,6 @@ export declare const tabsItem: {
                                     };
                                 } | {
                                     type: string;
-                                    optionName: string;
                                 })[];
                             };
                             type: {
@@ -90,13 +82,13 @@ export declare const tabsItem: {
                             muted: {
                                 type: string;
                             };
-                            autoplay: {
+                            playing: {
                                 type: string;
                             };
                             elapsedTime: {
                                 type: string;
                             };
-                            playButton: {
+                            playIcon: {
                                 type: string;
                                 additionalProperties: boolean;
                                 properties: {
@@ -134,10 +126,6 @@ export declare const tabsItem: {
                     };
                     dataLens: {
                         oneOf: ({
-                            type: string;
-                            optionName: string;
-                        } | {
-                            optionName: string;
                             type: string;
                             additionalProperties: boolean;
                             required: string[];
@@ -150,6 +138,8 @@ export declare const tabsItem: {
                                     enum: string[];
                                 };
                             };
+                        } | {
+                            type: string;
                         })[];
                     };
                     fullscreen: {
@@ -234,14 +224,11 @@ export declare const tabsItem: {
                         })[];
                     };
                 };
-            } & {
-                optionName: string;
-            }) | {
+            } | {
                 type: string;
                 additionalProperties: boolean;
                 required: import("../..").Theme[];
                 properties: {};
-                optionName: string;
             })[];
         };
         link: {
@@ -272,8 +259,7 @@ export declare const tabsItem: {
                     enum: string[];
                 };
                 analyticsEvents: {
-                    oneOf: ({
-                        optionName: string;
+                    anyOf: ({
                         type: string;
                         additionalProperties: {
                             type: string;
@@ -309,7 +295,6 @@ export declare const tabsItem: {
                                 type: string;
                             };
                         };
-                        items?: undefined;
                     } | {
                         type: string;
                         items: {
@@ -349,7 +334,6 @@ export declare const tabsItem: {
                                 };
                             };
                         };
-                        optionName: string;
                     })[];
                 };
                 type: {};
@@ -357,7 +341,7 @@ export declare const tabsItem: {
             };
         };
         image: {
-            oneOf: (({
+            oneOf: ({
                 oneOf: ({
                     type: string;
                     properties: {
@@ -368,25 +352,16 @@ 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[];
@@ -406,13 +381,14 @@ export declare const tabsItem: {
                         type: string;
                     };
                 };
-                contentType?: undefined;
+            } | {
+                type: string;
+                contentType: string;
             })[];
         } | undefined;
         text?: {
             type: string;
             contentType: string;
-            inputType: string;
         } | undefined;
         additionalInfo?: {
             type: string;
@@ -476,10 +452,6 @@ export declare const TabsBlock: {
             };
             title: {
                 oneOf: ({
-                    type: string;
-                    optionName: string;
-                } | {
-                    optionName: string;
                     type: string;
                     additionalProperties: boolean;
                     required: string[];
@@ -499,12 +471,13 @@ 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, type, index } = props;
+    const { anchor, visible, children, className, resetPaddings, qa, index = 0 } = props;
     return (React.createElement(Col, { className: b({ ['reset-paddings']: resetPaddings }, className), visible: visible, reset: true, dataQa: qa },
-        React.createElement(BlockDecoration, { type: type, index: index },
+        React.createElement(BlockDecoration, { id: 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 === null || items === void 0 ? void 0 : items.map((item) => (React.createElement("div", { className: b('item'), key: item.url },
+    return (React.createElement("div", { className: b({ theme }, className) }, 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,6 +54,5 @@ export declare const ImageProps: {
     } | {
         type: string;
         pattern: string;
-        optionName: string;
     })[];
 };

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

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

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, { type: type, index: index, className: b({ type }), anchor: anchor, visible: visible, resetPaddings: data.resetPaddings }, children));
+    return (React.createElement(BlockBase, { 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, { type: data.type },
+export const ConstructorHeader = ({ data, blockKey, }) => (React.createElement(BlockDecoration, { id: 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: ({ children: blockChildren, ...rest }: PropsWithChildren<BlockDecorationProps>) => JSX.Element;
+export declare const BlockDecoration: ({ id, children: blockChildren, }: 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 = (_a) => {
-    var _b, _c;
-    var { children: blockChildren } = _a, rest = __rest(_a, ["children"]);
+export const BlockDecoration = ({ id, children: blockChildren, }) => {
+    var _a, _b;
+    const { headerBlockTypes } = useContext(InnerContext);
+    const isHeader = Boolean(typeof id === 'string' && headerBlockTypes.includes(id));
     const block = React.createElement(Fragment, null, blockChildren);
-    const blockDecorators = (_c = (_b = useContext(InnerContext).customization) === null || _b === void 0 ? void 0 : _b.decorators) === null || _c === void 0 ? void 0 : _c.block;
+    const blockDecorators = (_b = (_a = useContext(InnerContext).customization) === null || _a === void 0 ? void 0 : _a.decorators) === null || _b === void 0 ? void 0 : _b.block;
     if (!blockDecorators) {
         return block;
     }
-    return blockDecorators.reduce((children, decorator) => React.createElement(Fragment, null, decorator(Object.assign({ children }, rest))), block);
+    return blockDecorators.reduce((children, decorator) => React.createElement(Fragment, null, decorator({ children, id, isHeader })), block);
 };

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

@@ -1,5 +1,12 @@
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
+.pc-add-block {
+  position: fixed;
+  bottom: 32px;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 110;
+}
 .pc-add-block__button {
   display: inline-block;
   margin: 0;

package/build/esm/editor/Components/AddBlock/AddBlock.d.ts

@@ -0,0 +1,8 @@
+import { PropsWithChildren } from 'react';
+import { Block } from '../../../models';
+import './AddBlock.css';
+export interface AddBlockProps {
+    onAdd: (data: Block) => void;
+}
+declare const AddBlock: ({ onAdd }: 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, className }) => {
+const AddBlock = ({ onAdd }) => {
     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(null, className), ref: ref },
+    return (React.createElement("div", { className: b(), ref: ref },
         React.createElement("button", { className: b('button'), onClick: () => {
                 setIsOpened(!isOpened);
                 setSearch('');