@gravity-ui/page-constructor 3.0.0-alpha.5 → 4.0.0-beta.0

package/build/cjs/editor/store/reducer.d.ts

@@ -0,0 +1,41 @@
+import { Block, CustomConfig, PageContent } from '../../models';
+export type EditorBlockId = number | string;
+interface EditorState {
+    content: PageContent;
+    activeBlockId: EditorBlockId;
+    orderedBlocksCount: number;
+    custom?: CustomConfig;
+}
+interface OrderBlockParams {
+    oldIndex: number;
+    newIndex: number;
+}
+export declare const SELECT_BLOCK = "SELECT_BLOCK";
+export declare const DELETE_BLOCK = "DELETE_BLOCK";
+export declare const COPY_BLOCK = "COPY_BLOCK";
+export declare const ADD_BLOCK = "ADD_BLOCK";
+export declare const SET_REGION = "SET_REGION";
+export declare const ORDER_BLOCK = "ORDER_BLOCK";
+interface SelectBlock {
+    type: typeof SELECT_BLOCK;
+    payload: EditorBlockId;
+}
+interface DeleteBlock {
+    type: typeof DELETE_BLOCK;
+    payload: EditorBlockId;
+}
+interface CopyBlock {
+    type: typeof COPY_BLOCK;
+    payload: number;
+}
+interface AddBlock {
+    type: typeof ADD_BLOCK;
+    payload: Block;
+}
+interface OrderBlock {
+    type: typeof ORDER_BLOCK;
+    payload: OrderBlockParams;
+}
+export type EditorAction = SelectBlock | DeleteBlock | CopyBlock | AddBlock | OrderBlock;
+export declare const getReducer: (headerBlockTypes: string[]) => (state: EditorState, action: EditorAction) => EditorState;
+export {};

package/build/cjs/editor/store/reducer.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getReducer = exports.ORDER_BLOCK = exports.SET_REGION = exports.ADD_BLOCK = exports.COPY_BLOCK = exports.DELETE_BLOCK = exports.SELECT_BLOCK = void 0;
+const utils_1 = require("../../utils");
+const utils_2 = require("./utils");
+// actions
+exports.SELECT_BLOCK = 'SELECT_BLOCK';
+exports.DELETE_BLOCK = 'DELETE_BLOCK';
+exports.COPY_BLOCK = 'COPY_BLOCK';
+exports.ADD_BLOCK = 'ADD_BLOCK';
+exports.SET_REGION = 'SET_REGION';
+exports.ORDER_BLOCK = 'ORDER_BLOCK';
+// reducer
+const getReducer = (headerBlockTypes) => (state, action) => {
+    const { content } = state;
+    const header = (0, utils_1.getHeaderBlock)(content.blocks, headerBlockTypes);
+    const orderedBlocks = (0, utils_1.getOrderedBlocks)(content.blocks, headerBlockTypes);
+    const withHeader = (blocks) => [header, ...blocks].filter(Boolean);
+    const getNewState = (blocks, activeBlockId) => (Object.assign(Object.assign({}, state), { content: Object.assign(Object.assign({}, content), { blocks }), activeBlockId, orderedBlocksCount: orderedBlocks.length }));
+    switch (action.type) {
+        case exports.SELECT_BLOCK:
+            return getNewState(content.blocks, action.payload);
+        case exports.DELETE_BLOCK: {
+            const blockId = action.payload;
+            return getNewState(typeof blockId === 'string'
+                ? content.blocks.filter(({ type }) => type !== blockId)
+                : withHeader(orderedBlocks.filter((_block, index) => index !== blockId)), -1);
+        }
+        case exports.COPY_BLOCK: {
+            const index = action.payload;
+            return getNewState(withHeader((0, utils_2.duplicateBlock)(orderedBlocks, index)), index + 1);
+        }
+        case exports.ADD_BLOCK: {
+            let blocks;
+            let activeBlockId;
+            const block = action.payload;
+            if (headerBlockTypes.includes(block.type)) {
+                blocks = header ? blocks : [block, ...orderedBlocks];
+                activeBlockId = block.type;
+            }
+            else {
+                const newBlockIndex = (0, utils_2.getNewBlockIndex)(state.activeBlockId, orderedBlocks.length);
+                blocks = withHeader((0, utils_2.addBlock)(orderedBlocks, block, newBlockIndex));
+                activeBlockId = newBlockIndex;
+            }
+            if (blocks) {
+                return getNewState(blocks, activeBlockId);
+            }
+            return state;
+        }
+        case exports.ORDER_BLOCK: {
+            const { oldIndex, newIndex } = action.payload;
+            return getNewState(withHeader((0, utils_2.changeBlocksOrder)(orderedBlocks, oldIndex, newIndex)), newIndex);
+        }
+        default:
+            return state;
+    }
+};
+exports.getReducer = getReducer;

