@gravity-ui/page-constructor 2.21.0 → 2.22.0-alpha

package/build/esm/components/index.d.ts

@@ -35,6 +35,6 @@ export { default as Author } from './Author/Author';
 export { default as RouterLink } from './RouterLink/RouterLink';
 export { default as HTML } from './HTML/HTML';
 export { default as MetaInfo } from './MetaInfo/MetaInfo';
-export { default as FullScreenMedia } from './FullscreenMedia/FullScreenMedia';
+export { default as FullScreenMedia } from './FullscreenMedia/FullscreenMedia';
 export type { RouterLinkProps } from './RouterLink/RouterLink';
 export type { ImageBaseProps } from './ImageBase/ImageBase';

package/build/esm/components/index.js

@@ -35,4 +35,4 @@ export { default as Author } from './Author/Author';
 export { default as RouterLink } from './RouterLink/RouterLink';
 export { default as HTML } from './HTML/HTML';
 export { default as MetaInfo } from './MetaInfo/MetaInfo';
-export { default as FullScreenMedia } from './FullscreenMedia/FullScreenMedia';
+export { default as FullScreenMedia } from './FullscreenMedia/FullscreenMedia';

package/build/esm/constructor-items.d.ts

@@ -36,7 +36,7 @@ export declare const subBlockMap: {
     "media-card": ({ border, ...mediaProps }: import("./models").MediaCardProps) => JSX.Element;
     "banner-card": (props: import("./models").BannerCardProps) => JSX.Element;
     "news-card": (props: import("./models").NewsCardProps) => JSX.Element;
-    "layout-item": ({ content: { links, ...content }, metaInfo, media, border, fullScreen, className, }: import("./models").LayoutItemProps) => JSX.Element;
+    "layout-item": ({ content: { links, ...content }, metaInfo, media, border, fullScreen, fullscreen, className, }: import("./models").LayoutItemProps) => JSX.Element;
     /**
      * @deprecated Use LayoutItem
      */

package/build/esm/containers/Loadable/Loadable.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren } from 'react';
-import { ConstructorItem, CustomItem, FetchLoadableData, LoadableData, LoadableProps } from '../../models';
+import { Block, CustomItem, FetchLoadableData, LoadableData, LoadableProps } from '../../models';
 import './Loadable.css';
 export interface LoadableState {
     loading: boolean;
@@ -9,7 +9,7 @@ export interface LoadableState {
 export interface LoadableComponentsProps extends Omit<PropsWithChildren<LoadableProps>, 'source'> {
     Component: CustomItem;
     ChildComponent: CustomItem;
-    block: ConstructorItem;
+    block: Block;
     blockKey: string;
     fetch: FetchLoadableData;
 }

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

@@ -9,7 +9,7 @@ import { ThemeValueContext } from '../../context/theme/ThemeValueContext';
 import { Grid } from '../../grid';
 import { BlockType, BlockTypes, HeaderBlockTypes, SubBlockTypes, } from '../../models';
 import Layout from '../../navigation/containers/Layout/Layout';
-import { block as cnBlock, getCustomBlockTypes, getCustomHeaderTypes, getCustomItems, getCustomSubBlockTypes, getHeaderBlock, getOrderedBlocks, getThemedValue, } from '../../utils';
+import { block as cnBlock, getCustomBlockTypes, getCustomHeaderTypes, getCustomItems, getCustomSubBlockTypes, getThemedValue, } from '../../utils';
 import { ConstructorBlocks } from './components/ConstructorBlocks';
 import { ConstructorFootnotes } from './components/ConstructorFootnotes';
 import { ConstructorHeader } from './components/ConstructorItem';
@@ -26,15 +26,13 @@ export const Constructor = (props) => {
             itemMap: Object.assign(Object.assign(Object.assign({}, blockMap), subBlockMap), getCustomItems(custom)),
             loadables: custom === null || custom === void 0 ? void 0 : custom.loadable,
             shouldRenderBlock,
-            customization: {
-                decorators: custom === null || custom === void 0 ? void 0 : custom.decorators,
-            },
         },
     }), [custom, shouldRenderBlock]);
     const { themeValue: theme } = useContext(ThemeValueContext);
     const hasFootnotes = footnotes.length > 0;
