@gravity-ui/page-constructor 4.41.1-alpha.0 → 4.42.1

package/build/cjs/editor/containers/Form/hooks.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCode = void 0;
+const tslib_1 = require("tslib");
+const react_1 = require("react");
+const js_yaml_1 = tslib_1.__importDefault(require("js-yaml"));
+const usePreviousValue_1 = tslib_1.__importDefault(require("../../hooks/usePreviousValue"));
+const types_1 = require("../../types");
+/**
+ * Transorms PageConstructor content in JSON to YAML on code editor mode switching
+ *
+ * @param {Object} props - props parent from form
+ * @returns {string} - updated code
+ */
+function useCode({ activeTab, content, codeFullscreeModeOn, }) {
+    var _a;
+    const [code, setCode] = (0, react_1.useState)('');
+    const prevTab = (0, usePreviousValue_1.default)(activeTab);
+    const prevContentLength = (0, usePreviousValue_1.default)((_a = content.blocks) === null || _a === void 0 ? void 0 : _a.length);
+    const prevCodeFullscreeModeOn = (0, usePreviousValue_1.default)(codeFullscreeModeOn);
+    (0, react_1.useEffect)(() => {
+        var _a;
+        const switchedToCodeEditing = activeTab !== prevTab && activeTab === types_1.FormTab.Code;
+        const blocksCountChanged = prevContentLength !== ((_a = content.blocks) === null || _a === void 0 ? void 0 : _a.length);
+        const codeModeSwitched = codeFullscreeModeOn !== prevCodeFullscreeModeOn;
+        if (blocksCountChanged || switchedToCodeEditing || codeModeSwitched) {
+            setCode(js_yaml_1.default.dump(content, { lineWidth: -1 }));
+        }
+    }, [
+        activeTab,
+        prevTab,
+        content,
+        prevContentLength,
+        codeFullscreeModeOn,
+        prevCodeFullscreeModeOn,
+    ]);
+    return code;
+}
+exports.useCode = useCode;

package/build/cjs/editor/context.d.ts

@@ -1,9 +1,11 @@
 import React from 'react';
 import { PageConstructorProps, PageConstructorProviderProps } from '../containers/PageConstructor';
+import { Theme } from '../models/common';
 import { EditorProps } from './types';
 export interface EditorContextType {
     constructorProps?: PageConstructorProps;
     providerProps?: PageConstructorProviderProps;
     deviceEmulationSettings?: EditorProps['deviceEmulationSettings'];
+    theme?: Theme;
 }
 export declare const EditorContext: React.Context<Partial<EditorContextType>>;

package/build/cjs/editor/types/index.d.ts

@@ -1,5 +1,6 @@
 import { PageConstructorProps, PageConstructorProviderProps } from '../../containers/PageConstructor';
 import { BlockDecorationProps, PageContent } from '../../models';
+import { Theme } from '../../models/common';
 import { SchemaCustomConfig } from '../../schema';
 import { EditBlockActions } from '../components/EditBlock/EditBlock';
 export type EditorBlockId = number | string;
@@ -17,6 +18,7 @@ export interface EditorProps extends Required<Pick<PageConstructorProps, 'conten
     transformContent?: ContentTransformer;
     customSchema?: SchemaCustomConfig;
     deviceEmulationSettings?: DeviceEmulationSettings;