package/build/cjs/editor/store/utils.d.ts

@@ -0,0 +1,12 @@
+import { Block, PageContent } from '../../models';
+import { EditorBlockId } from './reducer';
+export declare const changeBlocksOrder: (array: Block[], oldIndex: number, newIndex: number) => Block[];
+export declare const duplicateBlock: (array: Block[], index: number) => Block[];
+export declare const getNewBlockIndex: (id: EditorBlockId, orderedBlocksCount: number) => number;
+export declare const addBlock: (array: Block[], block: Block, index: number) => Block[];
+export declare const addEditorProps: (content: PageContent) => {
+    animated: boolean;
+    blocks: Block[];
+    menu?: import("../../models").Menu | undefined;
+    background?: import("../../models").ThemedMediaProps | undefined;
+};

package/build/cjs/editor/store/utils.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addEditorProps = exports.addBlock = exports.getNewBlockIndex = exports.duplicateBlock = exports.changeBlocksOrder = void 0;
+const changeBlocksOrder = (array, oldIndex, newIndex) => {
+    const result = [...array];
+    const element = result.splice(oldIndex, 1)[0];
+    result.splice(newIndex, 0, element);
+    return result;
+};
+exports.changeBlocksOrder = changeBlocksOrder;
+const duplicateBlock = (array, index) => {
+    const result = [...array];
+    result.splice(index + 1, 0, result[index]);
+    return result;
+};
+exports.duplicateBlock = duplicateBlock;
+const getNewBlockIndex = (id, orderedBlocksCount) => {
+    if (id === -1) {
+        return orderedBlocksCount;
+    }
+    // id === 'string' - header block
+    return typeof id === 'string' ? 0 : id + 1;
+};
+exports.getNewBlockIndex = getNewBlockIndex;
+const addBlock = (array, block, index) => {
+    const result = [...array];
+    result.splice(index, 0, block);
+    return result;
+};
+exports.addBlock = addBlock;
+const addEditorProps = (content) => {
+    return Object.assign(Object.assign({}, content), { animated: false });
+};
+exports.addEditorProps = addEditorProps;

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { PageConstructorProps } from '../../containers/PageConstructor';
+import { BlockDecoratorProps, PageData } from '../../models';
+export type EditorBlockId = number | string;
+export interface EditorProps extends Required<Pick<PageConstructorProps, 'content'>>, Partial<Omit<PageConstructorProps, 'content'>> {
+    children: (props: Partial<PageConstructorProps>) => React.ReactNode;
+    onChange?: (data: PageData) => void;
+}
+export interface EditBlockEditorProps {
+    activeBlockId: EditorBlockId;
+    orderedBlocksCount: number;
+    onSelect: (index: EditorBlockId) => void;
+    onDelete: (index: EditorBlockId) => void;
+    onCopy: (index: number) => void;
+    onOrderChange: (index: number, newIndex: number) => void;
+}
+export type EditBlockProps = EditBlockEditorProps & BlockDecoratorProps;