-    const header = getHeaderBlock(blocks, context.headerBlockTypes);
-    const restBlocks = getOrderedBlocks(blocks, context.headerBlockTypes);
+    const isHeaderBlock = (block) => context.headerBlockTypes.includes(block.type);
+    const header = blocks === null || blocks === void 0 ? void 0 : blocks.find(isHeaderBlock);
+    const restBlocks = blocks === null || blocks === void 0 ? void 0 : blocks.filter((block) => !isHeaderBlock(block));
     const themedBackground = getThemedValue(background, theme);
     return (React.createElement(InnerContext.Provider, { value: context },
         React.createElement("div", { className: b() },

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

@@ -1,6 +1,5 @@
 import React, { Fragment, useContext } from 'react';
 import _ from 'lodash';
-import { BlockIdContext } from '../../../../context/blockIdContext';
 import { InnerContext } from '../../../../context/innerContext';
 import { getBlockKey } from '../../../../utils';
 import { ConstructorBlock } from '../ConstructorBlock/ConstructorBlock';
@@ -31,9 +30,9 @@ export const ConstructorBlocks = ({ items }) => {
             if ('children' in item && item.children) {
                 children = item.children.map(renderer.bind(null, blockId));
             }
-            itemElement = (React.createElement(ConstructorItem, { data: item, blockKey: blockId }, children));
+            itemElement = (React.createElement(ConstructorItem, { data: item, key: blockId, blockKey: blockId }, children));
         }
-        return (React.createElement(BlockIdContext.Provider, { value: blockId, key: blockId }, blockTypes.includes(item.type) ? (React.createElement(ConstructorBlock, { data: item }, itemElement)) : (itemElement)));
+        return blockTypes.includes(item.type) ? (React.createElement(ConstructorBlock, { data: item, key: blockId }, itemElement)) : (itemElement);
     };
     return React.createElement(Fragment, null, items.map(renderer.bind(null, '')));
 };

package/build/esm/containers/PageConstructor/components/ConstructorItem/ConstructorItem.d.ts

@@ -3,5 +3,5 @@ export interface ConstructorItemProps {
     data: ConstructorItemType;
     blockKey: string;
 }
-export declare const ConstructorItem: ({ data, children }: WithChildren<ConstructorItemProps>) => JSX.Element;
+export declare const ConstructorItem: ({ data, blockKey, children }: WithChildren<ConstructorItemProps>) => JSX.Element;
 export declare const ConstructorHeader: ({ data, blockKey, }: Pick<ConstructorItemProps, 'data' | 'blockKey'>) => JSX.Element;

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

@@ -1,12 +1,12 @@
 import { __rest } from "tslib";
 import React, { useContext } from 'react';
+import { BlockIdContext } from '../../../../context/blockIdContext';
 import { InnerContext } from '../../../../context/innerContext';
-import { BlockDecoration } from '../../../../customization/BlockDecoration';
-export const ConstructorItem = ({ data, children }) => {
+export const ConstructorItem = ({ data, blockKey, children }) => {
     const { itemMap } = useContext(InnerContext);
     const { type } = data, rest = __rest(data, ["type"]);
     const Component = itemMap[type];
-    return React.createElement(Component, Object.assign({}, rest), 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 },
-    React.createElement(ConstructorItem, { data: data, key: data.type, blockKey: blockKey })));
+export const ConstructorHeader = ({ data, blockKey, }) => (React.createElement(ConstructorItem, { data: data, key: data.type, blockKey: blockKey }));

package/build/esm/context/innerContext/InnerContext.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ItemMap } from '../../containers/PageConstructor/PageConstructor';
-import { CustomConfig, LoadableConfig, ShouldRenderBlock } from '../../models';
+import { LoadableConfig, ShouldRenderBlock } from '../../models';
 export interface InnerContextType {
     blockTypes: string[];
     subBlockTypes: string[];
@@ -8,6 +8,5 @@ export interface InnerContextType {
     itemMap: ItemMap;
     loadables?: LoadableConfig;
     shouldRenderBlock?: ShouldRenderBlock;
-    customization?: Pick<CustomConfig, 'decorators'>;
 }
 export declare const InnerContext: React.Context<InnerContextType>;

package/build/esm/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" | "dataQa" | "reset" | "visible" | "sizes" | "offsets" | "orders" | "hidden" | "alignSelf" | "justifyContent"> & React.RefAttributes<HTMLDivElement>>;

package/build/esm/hooks/useMetrika.js

@@ -1,5 +1,6 @@
 import { useContext } from 'react';
 import { MetrikaContext } from '../context/metrikaContext';
+import { PixelEventType } from '../models';
 import { isNewMetrikaFormat } from '../models/guards';
 // eslint-disable-next-line valid-jsdoc
 /**
@@ -25,6 +26,12 @@ export const useMetrika = () => {
             else {
                 metrika.reachGoals(metrikaGoals);
             }
+            if (!pixelEvents && pixel) {
+                pixel.trackStandard(PixelEventType.SubmitApplication, {
+                    content_category: 'custom',
+                    content_ids: Array.isArray(metrikaGoals) ? metrikaGoals : [metrikaGoals],
+                });
+            }
         }
         if (pixel && pixelEvents) {
             if (isButtonPixel(pixelEvents)) {

package/build/esm/internal-typings/global.d.ts

@@ -10,17 +10,22 @@ declare module '*.svg' {
     export default path;
 }
 
-declare module '*.md';
+interface CreateFormProps {
+    portalId: string;
+    formId: string;
+    region?: string;
+    target?: string;
+    cssClass?: string;
+    formInstanceId?: string;
+}
 
-declare namespace Hbspt {
-    interface CreateFormProps {
-        portalId: string;
-        formId: string;
-        region?: string;
-        target?: string;
-        cssClass?: string;
-        formInstanceId?: string;
-    }
+interface Window {
+    hbspt?: {
+        forms: {
+            create: (args: CreateFormProps) => unknown;
+        };
+    };
+    ymaps: Ymaps;
 }
 
 declare namespace Ymaps {
@@ -58,11 +63,4 @@ declare namespace Ymaps {
     }
 }
 
-interface Window {
-    hbspt?: {
-        forms: {
-            create: (args: Hbspt.CreateFormProps) => unknown;
-        };
-    };
-    ymaps: Ymaps;
-}
+declare module '*.md';

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

@@ -8,6 +8,8 @@ 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",
@@ -50,6 +52,7 @@ export interface LoadableProps {
 export interface LoadableChildren {
     loadable?: LoadableProps;
 }
+export type ServiceDemoProps = Animatable;
 export declare enum SliderBreakpointNames {
     Sm = "sm",
     Md = "md",
@@ -111,6 +114,7 @@ export interface HeaderBlockProps {
     breadcrumbs?: HeaderBreadCrumbsProps;
     status?: JSX.Element;
 }
+export type CalculatorProps = Animatable;
 export interface SimpleBlockProps extends Animatable, Childable {
     title: TitleBaseProps;
     description: string;
@@ -313,9 +317,15 @@ 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;
@@ -376,6 +386,6 @@ export type ContentLayoutBlockModel = {
 export type ShareBLockModel = {
     type: BlockType.ShareBlock;
 } & ShareBlockProps;
-type BlockModels = SliderBlockModel | ExtendedFeaturesBlockModel | PromoFeaturesBlockModel | QuestionsBlockModel | BannerBlockModel | CompaniesBlockModel | MediaBlockModel | MapBlockModel | InfoBlockModel | SecurityBlockModel | TableBlockModel | TabsBlockModel | SimpleBlockModel | LinkTableBlockModel | HeaderBlockModel | PreviewBlockModel | IconsBlockModel | HeaderSliderBlockModel | CardLayoutBlockModel | ContentLayoutBlockModel | ShareBLockModel | FilterBlockModel;
+type BlockModels = SliderBlockModel | ServiceDemoBlockModel | ExtendedFeaturesBlockModel | PromoFeaturesBlockModel | QuestionsBlockModel | CalculatorBlockModel | BannerBlockModel | CompaniesBlockModel | MediaBlockModel | MapBlockModel | InfoBlockModel | SecurityBlockModel | TableBlockModel | TabsBlockModel | SimpleBlockModel | LinkTableBlockModel | HeaderBlockModel | PreviewBlockModel | IconsBlockModel | HeaderSliderBlockModel | CardLayoutBlockModel | ContentLayoutBlockModel | ShareBLockModel | FilterBlockModel;
 export type Block = BlockModels & BlockBaseProps;
 export {};

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

@@ -3,6 +3,8 @@ export 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/esm/models/constructor-items/common.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties, ReactNode } from 'react';
-import { ButtonView, ButtonProps as UikitButtonProps } from '@gravity-ui/uikit';
+import { ButtonSize, ButtonView } from '@gravity-ui/uikit';
 import { ThemeSupporting } from '../../utils/theme';
 import { AnalyticsEventsBase, ClassNameProps, PixelEventType } from '../common';
 export declare enum AuthorType {
@@ -99,7 +99,6 @@ export interface BackgroundImageProps extends React.HTMLProps<HTMLDivElement>, P
     style?: CSSProperties;
     imageClassName?: string;
     hide?: boolean;
-    qa?: string;
 }
 export interface MediaVideoProps extends AnalyticsEventsBase {
     src: string[];
@@ -132,10 +131,11 @@ export interface FileLinkProps extends ClassNameProps {
     onClick?: () => void;
 }
 export type ButtonTheme = ButtonView | 'github' | 'app-store' | 'google-play' | 'scale' | 'monochrome';
-export interface ButtonProps extends AnalyticsEventsBase, Pick<UikitButtonProps, 'size' | 'width'> {
+export interface ButtonProps extends AnalyticsEventsBase {
     text: string;
     url: string;
     primary?: boolean;
+    size?: ButtonSize;
     theme?: ButtonTheme;
     img?: ButtonImageProps | string;
     metrikaGoals?: MetrikaGoal;
@@ -174,7 +174,11 @@ export interface MediaComponentVideoProps extends AnalyticsEventsBase {
 export interface MediaComponentYoutubeProps {
     youtube: string;
     previewImg?: string;
+    /**
+     * @deprecated use fullscreen
+     */
     fullScreen?: boolean;
+    fullscreen?: boolean;
 }
 export interface MediaComponentImageProps {
     image: ImageProps | ImageProps[] | ImageDeviceProps;

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

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

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

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

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

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

package/build/esm/models/index.js

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

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

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

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

@@ -453,6 +453,12 @@ export const MediaProps = {
         type: 'string',
     },
     dataLens: DataLensProps,
+    fullScreen: {
+        type: 'boolean',
+    },
+    fullscreen: {
+        type: 'boolean',
+    },
 };
 export const YMapMarkerLabel = {
     type: 'object',

package/build/esm/sub-blocks/HubspotForm/HubspotFormContainer.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
 import { HubspotFormProps } from '../../models';
 type HubspotFormContainerPropsKeys = 'className' | 'formId' | 'formInstanceId' | 'portalId' | 'region' | 'formClassName' | 'createDOMElement';
 type HubspotFormContainerProps = Pick<HubspotFormProps, HubspotFormContainerPropsKeys>;
-declare const HubspotFormContainer: React.ForwardRefExoticComponent<HubspotFormContainerProps & React.RefAttributes<HTMLDivElement>>;
+declare const HubspotFormContainer: (props: HubspotFormContainerProps) => JSX.Element;
 export default HubspotFormContainer;

package/build/esm/sub-blocks/HubspotForm/HubspotFormContainer.js

@@ -1,12 +1,10 @@
-import React, { forwardRef, useImperativeHandle, useRef } from 'react';
+import React, { useRef } from 'react';
 import { useMount } from '../../hooks';
 import loadHubspotScript from './loadHubspotScript';
-const HubspotFormContainer = forwardRef((props, ref) => {
+const HubspotFormContainer = (props) => {
     const { className, formId, formInstanceId, portalId, region, formClassName, createDOMElement, } = props;
     const containerRef = useRef(null);
     const hsContainerRef = useRef();
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    useImperativeHandle(ref, () => containerRef.current);
     const containerId = formInstanceId
         ? `hubspot-form-${formId}-${formInstanceId}`
         : `hubspot-form-${formId}`;
@@ -44,6 +42,5 @@ const HubspotFormContainer = forwardRef((props, ref) => {
         };
     });
     return React.createElement("div", { className: className, id: containerId, ref: containerRef });
-});
-HubspotFormContainer.displayName = 'HubspotFormContainer';
+};
 export default HubspotFormContainer;

