@gravity-ui/page-constructor 4.0.0 → 4.1.0

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

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

package/build/cjs/containers/PageConstructor/components/ConstructorBlock/ConstructorBlock.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { Block, BlockDecorationProps, WithChildren } from '../../../../models';
+import { BlockDecorationProps, ConstructorBlock as ConstructorBlockType, WithChildren } from '../../../../models';
 interface ConstructorBlockProps extends Pick<BlockDecorationProps, 'index'> {
-    data: Block;
+    data: ConstructorBlockType;
 }
 export declare const ConstructorBlock: React.FC<WithChildren<ConstructorBlockProps>>;
 export {};

package/build/cjs/containers/PageConstructor/components/ConstructorBlocks/ConstructorBlocks.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { ConstructorItem as ConstructorItemType } from '../../../../models';
+import { ConstructorBlock as ConstructorBlockType } from '../../../../models';
 export interface ConstructorBlocksProps {
-    items: ConstructorItemType[];
+    items: ConstructorBlockType[];
 }
 export declare const ConstructorBlocks: React.FC<ConstructorBlocksProps>;

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

@@ -1,6 +1,6 @@
-import { ConstructorItem as ConstructorItemType, WithChildren } from '../../../../models';
+import { ConstructorBlock, WithChildren } from '../../../../models';
 export interface ConstructorItemProps {
-    data: ConstructorItemType;
+    data: ConstructorBlock;
     blockKey: string;
 }
 export declare const ConstructorItem: ({ data, blockKey, children }: WithChildren<ConstructorItemProps>) => JSX.Element;