package/build/cjs/editor/types/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -0,0 +1,11 @@
+import { BlockDecorator, CustomConfig } from '../../models';
+export declare const formatBlockName: (name: string) => string;
+export declare const addCustomDecorator: (decorator: BlockDecorator, custom?: CustomConfig) => {
+    decorators: {
+        block: ((props: import("../../models").BlockDecoratorProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>)[];
+    };
+    blocks?: import("../../models").CustomItems | undefined;
+    subBlocks?: import("../../models").CustomItems | undefined;
+    headers?: import("../../models").CustomItems | undefined;
+    loadable?: import("../../models").LoadableConfig | undefined;
+};

package/build/cjs/editor/utils/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addCustomDecorator = exports.formatBlockName = void 0;
+const tslib_1 = require("tslib");
+const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const formatBlockName = (name) => lodash_1.default.capitalize(name).replace(/(block|-)/g, ' ');
+exports.formatBlockName = formatBlockName;
+const addCustomDecorator = (decorator, custom = {}) => {
+    const decorators = custom.decorators || {};
+    return Object.assign(Object.assign({}, custom), { decorators: Object.assign(Object.assign({}, decorators), { block: [...(decorators.block || []), decorator] }) });
+};
+exports.addCustomDecorator = addCustomDecorator;

package/build/cjs/grid/Col/Col.d.ts

@@ -7,4 +7,4 @@ export interface GridColumnProps extends GridColumnClassParams, Refable<HTMLDivE
     dataQa?: string;
     children?: React.ReactNode;
 }
-export declare const Col: React.ForwardRefExoticComponent<Pick<WithChildren<GridColumnProps>, "style" | "children" | "className" | "reset" | "sizes" | "offsets" | "orders" | "hidden" | "visible" | "alignSelf" | "justifyContent" | "dataQa"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Col: React.ForwardRefExoticComponent<Pick<WithChildren<GridColumnProps>, "style" | "children" | "className" | "reset" | "visible" | "sizes" | "offsets" | "orders" | "hidden" | "alignSelf" | "justifyContent" | "dataQa"> & React.RefAttributes<HTMLDivElement>>;

package/build/cjs/hooks/useMetrika.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMetrika = void 0;
 const react_1 = require("react");
 const metrikaContext_1 = require("../context/metrikaContext");