+    theme?: Theme;
 }
 export interface EditBlockEditorProps {
     isActive?: boolean;

package/build/cjs/navigation/components/NavigationItem/NavigationItem.js

@@ -9,6 +9,7 @@ const utils_1 = require("../../../utils");
 const useNavigationItemMap_1 = require("./hooks/useNavigationItemMap");
 const b = (0, utils_1.block)('navigation-item');
 const ANALYTICS_ID = 'navigation';
+const nonComplexNavigationItemTypes = models_1.NavigationItemTypes.filter((type) => type !== models_1.NavigationItemType.Dropdown);
 const NavigationItem = (_a) => {
     var { data, className, menuLayout } = _a, props = tslib_1.__rest(_a, ["data", "className", "menuLayout"]);
     const { type = models_1.NavigationItemType.Link } = data;
@@ -16,11 +17,13 @@ const NavigationItem = (_a) => {
     const Component = navItemMap[type];
     const componentProps = (0, react_1.useMemo)(() => {
         const componentProperties = Object.assign(Object.assign({}, data), props);
-        if (type !== models_1.NavigationItemType.Dropdown) {
+        if (nonComplexNavigationItemTypes.includes(type)) {
             return (0, omit_1.default)(componentProperties, 'hidePopup', 'isActive');
         }
-        return componentProperties;
-    }, [data, props, type]);
+        return models_1.NavigationItemTypes.includes(type)
+            ? componentProperties
+            : Object.assign(Object.assign({}, componentProperties), { menuLayout });
+    }, [data, props, type, menuLayout]);
     return (react_1.default.createElement(blockIdContext_1.BlockIdContext.Provider, { value: ANALYTICS_ID },
         react_1.default.createElement("li", { className: b({ 'menu-layout': menuLayout }, className) },
             react_1.default.createElement(Component, Object.assign({}, componentProps, { className: b('content', { type }) })))));

package/build/cjs/schema/validators/common.d.ts

@@ -11,7 +11,7 @@ export declare const playIconThemes: string[];
 export declare const videoControlsTypes: MediaVideoControlsType[];
 export declare const fileLinkTypes: string[];
 export declare const dividerEnum: {
-    enum: (string | number)[];
+    enum: string[];
 };
 export declare const sizeNumber: {
     type: string;
@@ -835,6 +835,18 @@ export declare const BlockBaseProps: {
     context: {
         type: string;
     };
+    indent: {
+        type: string;
+        additionalProperties: boolean;
+        properties: {
+            top: {
+                enum: string[];
+            };
+            bottom: {
+                enum: string[];
+            };
+        };
+    };
     type: {};
     when: {
         type: string;

package/build/cjs/schema/validators/common.js

@@ -16,7 +16,7 @@ exports.playIconTypes = ['default', 'text'];
 exports.playIconThemes = ['blue', 'grey'];
 exports.videoControlsTypes = [models_1.MediaVideoControlsType.Default, models_1.MediaVideoControlsType.Custom];
 exports.fileLinkTypes = ['vertical', 'horizontal'];
-exports.dividerEnum = { enum: [0, 'xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl', 'xxxl'] };
+exports.dividerEnum = { enum: ['0', 'xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl', 'xxxl'] };
 exports.sizeNumber = { type: 'number', maximum: 12, minimum: 1 };
 exports.contentThemes = ['default', 'dark', 'light'];
 exports.quoteTypes = Object.values(models_1.QuoteType);
@@ -457,6 +457,13 @@ exports.BlockBaseProps = Object.assign(Object.assign({}, exports.BaseProps), { a
         type: 'boolean',
     }, context: {
         type: 'string',
+    }, indent: {
+        type: 'object',
+        additionalProperties: false,
+        properties: {
+            top: exports.dividerEnum,
+            bottom: exports.dividerEnum,
+        },
     } });
 exports.TitleProps = {
     type: 'object',

package/build/cjs/sub-blocks/Content/Content.css

@@ -73,6 +73,9 @@ unpredictable css rules order in build */
 .pc-content_size_s .pc-content__button {
   margin-top: 8px;
 }
+.pc-content_size_s .pc-content__list {
+  margin-top: 16px;
+}
 .pc-content_size_l .pc-content__text,
 .pc-content_size_l .pc-content__notice {
   margin-top: 12px;
@@ -91,6 +94,9 @@ unpredictable css rules order in build */
 .pc-content_size_l .pc-content__button {
   margin-top: 12px;
 }
+.pc-content_size_l .pc-content__list {
+  margin-top: 24px;
+}
 .pc-content_theme_dark {
   --g-color-line-focus: var(--pc-color-line-focus-dark);
 }

package/build/cjs/sub-blocks/Content/Content.js

@@ -48,7 +48,8 @@ const Content = (props) => {
         title && (react_1.default.createElement(components_1.Title, { className: b('title'), title: titleProps, colSizes: { all: 12 }, id: titleId })),
         text && (react_1.default.createElement("div", { className: b('text', { ['without-title']: !hasTitle }) },
             react_1.default.createElement(components_1.YFMWrapper, { content: text, modifiers: { constructor: true, [`constructor-size-${size}`]: true }, id: textId }))),
-        (list === null || list === void 0 ? void 0 : list.length) ? react_1.default.createElement(components_1.ContentList, { list: list, size: size, qa: qaAttributes.list }) : null,
+        (list === null || list === void 0 ? void 0 : list.length) ? (react_1.default.createElement("div", { className: b('list') },
+            react_1.default.createElement(components_1.ContentList, { list: list, size: size, qa: qaAttributes.list }))) : null,
         additionalInfo && (react_1.default.createElement("div", { className: b('notice') },
             react_1.default.createElement(components_1.YFMWrapper, { content: additionalInfo, modifiers: {
                     constructor: true,

package/build/cjs/sub-blocks/Divider/schema.d.ts

@@ -6,7 +6,7 @@ export declare const Divider: {
                 type: string;
             };
             size: {
-                enum: (string | number)[];
+                enum: string[];
             };
             type: {};
             when: {

package/build/cjs/sub-blocks/PriceCard/PriceCard.css

@@ -3,6 +3,10 @@ unpredictable css rules order in build */
 .pc-price-card {
   position: relative;
 }
+.pc-price-card.pc-price-card {
+  min-height: auto;
+}
+
 .pc-price-card__background {
   position: absolute;
   top: 0;
@@ -59,7 +63,8 @@ unpredictable css rules order in build */
   margin-left: 4px;
 }
 .pc-price-card__price-details {
-  margin-bottom: 12px;
+  font-size: var(--g-text-body-2-font-size);
+  line-height: var(--g-text-body-2-line-height);
 }
 .pc-price-card__main {
   flex: 1;
@@ -69,12 +74,28 @@ unpredictable css rules order in build */
   position: relative;
 }
 .pc-price-card__info {
-  margin-bottom: 24px;
   flex: 1;
   min-height: 0;
   display: flex;
   flex-direction: column;
 }
+.pc-price-card__description:not(:last-child) {
+  margin-bottom: 12px;
+}
+.pc-price-card__links, .pc-price-card__buttons {
+  margin-top: 24px;
+}
 .pc-price-card__links > *:not(:last-child), .pc-price-card__buttons > *:not(:last-child) {
   margin-right: 16px;
+}
+.pc-price-card__link {
+  margin-top: 0;
+}
+@media (max-width: 769px) {
+  .pc-price-card__title, .pc-price-card__price {
+    margin-bottom: 16px;
+  }
+  .pc-price-card__links, .pc-price-card__buttons {
+    margin-top: 16px;
+  }
 }

package/build/cjs/sub-blocks/PriceCard/PriceCard.js

@@ -21,13 +21,13 @@ const PriceCard = (props) => {
                                 "/ ",
                                 pricePeriod))),
                         priceDetails && (react_1.default.createElement("div", { className: b('price-details') }, priceDetails))),
-                    react_1.default.createElement("div", null, description),
+                    description && react_1.default.createElement("div", { className: b('description') }, description),
                     (list === null || list === void 0 ? void 0 : list.length) ? (react_1.default.createElement("div", { className: b('list') },
                         react_1.default.createElement(components_1.ContentList, { list: list.map((item) => ({
                                 icon: Check_1.default,
                                 text: item,
-                            })), size: "s" }))) : null),
+                            })), size: "l" }))) : null),
                 buttons && (react_1.default.createElement("div", { className: b('buttons') }, buttons.map((button) => (react_1.default.createElement(components_1.Button, Object.assign({ key: button.url }, button)))))),
-                links && (react_1.default.createElement("div", { className: b('links') }, links.map((link) => (react_1.default.createElement(components_1.Link, Object.assign({ key: link.url, textSize: "m" }, link))))))))));
+                links && (react_1.default.createElement("div", { className: b('links') }, links.map((link) => (react_1.default.createElement(components_1.Link, Object.assign({ className: b('link'), key: link.url, textSize: "m" }, link))))))))));
 };
 exports.default = PriceCard;

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