package/build/esm/sub-blocks/HubspotForm/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { HubspotFormProps } from '../../models';
 import './HubspotForm.css';
-declare const HubspotForm: React.ForwardRefExoticComponent<HubspotFormProps & React.RefAttributes<HTMLDivElement>>;
+declare const HubspotForm: React.FunctionComponent<HubspotFormProps>;
 export default HubspotForm;

package/build/esm/sub-blocks/HubspotForm/index.js

@@ -1,4 +1,4 @@
-import React, { forwardRef, useContext, useMemo } from 'react';
+import React, { useContext, useMemo } from 'react';
 import { MobileContext } from '../../context/mobileContext';
 import { ThemeValueContext } from '../../context/theme/ThemeValueContext';
 import { useAnalytics, useHandleHubspotEvents } from '../../hooks';
@@ -8,7 +8,7 @@ import { block } from '../../utils';
 import HubspotFormContainer from './HubspotFormContainer';
 import './HubspotForm.css';
 const b = block('hubspot-form');
-const HubspotForm = forwardRef((props, ref) => {
+const HubspotForm = (props) => {
     const { className, theme: themeProp, isMobile: isMobileProp, formId, formInstanceId, portalId, region, formClassName, pixelEvents, 
     // hubspotEvents, // TODO: decide how to handle them
     analyticsEvents, onBeforeSubmit, onSubmit, onBeforeLoad, onLoad, createDOMElement, onSubmitError, } = props;
@@ -23,10 +23,10 @@ const HubspotForm = forwardRef((props, ref) => {
         onBeforeSubmit,
         onLoad,
         onSubmitError,
-        onSubmit: (event) => {
+        onSubmit: (e) => {
             handleMetrika === null || handleMetrika === void 0 ? void 0 : handleMetrika({ pixelEvents });
             handleAnalytics(analyticsEvents);
-            onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(event);
+            onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(e);
         },
     }), [
         onBeforeLoad,
@@ -40,7 +40,6 @@ const HubspotForm = forwardRef((props, ref) => {
         onSubmitError,
     ]);
     useHandleHubspotEvents(handlers, formId);
-    return (React.createElement(HubspotFormContainer, { createDOMElement: createDOMElement, key: [formClassName, formId, formInstanceId, portalId, region].join(), className: b({ theme, mobile }, className), formClassName: formClassName, formId: formId, portalId: portalId, formInstanceId: formInstanceId, region: region, ref: ref }));
-});
-HubspotForm.displayName = 'HubspotForm';
+    return (React.createElement(HubspotFormContainer, { createDOMElement: createDOMElement, key: [formClassName, formId, formInstanceId, portalId, region].join(), className: b({ theme, mobile }, className), formClassName: formClassName, formId: formId, portalId: portalId, formInstanceId: formInstanceId, region: region }));
+};
 export default HubspotForm;

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

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

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

@@ -3,15 +3,15 @@ import React from 'react';
 import { Content } from '..';
 import { FullScreenMedia, Media, MetaInfo } from '../../components';
 import { block } from '../../utils';
-import { getLayoutItemLinks, hasFullScreen, showFullScreenIcon } from './utils';
+import { getLayoutItemLinks, hasFullscreen, showFullscreenIcon } from './utils';
 import './LayoutItem.css';
 const b = block('layout-item');
 const LayoutItem = (_a) => {
-    var _b = _a.content, { links } = _b, content = __rest(_b, ["links"]), { metaInfo, media, border, fullScreen, className } = _a;
+    var _b = _a.content, { links } = _b, content = __rest(_b, ["links"]), { metaInfo, media, border, fullScreen, fullscreen, className } = _a;
     return (React.createElement("div", { className: b(null, className) },
-        fullScreen && hasFullScreen(media) ? (React.createElement(FullScreenMedia, { showFullScreenIcon: showFullScreenIcon(media) }, (_a = {}) => {
-            var { className: mediaClassName } = _a, fullScreenMediaProps = __rest(_a, ["className"]);
-            return (React.createElement(Media, Object.assign({}, media, fullScreenMediaProps, { className: b('media', { border }, mediaClassName) })));
+        (fullScreen || fullscreen) && hasFullscreen(media) ? (React.createElement(FullScreenMedia, { showFullscreenIcon: showFullscreenIcon(media) }, (_a = {}) => {
+            var { className: mediaClassName, fullScreen: _fullScreen } = _a, fullscreenMediaProps = __rest(_a, ["className", "fullScreen"]);
+            return (React.createElement(Media, Object.assign({}, media, fullscreenMediaProps, { className: b('media', { border }, mediaClassName) })));
         })) : (React.createElement(Media, Object.assign({}, media, { className: b('media', { border }) }))),
         metaInfo && React.createElement(MetaInfo, { items: metaInfo, className: b('meta-info') }),
         React.createElement("div", { className: b('content') },

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

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

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

@@ -10,5 +10,7 @@ export const LayoutItem = {
             type: 'boolean',
         }, fullScreen: {
             type: 'boolean',
+        }, fullscreen: {
+            type: 'boolean',
         } }),
 };

package/build/esm/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/esm/sub-blocks/LayoutItem/utils.js

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

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

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

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

@@ -1,4 +1,4 @@
-import { Block, CustomConfig, PCShareSocialNetwork, TextSize } from '../models';
+import { 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,7 +8,4 @@ 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/esm/utils/blocks.js

@@ -37,12 +37,6 @@ const getShareUrlWithParams = (url, params = {}) => {
     });
     return result.toString();
 };
-export const getOrderedBlocks = (blocks, headerBlockTypes = []) => {
-    return blocks.filter(({ type }) => !headerBlockTypes.includes(type));
-};
-export const getHeaderBlock = (blocks, headerBlockTypes = []) => {
-    return blocks.find(({ type }) => headerBlockTypes.includes(type));
-};
 export const getShareLink = (url, type, title, text) => {
     // https://github.com/bradvin/social-share-urls
     switch (type) {
@@ -71,4 +65,3 @@ export const getShareLink = (url, type, title, text) => {
             return undefined;
     }
 };
-export 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()); };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/page-constructor",
-  "version": "2.21.0",
+  "version": "2.22.0-alpha",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {
@@ -61,16 +61,15 @@
     "uuid": "^9.0.0"
   },
   "peerDependencies": {
-    "@doc-tools/transform": "^2.6.1",
+    "react": "^16.0.0 || ^17.0.0 || ^18.0.0",
     "@gravity-ui/uikit": "^4.1.0",
-    "react": "^16.0.0 || ^17.0.0 || ^18.0.0"
+    "@doc-tools/transform": "^2.6.1"
   },
   "devDependencies": {
     "@commitlint/cli": "^17.1.2",
     "@commitlint/config-conventional": "^17.1.0",
     "@doc-tools/transform": "2.12.0",
     "@gravity-ui/eslint-config": "^2.0.0",
-    "@gravity-ui/icons": "^2.1.0",
     "@gravity-ui/prettier-config": "^1.0.1",
     "@gravity-ui/stylelint-config": "^1.0.0",
     "@gravity-ui/tsconfig": "^1.0.0",
@@ -139,5 +138,8 @@
     "*.{json,yaml,yml,md}": [
       "prettier --write"
     ]
+  },
+  "publishConfig": {
+    "tag": "alpha"
   }
 }