-const models_1 = require("../models");
 const guards_1 = require("../models/guards");
 // eslint-disable-next-line valid-jsdoc
 /**
@@ -29,12 +28,6 @@ const useMetrika = () => {
             else {
                 metrika.reachGoals(metrikaGoals);
             }
-            if (!pixelEvents && pixel) {
-                pixel.trackStandard(models_1.PixelEventType.SubmitApplication, {
-                    content_category: 'custom',
-                    content_ids: Array.isArray(metrikaGoals) ? metrikaGoals : [metrikaGoals],
-                });
-            }
         }
         if (pixel && pixelEvents) {
             if (isButtonPixel(pixelEvents)) {

package/build/cjs/icons/Fullscreen.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Fullscreen: React.FC<React.SVGProps<SVGSVGElement>>;

package/build/cjs/icons/{FullScreen.js → Fullscreen.js}

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FullScreen = void 0;
+exports.Fullscreen = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const svg_1 = require("../utils/svg");
-const FullScreen = (props) => (react_1.default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor" }, svg_1.a11yHiddenSvgProps, props),
+const Fullscreen = (props) => (react_1.default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor" }, svg_1.a11yHiddenSvgProps, props),
     react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18 4.654v.291a10 10 0 0 0-1.763 1.404l-2.944 2.944a1 1 0 0 0 1.414 1.414l2.933-2.932A9.996 9.996 0 0 0 19.05 6h.296l-.09.39A9.993 9.993 0 0 0 19 8.64v.857a1 1 0 0 0 2 0V4.503a1.5 1.5 0 0 0-1.5-1.5L14.5 3a1 1 0 1 0 0 2h.861a10 10 0 0 0 2.249-.256l.39-.09zM4.95 18a10 10 0 0 1 1.41-1.775l2.933-2.932a1 1 0 0 1 1.414 1.414l-2.944 2.944A9.998 9.998 0 0 1 6 19.055v.291l.39-.09A9.993 9.993 0 0 1 8.64 19h.86a1 1 0 0 1 0 2l-5-.003a1.5 1.5 0 0 1-1.5-1.5V14.5a1 1 0 1 1 2 0v.861a10 10 0 0 1-.256 2.249l-.09.39h.296z" })));
-exports.FullScreen = FullScreen;
+exports.Fullscreen = Fullscreen;

package/build/cjs/icons/index.d.ts

@@ -1,7 +1,7 @@
 export * from './ArrowConstructor';
 export * from './ArrowSidebar';
 export * from './Chevron';
-export * from './FullScreen';
+export * from './Fullscreen';
 export * from './Github';
 export * from './NavigationChevron';
 export * from './PlayVideo';

package/build/cjs/icons/index.js

@@ -4,7 +4,7 @@ const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./ArrowConstructor"), exports);
 tslib_1.__exportStar(require("./ArrowSidebar"), exports);
 tslib_1.__exportStar(require("./Chevron"), exports);
-tslib_1.__exportStar(require("./FullScreen"), exports);
+tslib_1.__exportStar(require("./Fullscreen"), exports);
 tslib_1.__exportStar(require("./Github"), exports);
 tslib_1.__exportStar(require("./NavigationChevron"), exports);
 tslib_1.__exportStar(require("./PlayVideo"), exports);

package/build/cjs/models/constructor-items/blocks.d.ts

@@ -8,8 +8,6 @@ export declare enum BlockType {
     PromoFeaturesBlock = "promo-features-block",
     ExtendedFeaturesBlock = "extended-features-block",
     SliderBlock = "slider-block",
-    CalculatorBlock = "calculator-block",
-    ServiceDemoBlock = "service-demo-block",
     QuestionsBlock = "questions-block",
     BannerBlock = "banner-block",
     CompaniesBlock = "companies-block",
@@ -48,7 +46,6 @@ export interface LoadableProps {
 export interface LoadableChildren {
     loadable?: LoadableProps;
 }
-export type ServiceDemoProps = Animatable;
 export declare enum SliderBreakpointNames {
     Sm = "sm",
     Md = "md",
@@ -110,7 +107,6 @@ export interface HeaderBlockProps {
     breadcrumbs?: HeaderBreadCrumbsProps;
     status?: JSX.Element;
 }
-export type CalculatorProps = Animatable;
 export interface ExtendedFeaturesItem extends Omit<ContentBlockProps, 'theme' | 'centered' | 'colSizes' | 'size' | 'title'> {
     title: string;
     label?: string;
@@ -216,7 +212,7 @@ export interface TabsBlockProps extends Animatable {
     items: TabsBlockItem[];
 }
 export interface CardLayoutBlockProps extends Childable, Animatable, LoadableChildren {
-    title: TitleItemProps | string;
+    title?: TitleItemProps | string;
     description?: string;
     colSizes?: GridColumnSizesType;
 }
@@ -283,15 +279,9 @@ export interface ShareBlockProps {
 export type HeaderBlockModel = {
     type: BlockType.HeaderBlock;
 } & HeaderBlockProps;
-export type CalculatorBlockModel = {
-    type: BlockType.CalculatorBlock;
-} & CalculatorProps;
 export type SliderBlockModel = {
     type: BlockType.SliderBlock;
 } & SliderProps;
-export type ServiceDemoBlockModel = {
-    type: BlockType.ServiceDemoBlock;
-} & ServiceDemoProps;
 export type ExtendedFeaturesBlockModel = {
     type: BlockType.ExtendedFeaturesBlock;
 } & ExtendedFeaturesProps;
@@ -340,6 +330,6 @@ export type ContentLayoutBlockModel = {
 export type ShareBLockModel = {
     type: BlockType.ShareBlock;
 } & ShareBlockProps;
-type BlockModels = SliderBlockModel | ServiceDemoBlockModel | ExtendedFeaturesBlockModel | PromoFeaturesBlockModel | QuestionsBlockModel | CalculatorBlockModel | BannerBlockModel | CompaniesBlockModel | MediaBlockModel | MapBlockModel | InfoBlockModel | TableBlockModel | TabsBlockModel | HeaderBlockModel | IconsBlockModel | HeaderSliderBlockModel | CardLayoutBlockModel | ContentLayoutBlockModel | ShareBLockModel | FilterBlockModel;
+type BlockModels = SliderBlockModel | ExtendedFeaturesBlockModel | PromoFeaturesBlockModel | QuestionsBlockModel | BannerBlockModel | CompaniesBlockModel | MediaBlockModel | MapBlockModel | InfoBlockModel | TableBlockModel | TabsBlockModel | HeaderBlockModel | IconsBlockModel | HeaderSliderBlockModel | CardLayoutBlockModel | ContentLayoutBlockModel | ShareBLockModel | FilterBlockModel;
 export type Block = BlockModels & BlockBaseProps;
 export {};

package/build/cjs/models/constructor-items/blocks.js

@@ -6,8 +6,6 @@ var BlockType;
     BlockType["PromoFeaturesBlock"] = "promo-features-block";
     BlockType["ExtendedFeaturesBlock"] = "extended-features-block";
     BlockType["SliderBlock"] = "slider-block";
-    BlockType["CalculatorBlock"] = "calculator-block";
-    BlockType["ServiceDemoBlock"] = "service-demo-block";
     BlockType["QuestionsBlock"] = "questions-block";
     BlockType["BannerBlock"] = "banner-block";
     BlockType["CompaniesBlock"] = "companies-block";

package/build/cjs/models/constructor-items/common.d.ts

@@ -94,6 +94,7 @@ export interface BackgroundImageProps extends React.HTMLProps<HTMLDivElement>, P
     style?: CSSProperties;
     imageClassName?: string;
     hide?: boolean;
+    qa?: string;
 }
 export interface MediaVideoProps extends AnalyticsEventsBase {
     src: string[];
@@ -168,7 +169,7 @@ export interface MediaComponentVideoProps extends AnalyticsEventsBase {
 export interface MediaComponentYoutubeProps {
     youtube: string;
     previewImg?: string;
-    fullScreen?: boolean;
+    fullscreen?: boolean;
 }
 export interface MediaComponentImageProps {
     image: ImageProps | ImageProps[] | ImageDeviceProps;

package/build/cjs/models/constructor-items/sub-blocks.d.ts

@@ -94,7 +94,7 @@ export interface LayoutItemProps extends ClassNameProps {
     media: MediaProps;
     metaInfo?: string[];
     border?: boolean;
-    fullScreen?: boolean;
+    fullscreen?: boolean;
 }
 export type DividerModel = {
     type: SubBlockType.Divider;

package/build/cjs/models/constructor.d.ts

@@ -1,5 +1,5 @@
 import React, { PropsWithChildren } from 'react';
-import { Animatable, Block, ConstructorItem, ThemedMediaProps, WithChildren } from './';
+import { Animatable, Block, BlockDecoratorProps, ConstructorItem, ThemedMediaProps, WithChildren } from './';
 export interface PageData {
     content: PageContent;
 }
@@ -40,5 +40,8 @@ export interface CustomConfig {
     subBlocks?: CustomItems;
     headers?: CustomItems;
     loadable?: LoadableConfig;
+    decorators?: {
+        block?: ((props: BlockDecoratorProps) => React.ReactElement)[];
+    };
 }
 export {};

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

@@ -0,0 +1,9 @@
+import { PropsWithChildren } from 'react';
+export interface BlockDecorationProps extends PropsWithChildren {
+    id?: string;
+}
+export interface BlockDecoratorProps extends PropsWithChildren {
+    id: string | number;
+    isHeader?: boolean;
+}
+export type BlockDecorator = (props: BlockDecoratorProps) => React.ReactElement;

package/build/cjs/models/customization.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/build/cjs/models/index.d.ts

@@ -5,3 +5,4 @@ export * from './components';
 export * from './guards';
 export * from './react';
 export * from './navigation';
+export * from './customization';

package/build/cjs/models/index.js

@@ -8,3 +8,4 @@ tslib_1.__exportStar(require("./components"), exports);
 tslib_1.__exportStar(require("./guards"), exports);
 tslib_1.__exportStar(require("./react"), exports);
 tslib_1.__exportStar(require("./navigation"), exports);
+tslib_1.__exportStar(require("./customization"), exports);

package/build/cjs/schema/index.js

@@ -33,7 +33,6 @@ function generateDefaultSchema(config) {
         'info-block',
         'table-block',
         'tabs-block',
-        'preview-block',
         'price-detailed',
         'header-slider-block',
         'cards-with-image-block',

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

@@ -1114,6 +1114,9 @@ export declare const MediaProps: {
             type: string;
         })[];
     };
+    fullscreen: {
+        type: string;
+    };
 };
 export declare const YMapMarkerLabel: {
     type: string;

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

@@ -457,6 +457,9 @@ exports.MediaProps = {
         type: 'string',
     },
     dataLens: exports.DataLensProps,
+    fullscreen: {
+        type: 'boolean',
+    },
 };
 exports.YMapMarkerLabel = {
     type: 'object',

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

@@ -36,9 +36,9 @@ function getButtonSize(size) {
 }
 const Content = (props) => {
     const { title, text, additionalInfo, size = 'l', links, buttons, colSizes = { all: 12, sm: 8 }, centered, theme, className, } = props;
-    const titleProps = tslib_1.__rest(!title || typeof title === 'string'
+    const titleProps = !title || typeof title === 'string'
         ? { text: title, textSize: getTextSize(size) }
-        : Object.assign({}, title), []);
+        : title;
     const hasTitle = Boolean(title);
     return (react_1.default.createElement(grid_1.Col, { className: b({ size, centered, theme }, className), reset: true, sizes: colSizes },
         title && react_1.default.createElement(components_1.Title, { className: b('title'), title: titleProps, colSizes: { all: 12 } }),

package/build/cjs/sub-blocks/LayoutItem/LayoutItem.d.ts

@@ -1,3 +1,3 @@
 import { LayoutItemProps } from '../../models';
-declare const LayoutItem: ({ content: { links, ...content }, metaInfo, media, border, fullScreen, className, }: LayoutItemProps) => JSX.Element;
+declare const LayoutItem: ({ content: { links, ...content }, metaInfo, media, border, fullscreen, className, }: LayoutItemProps) => JSX.Element;
 export default LayoutItem;

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

@@ -8,11 +8,11 @@ const utils_1 = require("../../utils");
 const utils_2 = require("./utils");
 const b = (0, utils_1.block)('layout-item');
 const LayoutItem = (_a) => {
-    var _b = _a.content, { links } = _b, content = tslib_1.__rest(_b, ["links"]), { metaInfo, media, border, fullScreen, className } = _a;
+    var _b = _a.content, { links } = _b, content = tslib_1.__rest(_b, ["links"]), { metaInfo, media, border, fullscreen, className } = _a;
     return (react_1.default.createElement("div", { className: b(null, className) },
-        fullScreen && (0, utils_2.hasFullScreen)(media) ? (react_1.default.createElement(components_1.FullScreenMedia, { showFullScreenIcon: (0, utils_2.showFullScreenIcon)(media) }, (_a = {}) => {
-            var { className: mediaClassName } = _a, fullScreenMediaProps = tslib_1.__rest(_a, ["className"]);
-            return (react_1.default.createElement(components_1.Media, Object.assign({}, media, fullScreenMediaProps, { className: b('media', { border }, mediaClassName) })));
+        fullscreen && (0, utils_2.hasFullscreen)(media) ? (react_1.default.createElement(components_1.FullscreenMedia, { showFullscreenIcon: (0, utils_2.showFullscreenIcon)(media) }, (_a = {}) => {
+            var { className: mediaClassName, fullscreen: _fullscreen } = _a, fullscreenMediaProps = tslib_1.__rest(_a, ["className", "fullscreen"]);
+            return (react_1.default.createElement(components_1.Media, Object.assign({}, media, fullscreenMediaProps, { className: b('media', { border }, mediaClassName) })));
         })) : (react_1.default.createElement(components_1.Media, Object.assign({}, media, { className: b('media', { border }) }))),
         metaInfo && react_1.default.createElement(components_1.MetaInfo, { items: metaInfo, className: b('meta-info') }),
         react_1.default.createElement("div", { className: b('content') },

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

@@ -132,6 +132,9 @@ export declare const LayoutItem: {
                     type: string;
                 })[];
             };
+            fullscreen: {
+                type: string;
+            };
         };
         content: Partial<{
             title: {
@@ -209,7 +212,7 @@ export declare const LayoutItem: {
         border: {
             type: string;
         };
-        fullScreen: {
+        fullscreen: {
             type: string;
         };
         type: {};

package/build/cjs/sub-blocks/LayoutItem/schema.js

@@ -12,7 +12,7 @@ exports.LayoutItem = {
     required: ['content', 'media'],
     properties: Object.assign(Object.assign({}, common_1.BaseProps), { media: common_1.MediaProps, content: (0, lodash_1.omit)(schema_2.ContentBase, ['colSize', 'size', 'centered']), metaInfo: schema_1.default, border: {
             type: 'boolean',
-        }, fullScreen: {
+        }, fullscreen: {
             type: 'boolean',
         } }),
 };

package/build/cjs/sub-blocks/LayoutItem/utils.d.ts

@@ -24,5 +24,5 @@ export declare const getLayoutItemLinks: (links: LayoutItemProps['content']['lin
     }[] | undefined;
     className?: string | undefined;
 }[] | undefined;
-export declare const hasFullScreen: ({ dataLens, image }: MediaProps) => boolean;
-export declare const showFullScreenIcon: ({ youtube }: MediaProps) => boolean;
+export declare const hasFullscreen: ({ dataLens, image }: MediaProps) => boolean;
+export declare const showFullscreenIcon: ({ youtube }: MediaProps) => boolean;

package/build/cjs/sub-blocks/LayoutItem/utils.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.showFullScreenIcon = exports.hasFullScreen = exports.getLayoutItemLinks = void 0;
+exports.showFullscreenIcon = exports.hasFullscreen = exports.getLayoutItemLinks = void 0;
 const getLayoutItemLinks = (links) => links === null || links === void 0 ? void 0 : links.map((link) => (Object.assign({ theme: 'normal' }, link)));
 exports.getLayoutItemLinks = getLayoutItemLinks;
-const hasFullScreen = ({ dataLens, image }) => {
-    // datalens and slider media card don't support fullScreen mode
+const hasFullscreen = ({ dataLens, image }) => {
+    // datalens and slider media card don't support fullscreen mode
     return !(dataLens || Array.isArray(image));
 };
-exports.hasFullScreen = hasFullScreen;
-const showFullScreenIcon = ({ youtube }) => !youtube;
-exports.showFullScreenIcon = showFullScreenIcon;
+exports.hasFullscreen = hasFullscreen;
+const showFullscreenIcon = ({ youtube }) => !youtube;
+exports.showFullscreenIcon = showFullscreenIcon;

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

@@ -134,6 +134,9 @@ export declare const MediaCardBlock: {
                     type: string;
                 })[];
             };
+            fullscreen: {
+                type: string;
+            };
             type: {};
             when: {};
         };

package/build/cjs/text-transform/transformers.js

@@ -2,6 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.contentTransformer = void 0;
 const tslib_1 = require("tslib");
+/* eslint-disable no-param-reassign */
+/* eslint-disable no-not-accumulator-reassign/no-not-accumulator-reassign */
 const lodash_1 = tslib_1.__importDefault(require("lodash"));
 const config_1 = require("./config");
 function transformBlocks(blocks, lang, customConfig = {}) {
@@ -13,7 +15,6 @@ function transformBlock(lang, blocksConfig, block) {
     const blockConfig = blocksConfig[block.type];
     if (block) {
         if ('randomOrder' in block && block.randomOrder && 'children' in block && block.children) {
-            // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign, no-param-reassign
             block.children = lodash_1.default.shuffle(block.children);
         }
     }
@@ -26,11 +27,9 @@ function transformBlock(lang, blocksConfig, block) {
                 fields.forEach((field) => {
                     if (block[field]) {
                         if (parser) {
-                            // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign, no-param-reassign
                             block[field] = parser(transformer, block[field]);
                         }
                         else if (typeof block[field] === 'string') {
-                            // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign, no-param-reassign
                             block[field] = transformer(block[field]);
                         }
                     }
@@ -42,7 +41,6 @@ function transformBlock(lang, blocksConfig, block) {
         });
     }
     if ('children' in block && block.children) {
-        // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign, no-param-reassign
         block.children = transformBlocks(block.children, lang, blocksConfig);
     }
     return block;

package/build/cjs/utils/blocks.d.ts

@@ -1,4 +1,4 @@
-import { CustomConfig, PCShareSocialNetwork, TextSize } from '../models';
+import { Block, CustomConfig, PCShareSocialNetwork, TextSize } from '../models';
 import { ConstructorBlock } from '../models/constructor';
 export declare function getHeaderTag(size: TextSize): "h1" | "h2" | "h4" | "h5";
 export declare function getBlockKey(block: ConstructorBlock, index: number): string;
@@ -8,4 +8,7 @@ export declare const getCustomItems: ({ blocks, headers, subBlocks }?: CustomCon
 };
 export declare const getCustomSubBlockTypes: (customBlocks?: CustomConfig) => string[];
 export declare const getCustomHeaderTypes: (customBlocks?: CustomConfig) => string[];
+export declare const getOrderedBlocks: (blocks: Block[], headerBlockTypes?: string[]) => Block[];
+export declare const getHeaderBlock: (blocks: Block[], headerBlockTypes?: string[]) => Block | undefined;
 export declare const getShareLink: (url: string, type: PCShareSocialNetwork, title?: string, text?: string) => string | undefined;
+export declare const getBlockIndexFromId: (blockId?: string) => number;

package/build/cjs/utils/blocks.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getShareLink = exports.getCustomHeaderTypes = exports.getCustomSubBlockTypes = exports.getCustomItems = exports.getCustomBlockTypes = exports.getBlockKey = exports.getHeaderTag = void 0;
+exports.getBlockIndexFromId = exports.getShareLink = exports.getHeaderBlock = exports.getOrderedBlocks = exports.getCustomHeaderTypes = exports.getCustomSubBlockTypes = exports.getCustomItems = exports.getCustomBlockTypes = exports.getBlockKey = exports.getHeaderTag = void 0;
 const models_1 = require("../models");
 function getHeaderTag(size) {
     switch (size) {
@@ -46,6 +46,14 @@ const getShareUrlWithParams = (url, params = {}) => {
     });
     return result.toString();
 };
+const getOrderedBlocks = (blocks, headerBlockTypes = []) => {
+    return blocks.filter(({ type }) => !headerBlockTypes.includes(type));
+};
+exports.getOrderedBlocks = getOrderedBlocks;
+const getHeaderBlock = (blocks, headerBlockTypes = []) => {
+    return blocks.find(({ type }) => headerBlockTypes.includes(type));
+};
+exports.getHeaderBlock = getHeaderBlock;
 const getShareLink = (url, type, title, text) => {
     // https://github.com/bradvin/social-share-urls
     switch (type) {
@@ -75,3 +83,5 @@ const getShareLink = (url, type, title, text) => {
     }
 };
 exports.getShareLink = getShareLink;
+const getBlockIndexFromId = (blockId) => { var _a; return Number((_a = blockId === null || blockId === void 0 ? void 0 : blockId.split('-')) === null || _a === void 0 ? void 0 : _a.slice(-1).pop()); };
+exports.getBlockIndexFromId = getBlockIndexFromId;