@@ -78,6 +78,18 @@ export declare const CardLayoutProps: {
         context: {
             type: string;
         };
+        indent: {
+            type: string;
+            additionalProperties: boolean;
+            properties: {
+                top: {
+                    enum: string[];
+                };
+                bottom: {
+                    enum: string[];
+                };
+            };
+        };
         type: {};
         when: {
             type: string;
@@ -165,6 +177,18 @@ export declare const CardLayoutBlock: {
             context: {
                 type: string;
             };
+            indent: {
+                type: string;
+                additionalProperties: boolean;
+                properties: {
+                    top: {
+                        enum: string[];
+                    };
+                    bottom: {
+                        enum: string[];
+                    };
+                };
+            };
             type: {};
             when: {
                 type: string;

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

@@ -242,6 +242,18 @@ export declare const ContentLayoutBlock: {
             context: {
                 type: string;
             };
+            indent: {
+                type: string;
+                additionalProperties: boolean;
+                properties: {
+                    top: {
+                        enum: string[];
+                    };
+                    bottom: {
+                        enum: string[];
+                    };
+                };
+            };
             type: {};
             when: {
                 type: string;

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

@@ -243,6 +243,18 @@ export declare const ExtendedFeaturesBlock: {
             context: {
                 type: string;
             };
+            indent: {
+                type: string;
+                additionalProperties: boolean;
+                properties: {
+                    top: {
+                        enum: string[];
+                    };
+                    bottom: {
+                        enum: string[];
+                    };
+                };
+            };
             type: {};
             when: {
                 type: string;

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

@@ -134,6 +134,18 @@ export declare const FilterProps: {
         context: {
             type: string;
         };
+        indent: {
+            type: string;
+            additionalProperties: boolean;
+            properties: {
+                top: {
+                    enum: string[];
+                };
+                bottom: {
+                    enum: string[];
+                };
+            };
+        };
         type: {};
         when: {
             type: string;
@@ -250,6 +262,18 @@ export declare const FilterBlock: {
             context: {
                 type: string;
             };
+            indent: {
+                type: string;
+                additionalProperties: boolean;
+                properties: {
+                    top: {
+                        enum: string[];
+                    };
+                    bottom: {
+                        enum: string[];
+                    };
+                };
+            };
             type: {};
             when: {
                 type: string;

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

@@ -193,6 +193,18 @@ export declare const FormBlock: {
             context: {
                 type: string;
             };
+            indent: {
+                type: string;
+                additionalProperties: boolean;
+                properties: {
+                    top: {
+                        enum: string[];
+                    };
+                    bottom: {
+                        enum: string[];
+                    };
+                };
+            };
             type: {};
             when: {
                 type: string;

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

@@ -1318,6 +1318,18 @@ export declare const HeaderBlock: {
             context: {
                 type: string;
             };
+            indent: {
+                type: string;
+                additionalProperties: boolean;
+                properties: {
+                    top: {
+                        enum: string[];
+                    };
+                    bottom: {
+                        enum: string[];
+                    };
+                };
+            };
             type: {};
             when: {
                 type: string;

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

@@ -587,6 +587,18 @@ export declare const HeaderSliderBlock: {
             context: {
                 type: string;
             };
+            indent: {
+                type: string;
+                additionalProperties: boolean;
+                properties: {
+                    top: {
+                        enum: string[];
+                    };
+                    bottom: {
+                        enum: string[];
+                    };
+                };
+            };
             type: {};
             when: {
                 type: string;

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

@@ -142,6 +142,18 @@ export declare const IconsProps: {
         context: {
             type: string;
         };
+        indent: {
+            type: string;
+            additionalProperties: boolean;
+            properties: {
+                top: {
+                    enum: string[];
+                };
+                bottom: {
+                    enum: string[];
+                };
+            };
+        };
         type: {};
         when: {
             type: string;
@@ -293,6 +305,18 @@ export declare const IconsBlock: {
             context: {
                 type: string;
             };
+            indent: {
+                type: string;
+                additionalProperties: boolean;
+                properties: {
+                    top: {
+                        enum: string[];
+                    };
+                    bottom: {
+                        enum: string[];
+                    };
+                };
+            };
             type: {};
             when: {
                 type: string;

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

@@ -473,6 +473,18 @@ export declare const MapBlock: {
             context: {
                 type: string;
             };
+            indent: {
+                type: string;
+                additionalProperties: boolean;
+                properties: {
+                    top: {
+                        enum: string[];
+                    };
+                    bottom: {
+                        enum: string[];
+                    };
+                };
+            };
             type: {};
             when: {
                 type: string;

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

@@ -637,6 +637,18 @@ export declare const MediaBlockBaseProps: {
     context: {
         type: string;
     };
+    indent: {
+        type: string;
+        additionalProperties: boolean;
+        properties: {
+            top: {
+                enum: string[];
+            };
+            bottom: {
+                enum: string[];
+            };
+        };
+    };
     type: {};
     when: {
         type: string;
@@ -1295,6 +1307,18 @@ export declare const MediaBlock: {
             context: {
                 type: string;
             };
+            indent: {
+                type: string;
+                additionalProperties: boolean;
+                properties: {
+                    top: {
+                        enum: string[];
+                    };
+                    bottom: {
+                        enum: string[];
+                    };
+                };
+            };
             type: {};
             when: {
                 type: string;

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

@@ -374,6 +374,18 @@ export declare const PromoFeaturesBlock: {
             context: {
                 type: string;
             };
+            indent: {
+                type: string;
+                additionalProperties: boolean;
+                properties: {
+                    top: {
+                        enum: string[];
+                    };
+                    bottom: {
+                        enum: string[];
+                    };
+                };
+            };
             type: {};
             when: {
                 type: string;

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

@@ -115,6 +115,18 @@ export declare const QuestionsBlock: {
             context: {
                 type: string;
             };
+            indent: {
+                type: string;
+                additionalProperties: boolean;
+                properties: {
+                    top: {
+                        enum: string[];
+                    };
+                    bottom: {
+                        enum: string[];
+                    };
+                };
+            };
             type: {};
             when: {
                 type: string;

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

@@ -215,6 +215,18 @@ export declare const SliderBlock: {
             context: {
                 type: string;
             };
+            indent: {
+                type: string;
+                additionalProperties: boolean;
+                properties: {
+                    top: {
+                        enum: string[];
+                    };
+                    bottom: {
+                        enum: string[];
+                    };
+                };
+            };
             type: {};
             when: {
                 type: string;

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

@@ -81,6 +81,18 @@ export declare const TableBlock: {
             context: {
                 type: string;
             };
+            indent: {
+                type: string;
+                additionalProperties: boolean;
+                properties: {
+                    top: {
+                        enum: string[];
+                    };
+                    bottom: {
+                        enum: string[];
+                    };
+                };
+            };
             type: {};
             when: {
                 type: string;

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

@@ -607,6 +607,18 @@ export declare const TabsBlock: {
             context: {
                 type: string;
             };
+            indent: {
+                type: string;
+                additionalProperties: boolean;
+                properties: {
+                    top: {
+                        enum: string[];
+                    };
+                    bottom: {
+                        enum: string[];
+                    };
+                };
+            };
             type: {};
             when: {
                 type: string;