package/build/cjs/editor/components/BlockForm/BlockForm.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import { Block } from '../../../models';
+import { Block, ConstructorBlock } from '../../../models';
 import { CustomSpec } from '../../dynamic-forms-custom/parser/types';
 interface BlockFormProps {
-    data: Block;
+    data: ConstructorBlock;
     spec: CustomSpec;
     onChange: (data: Block) => void;
     onSelect: () => void;

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

@@ -1,4 +1,4 @@
-import { Block, PageContent, Theme } from '../../models';
+import { ConstructorBlock, PageContent, Theme } from '../../models';
 import { ViewModeItem } from '../types';
 export type EditorBlockId = number | string;
 interface EditorState {
@@ -13,7 +13,7 @@ interface OrderBlockParams {
     newIndex: number;
 }
 interface AddBlockParams {
-    block: Block;
+    block: ConstructorBlock;
     index: number;
 }
 export declare const SELECT_BLOCK = "SELECT_BLOCK";

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

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

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

@@ -23,6 +23,10 @@ export declare enum SubBlockType {
      */
     Card = "card"
 }
+export declare enum IconPosition {
+    Top = "top",
+    Left = "left"
+}
 export declare const SubBlockTypes: SubBlockType[];
 export interface DividerProps {
     size?: DividerSize;
@@ -77,6 +81,7 @@ export interface BasicCardProps extends CardBaseProps, Omit<ContentBlockProps, '
     url: string;
     icon?: ImageProps;
     target?: string;
+    iconPosition?: IconPosition;
 }
 export interface BannerCardProps {
     title: string;

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SubBlockTypes = exports.SubBlockType = void 0;
+exports.SubBlockTypes = exports.IconPosition = exports.SubBlockType = void 0;
 var SubBlockType;
 (function (SubBlockType) {
     SubBlockType["Divider"] = "divider";
@@ -21,4 +21,9 @@ var SubBlockType;
      */
     SubBlockType["Card"] = "card";
 })(SubBlockType = exports.SubBlockType || (exports.SubBlockType = {}));
+var IconPosition;
+(function (IconPosition) {
+    IconPosition["Top"] = "top";
+    IconPosition["Left"] = "left";
+})(IconPosition = exports.IconPosition || (exports.IconPosition = {}));
 exports.SubBlockTypes = Object.values(SubBlockType);

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

@@ -1,13 +1,14 @@
 import React, { PropsWithChildren } from 'react';
-import { Animatable, Block, BlockDecorationProps, ConstructorItem, ThemedMediaProps, WithChildren } from './';
+import { Animatable, BlockDecorationProps, ConstructorItem, ThemedMediaProps, WithChildren } from './';
 export interface PageData {
     content: PageContent;
 }
 export interface Menu {
     title: string;
 }
+export type ConstructorBlock = ConstructorItem | CustomBlock;
 export interface PageContent extends Animatable {
-    blocks: Block[];
+    blocks: ConstructorBlock[];
     menu?: Menu;
     background?: ThemedMediaProps;
 }
@@ -18,7 +19,6 @@ export interface CustomBlock {
     type: string;
     [key: string]: unknown;
 }
-export type ConstructorBlock = ConstructorItem | CustomBlock;
 export type LoadableData = any;
 export type FetchLoadableDataParams = {
     blockKey: string;

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

@@ -1,7 +1,7 @@
 import { PropsWithChildren } from 'react';
 import { BlockBaseProps, BlockType } from './constructor-items';
 export interface BlockDecorationProps extends PropsWithChildren, BlockBaseProps {
-    type: BlockType;
+    type: BlockType | string;
     index?: number;
 }
 export type BlockDecorator = (props: BlockDecorationProps) => React.ReactElement;

package/build/cjs/schema/constants.d.ts

@@ -26,6 +26,10 @@ export declare const cardSchemas: {
                 type: string;
                 enum: string[];
             };
+            iconPosition: {
+                type: string;
+                enum: string[];
+            };
             title: {
                 oneOf: ({
                     type: string;

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

@@ -10,4 +10,19 @@ unpredictable css rules order in build */
   height: 32px;
   object-fit: contain;
   display: block;
+}
+.pc-basic-card__icon_icon-position_left {
+  height: 22px;
+  width: 22px;
+  margin: 1px 12px 1px 0px;
+}
+.pc-basic-card__content {
+  display: flex;
+  flex-direction: column;
+}
+.pc-basic-card__content_icon-position_left {
+  flex-direction: row;
+}
+.pc-basic-card_content-layout_left.pc-basic-card_content-layout_left {
+  flex: 1 0 0;
 }

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

@@ -6,14 +6,16 @@ const __1 = require("../");
 const CardBase_1 = tslib_1.__importDefault(require("../../components/CardBase/CardBase"));
 const Image_1 = tslib_1.__importDefault(require("../../components/Image/Image"));
 const utils_1 = require("../../components/Media/Image/utils");
+const sub_blocks_1 = require("../../models/constructor-items/sub-blocks");
 const utils_2 = require("../../utils");
 const b = (0, utils_2.block)('basic-card');
 const BasicCard = (props) => {
-    const { title, text, icon, additionalInfo, links, buttons } = props, cardParams = tslib_1.__rest(props, ["title", "text", "icon", "additionalInfo", "links", "buttons"]);
+    const { title, text, icon, additionalInfo, links, buttons, iconPosition = sub_blocks_1.IconPosition.Top } = props, cardParams = tslib_1.__rest(props, ["title", "text", "icon", "additionalInfo", "links", "buttons", "iconPosition"]);
     const iconProps = icon && (0, utils_1.getMediaImage)(icon);
     return (react_1.default.createElement(CardBase_1.default, Object.assign({ className: b() }, cardParams),
         react_1.default.createElement(CardBase_1.default.Content, null,
-            iconProps && react_1.default.createElement(Image_1.default, Object.assign({}, iconProps, { className: b('icon') })),
-            react_1.default.createElement(__1.Content, { title: title, text: text, additionalInfo: additionalInfo, links: links, buttons: buttons, colSizes: { all: 12, md: 12 }, size: "s" }))));
+            react_1.default.createElement("div", { className: b('content', { ['icon-position']: iconPosition }) },
+                iconProps && (react_1.default.createElement(Image_1.default, Object.assign({}, iconProps, { className: b('icon', { ['icon-position']: iconPosition }) }))),
+                react_1.default.createElement(__1.Content, { title: title, text: text, additionalInfo: additionalInfo, links: links, buttons: buttons, colSizes: { all: 12, md: 12 }, size: "s", className: b({ ['content-layout']: iconPosition }) })))));
 };
 exports.default = BasicCard;

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

@@ -24,6 +24,10 @@ export declare const BasicCard: {
                 type: string;
                 enum: string[];
             };
+            iconPosition: {
+                type: string;
+                enum: string[];
+            };
             title: {
                 oneOf: ({
                     type: string;

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

@@ -16,6 +16,9 @@ exports.BasicCard = {
             }, icon: schema_1.ImageProps, target: {
                 type: 'string',
                 enum: ['_blank', '_parent', '_top', '_self'],
+            }, iconPosition: {
+                type: 'string',
+                enum: ['top', 'left'],
             } }),
     },
 };

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

@@ -1,5 +1,4 @@
-import { Block, CustomConfig, PCShareSocialNetwork, TextSize } from '../models';
-import { ConstructorBlock } from '../models/constructor';
+import { ConstructorBlock, CustomConfig, PCShareSocialNetwork, TextSize } from '../models';
 export declare function getHeaderTag(size: TextSize): "h1" | "h2" | "h4" | "h5";
 export declare function hasBlockTag(content: string): boolean;
 export declare function getBlockKey(block: ConstructorBlock, index: number): string;
@@ -9,6 +8,6 @@ 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 getOrderedBlocks: (blocks: ConstructorBlock[], headerBlockTypes?: string[]) => ConstructorBlock[];
+export declare const getHeaderBlock: (blocks: ConstructorBlock[], headerBlockTypes?: string[]) => ConstructorBlock | undefined;
 export declare const getShareLink: (url: string, type: PCShareSocialNetwork, title?: string, text?: string) => string | undefined;

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 { ConstructorBlock, 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: ConstructorBlock;
     blockKey: string;
     fetch: FetchLoadableData;
 }

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import { Block, BlockDecorationProps, WithChildren } from '../../../../models';
+import { BlockDecorationProps, ConstructorBlock as ConstructorBlockType, WithChildren } from '../../../../models';
 interface ConstructorBlockProps extends Pick<BlockDecorationProps, 'index'> {
-    data: Block;
+    data: ConstructorBlockType;
 }
 export declare const ConstructorBlock: React.FC<WithChildren<ConstructorBlockProps>>;
 export {};

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { ConstructorItem as ConstructorItemType } from '../../../../models';
+import { ConstructorBlock as ConstructorBlockType } from '../../../../models';
 export interface ConstructorBlocksProps {
-    items: ConstructorItemType[];
+    items: ConstructorBlockType[];
 }
 export declare const ConstructorBlocks: React.FC<ConstructorBlocksProps>;

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

@@ -1,6 +1,6 @@
-import { ConstructorItem as ConstructorItemType, WithChildren } from '../../../../models';
+import { ConstructorBlock, WithChildren } from '../../../../models';
 export interface ConstructorItemProps {
-    data: ConstructorItemType;
+    data: ConstructorBlock;
     blockKey: string;
 }
 export declare const ConstructorItem: ({ data, blockKey, children }: WithChildren<ConstructorItemProps>) => JSX.Element;

package/build/esm/editor/components/BlockForm/BlockForm.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import { Block } from '../../../models';
+import { Block, ConstructorBlock } from '../../../models';
 import { CustomSpec } from '../../dynamic-forms-custom/parser/types';
 interface BlockFormProps {
-    data: Block;
+    data: ConstructorBlock;
     spec: CustomSpec;
     onChange: (data: Block) => void;
     onSelect: () => void;

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

@@ -1,4 +1,4 @@
-import { Block, PageContent, Theme } from '../../models';
+import { ConstructorBlock, PageContent, Theme } from '../../models';
 import { ViewModeItem } from '../types';
 export type EditorBlockId = number | string;
 interface EditorState {
@@ -13,7 +13,7 @@ interface OrderBlockParams {
     newIndex: number;
 }
 interface AddBlockParams {
-    block: Block;
+    block: ConstructorBlock;
     index: number;
 }
 export declare const SELECT_BLOCK = "SELECT_BLOCK";

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

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

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

@@ -23,6 +23,10 @@ export declare enum SubBlockType {
      */
     Card = "card"
 }
+export declare enum IconPosition {
+    Top = "top",
+    Left = "left"
+}
 export declare const SubBlockTypes: SubBlockType[];
 export interface DividerProps {
     size?: DividerSize;
@@ -77,6 +81,7 @@ export interface BasicCardProps extends CardBaseProps, Omit<ContentBlockProps, '
     url: string;
     icon?: ImageProps;
     target?: string;
+    iconPosition?: IconPosition;
 }
 export interface BannerCardProps {
     title: string;

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

@@ -18,4 +18,9 @@ export var SubBlockType;
      */
     SubBlockType["Card"] = "card";
 })(SubBlockType || (SubBlockType = {}));
+export var IconPosition;
+(function (IconPosition) {
+    IconPosition["Top"] = "top";
+    IconPosition["Left"] = "left";
+})(IconPosition || (IconPosition = {}));
 export const SubBlockTypes = Object.values(SubBlockType);

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

@@ -1,13 +1,14 @@
 import React, { PropsWithChildren } from 'react';
-import { Animatable, Block, BlockDecorationProps, ConstructorItem, ThemedMediaProps, WithChildren } from './';
+import { Animatable, BlockDecorationProps, ConstructorItem, ThemedMediaProps, WithChildren } from './';
 export interface PageData {
     content: PageContent;
 }
 export interface Menu {
     title: string;
 }
+export type ConstructorBlock = ConstructorItem | CustomBlock;
 export interface PageContent extends Animatable {
-    blocks: Block[];
+    blocks: ConstructorBlock[];
     menu?: Menu;
     background?: ThemedMediaProps;
 }
@@ -18,7 +19,6 @@ export interface CustomBlock {
     type: string;
     [key: string]: unknown;
 }
-export type ConstructorBlock = ConstructorItem | CustomBlock;
 export type LoadableData = any;
 export type FetchLoadableDataParams = {
     blockKey: string;

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

@@ -1,7 +1,7 @@
 import { PropsWithChildren } from 'react';
 import { BlockBaseProps, BlockType } from './constructor-items';
 export interface BlockDecorationProps extends PropsWithChildren, BlockBaseProps {
-    type: BlockType;
+    type: BlockType | string;
     index?: number;
 }
 export type BlockDecorator = (props: BlockDecorationProps) => React.ReactElement;

package/build/esm/schema/constants.d.ts

@@ -26,6 +26,10 @@ export declare const cardSchemas: {
                 type: string;
                 enum: string[];
             };
+            iconPosition: {
+                type: string;
+                enum: string[];
+            };
             title: {
                 oneOf: ({
                     type: string;

package/build/esm/sub-blocks/BasicCard/BasicCard.css

@@ -10,4 +10,19 @@ unpredictable css rules order in build */
   height: 32px;
   object-fit: contain;
   display: block;
+}
+.pc-basic-card__icon_icon-position_left {
+  height: 22px;
+  width: 22px;
+  margin: 1px 12px 1px 0px;
+}
+.pc-basic-card__content {
+  display: flex;
+  flex-direction: column;
+}
+.pc-basic-card__content_icon-position_left {
+  flex-direction: row;
+}
+.pc-basic-card_content-layout_left.pc-basic-card_content-layout_left {
+  flex: 1 0 0;
 }

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

@@ -4,15 +4,17 @@ import { Content } from '../';
 import CardBase from '../../components/CardBase/CardBase';
 import Image from '../../components/Image/Image';
 import { getMediaImage } from '../../components/Media/Image/utils';
+import { IconPosition } from '../../models/constructor-items/sub-blocks';
 import { block } from '../../utils';
 import './BasicCard.css';
 const b = block('basic-card');
 const BasicCard = (props) => {
-    const { title, text, icon, additionalInfo, links, buttons } = props, cardParams = __rest(props, ["title", "text", "icon", "additionalInfo", "links", "buttons"]);
+    const { title, text, icon, additionalInfo, links, buttons, iconPosition = IconPosition.Top } = props, cardParams = __rest(props, ["title", "text", "icon", "additionalInfo", "links", "buttons", "iconPosition"]);
     const iconProps = icon && getMediaImage(icon);
     return (React.createElement(CardBase, Object.assign({ className: b() }, cardParams),
         React.createElement(CardBase.Content, null,
-            iconProps && React.createElement(Image, Object.assign({}, iconProps, { className: b('icon') })),
-            React.createElement(Content, { title: title, text: text, additionalInfo: additionalInfo, links: links, buttons: buttons, colSizes: { all: 12, md: 12 }, size: "s" }))));
+            React.createElement("div", { className: b('content', { ['icon-position']: iconPosition }) },
+                iconProps && (React.createElement(Image, Object.assign({}, iconProps, { className: b('icon', { ['icon-position']: iconPosition }) }))),
+                React.createElement(Content, { title: title, text: text, additionalInfo: additionalInfo, links: links, buttons: buttons, colSizes: { all: 12, md: 12 }, size: "s", className: b({ ['content-layout']: iconPosition }) })))));
 };
 export default BasicCard;

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

@@ -24,6 +24,10 @@ export declare const BasicCard: {
                 type: string;
                 enum: string[];
             };
+            iconPosition: {
+                type: string;
+                enum: string[];
+            };
             title: {
                 oneOf: ({
                     type: string;

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

@@ -12,6 +12,9 @@ export const BasicCard = {
             }, icon: ImageProps, target: {
                 type: 'string',
                 enum: ['_blank', '_parent', '_top', '_self'],
+            }, iconPosition: {
+                type: 'string',
+                enum: ['top', 'left'],
             } }),
     },
 };

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

@@ -1,5 +1,4 @@
-import { Block, CustomConfig, PCShareSocialNetwork, TextSize } from '../models';
-import { ConstructorBlock } from '../models/constructor';
+import { ConstructorBlock, CustomConfig, PCShareSocialNetwork, TextSize } from '../models';
 export declare function getHeaderTag(size: TextSize): "h1" | "h2" | "h4" | "h5";
 export declare function hasBlockTag(content: string): boolean;
 export declare function getBlockKey(block: ConstructorBlock, index: number): string;
@@ -9,6 +8,6 @@ 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 getOrderedBlocks: (blocks: ConstructorBlock[], headerBlockTypes?: string[]) => ConstructorBlock[];
+export declare const getHeaderBlock: (blocks: ConstructorBlock[], headerBlockTypes?: string[]) => ConstructorBlock | undefined;
 export declare const getShareLink: (url: string, type: PCShareSocialNetwork, title?: string, text?: string) => string | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/page-constructor",
-  "version": "4.0.0",
+  "version": "4.1.0",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {
@@ -81,7 +81,7 @@
   },
   "dependencies": {
     "@gravity-ui/components": "^2.0.0",
-    "@gravity-ui/dynamic-forms": "^1.11.0",
+    "@gravity-ui/dynamic-forms": "^2.0.0",
     "@gravity-ui/i18n": "^1.0.0",
     "ajv": "^8.12.0",
     "bem-cn-lite": "^4.0.0",

package/server/models/constructor-items/sub-blocks.d.ts

@@ -23,6 +23,10 @@ export declare enum SubBlockType {
      */
     Card = "card"
 }
+export declare enum IconPosition {
+    Top = "top",
+    Left = "left"
+}
 export declare const SubBlockTypes: SubBlockType[];
 export interface DividerProps {
     size?: DividerSize;
@@ -77,6 +81,7 @@ export interface BasicCardProps extends CardBaseProps, Omit<ContentBlockProps, '
     url: string;
     icon?: ImageProps;
     target?: string;
+    iconPosition?: IconPosition;
 }
 export interface BannerCardProps {
     title: string;

package/server/models/constructor-items/sub-blocks.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SubBlockTypes = exports.SubBlockType = void 0;
+exports.SubBlockTypes = exports.IconPosition = exports.SubBlockType = void 0;
 var SubBlockType;
 (function (SubBlockType) {
     SubBlockType["Divider"] = "divider";
@@ -21,4 +21,9 @@ var SubBlockType;
      */
     SubBlockType["Card"] = "card";
 })(SubBlockType = exports.SubBlockType || (exports.SubBlockType = {}));
+var IconPosition;
+(function (IconPosition) {
+    IconPosition["Top"] = "top";
+    IconPosition["Left"] = "left";
+})(IconPosition = exports.IconPosition || (exports.IconPosition = {}));
 exports.SubBlockTypes = Object.values(SubBlockType);

package/server/models/constructor.d.ts

@@ -1,13 +1,14 @@
 import React, { PropsWithChildren } from 'react';
-import { Animatable, Block, BlockDecorationProps, ConstructorItem, ThemedMediaProps, WithChildren } from './';
+import { Animatable, BlockDecorationProps, ConstructorItem, ThemedMediaProps, WithChildren } from './';
 export interface PageData {
     content: PageContent;
 }
 export interface Menu {
     title: string;
 }
+export type ConstructorBlock = ConstructorItem | CustomBlock;
 export interface PageContent extends Animatable {
-    blocks: Block[];
+    blocks: ConstructorBlock[];
     menu?: Menu;
     background?: ThemedMediaProps;
 }
@@ -18,7 +19,6 @@ export interface CustomBlock {
     type: string;
     [key: string]: unknown;
 }
-export type ConstructorBlock = ConstructorItem | CustomBlock;
 export type LoadableData = any;
 export type FetchLoadableDataParams = {
     blockKey: string;

package/server/models/customization.d.ts

@@ -1,7 +1,7 @@
 import { PropsWithChildren } from 'react';
 import { BlockBaseProps, BlockType } from './constructor-items';
 export interface BlockDecorationProps extends PropsWithChildren, BlockBaseProps {
-    type: BlockType;
+    type: BlockType | string;
     index?: number;
 }
 export type BlockDecorator = (props: BlockDecorationProps) => React.ReactElement;

package/server/utils/blocks.d.ts

@@ -1,5 +1,4 @@
-import { Block, CustomConfig, PCShareSocialNetwork, TextSize } from '../models';
-import { ConstructorBlock } from '../models/constructor';
+import { ConstructorBlock, CustomConfig, PCShareSocialNetwork, TextSize } from '../models';
 export declare function getHeaderTag(size: TextSize): "h1" | "h2" | "h4" | "h5";
 export declare function hasBlockTag(content: string): boolean;
 export declare function getBlockKey(block: ConstructorBlock, index: number): string;
@@ -9,6 +8,6 @@ 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 getOrderedBlocks: (blocks: ConstructorBlock[], headerBlockTypes?: string[]) => ConstructorBlock[];
+export declare const getHeaderBlock: (blocks: ConstructorBlock[], headerBlockTypes?: string[]) => ConstructorBlock | undefined;
 export declare const getShareLink: (url: string, type: PCShareSocialNetwork, title?: string, text?: string) => string | undefined;