@gravity-ui/page-constructor 2.18.0 → 3.0.0-alpha.1

package/build/esm/text-transform/config.d.ts

@@ -0,0 +1,28 @@
+import { TitleProps } from '../models';
+import { Parser, Transformer, TransformerRaw, typografTransformer, yfmTransformer } from './common';
+export declare const blockHeaderTransformer: ({
+    fields: string[];
+    transformer: typeof typografTransformer;
+    parser: (transformer: Transformer, title: TitleProps | string) => string | {
+        text: string;
+        navTitle?: string | undefined;
+        anchor?: string | undefined;
+        justify?: import("../models").Justify | undefined;
+        textSize?: import("../models").TextSize | undefined;
+        url?: string | undefined;
+        custom?: import("react").ReactNode;
+        onClick?: (() => void) | undefined;
+    };
+} | {
+    fields: string[];
+    transformer: typeof yfmTransformer;
+    parser?: undefined;
+})[];
+interface BlockConfig {
+    transformer: TransformerRaw;
+    fields?: string[];
+    parser?: Parser;
+}
+export type BlocksConfig = Record<string, BlockConfig | BlockConfig[]>;
+export declare const config: BlocksConfig;
+export {};

package/build/esm/text-transform/{blocks.js → config.js}

@@ -1,26 +1,6 @@
 import { __rest } from "tslib";
-/* eslint-disable no-param-reassign */
-/* eslint-disable no-not-accumulator-reassign/no-not-accumulator-reassign */
-import _ from 'lodash';
 import { BlockType, SubBlockType, } from '../models';
-import { fullTransform, typografToHTML } from './utils';
-export const createItemsParser = (fields) => (transformer, items) => items.map((item) => {
-    if (!item) {
-        return item;
-    }
-    else if (typeof item === 'string') {
-        return transformer(item);
-    }
-    else {
-        return Object.assign(Object.assign({}, item), fields.reduce((acc, fieldName) => {
-            const result = Object.assign({}, acc);
-            if (item[fieldName]) {
-                result[fieldName] = transformer(item[fieldName]);
-            }
-            return result;
-        }, {}));
-    }
-});
+import { createItemsParser, typografTransformer, yfmTransformer, } from './common';
 function parseTableBlock(transformer, content) {
     const legend = content === null || content === void 0 ? void 0 : content.legend;
     return Object.assign(Object.assign({}, (content || {})), { legend: legend && legend.map((string) => transformer(string)) });
@@ -45,6 +25,7 @@ const parseItemsTitle = (transformer, items) => items.map((_a) => {
 });
 function parsePriceDetailedBlock(transformer, block) {
     const { priceType } = block;
+    /* eslint-disable no-not-accumulator-reassign/no-not-accumulator-reassign */
     block.items = block.items.map((item) => {
         const { description, items: details = [] } = item;
         if (priceType === 'marked-list') {
@@ -62,35 +43,32 @@ function parsePriceDetailedBlock(transformer, block) {
         item.description = transformer(description);
         return item;
     });
+    /* eslint-enable no-not-accumulator-reassign/no-not-accumulator-reassign */
     return block;
 }
 const parseContentLayout = (transformer, content) => {
     if (content) {
         const { text, additionalInfo } = content;
+        /* eslint-disable no-not-accumulator-reassign/no-not-accumulator-reassign */
         if (text) {
             content.text = transformer(text);
         }
         if (additionalInfo) {
             content.additionalInfo = transformer(additionalInfo);
         }
+        /* eslint-enable no-not-accumulator-reassign/no-not-accumulator-reassign */
     }
     return content;
 };
 function parseContentLayoutTitle(transformer, content) {
     if (content === null || content === void 0 ? void 0 : content.title) {
         const { title } = content;
+        // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign
         content.title = title && parseTitle(transformer, title);
     }
     return content;
 }
-export function yfmTransformer(lang, content) {
-    const { html } = fullTransform(content, { lang });
-    return html;
-}
-export function typografTransformer(lang, content) {
-    return typografToHTML(content, lang);
-}
-const blockHeaderTransfomer = [
+export const blockHeaderTransformer = [
     {
         fields: ['title'],
         transformer: typografTransformer,
@@ -101,11 +79,7 @@ const blockHeaderTransfomer = [
         transformer: yfmTransformer,
     },
 ];
-const config = {
-    [SubBlockType.Partner]: {
-        fields: ['text'],
-        transformer: typografTransformer,
-    },
+export const config = {
     [SubBlockType.BasicCard]: [
         {
             fields: ['title'],
@@ -116,10 +90,6 @@ const config = {
             transformer: yfmTransformer,
         },
     ],
-    [SubBlockType.TutorialCard]: {
-        fields: ['text', 'title'],
-        transformer: typografTransformer,
-    },
     [SubBlockType.BackgroundCard]: [
         {
             fields: ['text', 'additionalInfo'],
@@ -130,16 +100,6 @@ const config = {
             transformer: typografTransformer,
         },
     ],
-    [SubBlockType.CardWithImage]: [
-        {
-            fields: ['description', 'additionalInfo'],
-            transformer: yfmTransformer,
-        },
-        {
-            fields: ['title'],
-            transformer: typografTransformer,
-        },
-    ],
     [SubBlockType.LayoutItem]: [
         {
             fields: ['content'],
@@ -162,7 +122,7 @@ const config = {
         transformer: typografTransformer,
     },
     [BlockType.ExtendedFeaturesBlock]: [
-        ...blockHeaderTransfomer,
+        ...blockHeaderTransformer,
         {
             fields: ['items'],
             transformer: typografTransformer,
@@ -175,14 +135,14 @@ const config = {
         },
     ],
     [BlockType.PromoFeaturesBlock]: [
-        ...blockHeaderTransfomer,
+        ...blockHeaderTransformer,
         {
             fields: ['items'],
             transformer: yfmTransformer,
             parser: parsePromoFeatures,
         },
     ],
-    [BlockType.SliderBlock]: blockHeaderTransfomer,
+    [BlockType.SliderBlock]: blockHeaderTransformer,
     [BlockType.QuestionsBlock]: [
         {
             fields: ['title'],
@@ -219,21 +179,21 @@ const config = {
         },
     ],
     [BlockType.MediaBlock]: [
-        ...blockHeaderTransfomer,
+        ...blockHeaderTransformer,
         {
             fields: ['title', 'additionalInfo'],
             transformer: yfmTransformer,
         },
     ],
     [BlockType.MapBlock]: [
-        ...blockHeaderTransfomer,
+        ...blockHeaderTransformer,
         {
             fields: ['title', 'additionalInfo'],
             transformer: yfmTransformer,
         },
     ],
     [BlockType.TabsBlock]: [
-        ...blockHeaderTransfomer,
+        ...blockHeaderTransformer,
         {
             fields: ['items'],
             transformer: yfmTransformer,
@@ -264,17 +224,6 @@ const config = {
             parser: createItemsParser(['description']),
         },
     ],
-    [BlockType.SimpleBlock]: [
-        {
-            fields: ['title'],
-            transformer: typografTransformer,
-            parser: parseTitle,
-        },
-        {
-            fields: ['description'],
-            transformer: yfmTransformer,
-        },
-    ],
     [SubBlockType.PriceDetailed]: [
         {
             transformer: yfmTransformer,
@@ -310,17 +259,6 @@ const config = {
             parser: parseTitle,
         },
     ],
-    [BlockType.PreviewBlock]: [
-        {
-            fields: ['description'],
-            transformer: yfmTransformer,
-        },
-        {
-            fields: ['title'],
-            transformer: typografTransformer,
-            parser: parseTitle,
-        },
-    ],
     [BlockType.InfoBlock]: [
         {
             fields: ['rightContent', 'leftContent'],
@@ -339,7 +277,7 @@ const config = {
             transformer: typografTransformer,
         },
     ],
-    [BlockType.CardLayoutBlock]: blockHeaderTransfomer,
+    [BlockType.CardLayoutBlock]: blockHeaderTransformer,
     [BlockType.IconsBlock]: [
         {
             fields: ['title'],
@@ -347,50 +285,4 @@ const config = {
             parser: parseTitle,
         },
     ],
-    [BlockType.LinkTableBlock]: blockHeaderTransfomer,
 };
-function addRandomOrder(block) {
-    if (block) {
-        if ('randomOrder' in block && block.randomOrder && 'children' in block && block.children) {
-            block.children = _.shuffle(block.children);
-        }
-    }
-}
-function transformBlock(lang, blocksConfig, block) {
-    const blockConfig = blocksConfig[block.type];
-    addRandomOrder(block);
-    if (blockConfig) {
-        const configs = Array.isArray(blockConfig) ? blockConfig : [blockConfig];
-        configs.forEach((transformConfig) => {
-            const { fields, transformer: transformerRaw, parser } = transformConfig;
-            const transformer = transformerRaw.bind(null, lang);
-            if (fields) {
-                fields.forEach((field) => {
-                    if (block[field]) {
-                        if (parser) {
-                            block[field] = parser(transformer, block[field]);
-                        }
-                        else if (typeof block[field] === 'string') {
-                            block[field] = transformer(block[field]);
-                        }
-                    }
-                });
-            }
-            else if (parser) {
-                parser(transformer, block);
-            }
-        });
-    }
-    if ('children' in block && block.children) {
-        transformBlocks(block.children, lang, blocksConfig);
-    }
-}
-export function transformBlocks(blocks, lang, customConfig = {}) {
-    const fullConfig = Object.assign(Object.assign({}, config), customConfig);
-    blocks.forEach(transformBlock.bind(null, lang, fullConfig));
-}
-export function transformFootnotes(footnotes, lang) {
-    return footnotes
-        .map((footnote) => fullTransform(footnote, { path: __dirname, lang, allowHTML: true }).html)
-        .filter(Boolean);
-}

package/build/esm/text-transform/index.d.ts

@@ -1,2 +1,4 @@
 export * from './utils';
-export * from './blocks';
+export * from './config';
+export * from './common';
+export * from './transformers';

package/build/esm/text-transform/index.js

@@ -1,2 +1,4 @@
 export * from './utils';
-export * from './blocks';
+export * from './config';
+export * from './common';
+export * from './transformers';

package/build/esm/text-transform/transformers.d.ts

@@ -0,0 +1,16 @@
+import { ConstructorBlock } from '../models/constructor';
+import { Lang } from '../utils/configure';
+export type ContentTransformerProps = {
+    content: {
+        blocks?: ConstructorBlock[];
+        footnotes?: string[];
+    };
+    options: {
+        lang: Lang;
+        customConfig?: {};
+    };
+};
+export declare const contentTransformer: ({ content, options }: ContentTransformerProps) => {
+    blocks: ConstructorBlock[];
+    footnotes: string[];
+};

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

@@ -0,0 +1,56 @@
+import _ from 'lodash';
+import { config } from './config';
+import { fullTransform } from './utils';
+function transformBlocks(blocks, lang, customConfig = {}) {
+    const fullConfig = Object.assign(Object.assign({}, config), customConfig);
+    const clonedBlocks = _.cloneDeep(blocks);
+    return clonedBlocks.map((block) => transformBlock(lang, fullConfig, block));
+}
+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 = _.shuffle(block.children);
+        }
+    }
+    if (blockConfig) {
+        const configs = Array.isArray(blockConfig) ? blockConfig : [blockConfig];
+        configs.forEach((transformConfig) => {
+            const { fields, transformer: transformerRaw, parser } = transformConfig;
+            const transformer = transformerRaw.bind(null, lang);
+            if (fields) {
+                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]);
+                        }
+                    }
+                });
+            }
+            else if (parser) {
+                parser(transformer, 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;
+}
+export const contentTransformer = ({ content, options }) => {
+    const { lang, customConfig = {} } = options;
+    const { blocks = [], footnotes = [] } = content;
+    const transformedBlocks = transformBlocks(blocks, lang, customConfig);
+    const transformedFootnotes = (footnotes === null || footnotes === void 0 ? void 0 : footnotes.map((footnote) => fullTransform(footnote, { path: __dirname, lang, allowHTML: true }).html).filter(Boolean)) || [];
+    return {
+        blocks: transformedBlocks,
+        footnotes: transformedFootnotes,
+    };
+};

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

@@ -1,7 +1,6 @@
 export * from './common';
 export * from './analytics';
 export * from './blocks';
-export * from './scroll';
 export * from './url';
 export * from './cn';
 export * from './url';

package/build/esm/utils/index.js

@@ -1,7 +1,6 @@
 export * from './common';
 export * from './analytics';
 export * from './blocks';
-export * from './scroll';
 export * from './url';
 export * from './cn';
 export * from './url';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/page-constructor",
-  "version": "2.18.0",
+  "version": "3.0.0-alpha.1",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {
@@ -138,5 +138,8 @@
     "*.{json,yaml,yml,md}": [
       "prettier --write"
     ]
+  },
+  "publishConfig": {
+    "tag": "alpha"
   }
 }

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

@@ -2,7 +2,7 @@
 import { ButtonSize } from '@gravity-ui/uikit';
 import { GridColumnSize, GridColumnSizesType } from '../../grid/types';
 import { ThemeSupporting } from '../../utils';
-import { AnchorProps, Animatable, BackgroundImageProps, BlockHeaderProps, ButtonProps, ContentSize, ContentTextSize, ContentTheme, FileLinkProps, HeaderBreadCrumbsProps, HeaderImageSize, HeaderOffset, HeaderWidth, ImageDeviceProps, Justify, LegendTableMarkerType, LinkProps, LinkTheme, MapProps, MediaDirection, MediaProps, PreviewItemProps, PreviewRatioMediaContent, TextSize, TextTheme, ThemedImage, ThemedMediaProps, ThemedMediaVideoProps, TitleBaseProps, TitleProps } from './common';
+import { AnchorProps, Animatable, BackgroundImageProps, BlockHeaderProps, ButtonProps, ContentSize, ContentTextSize, ContentTheme, FileLinkProps, HeaderBreadCrumbsProps, HeaderImageSize, HeaderOffset, HeaderWidth, ImageDeviceProps, Justify, LegendTableMarkerType, LinkProps, MapProps, MediaDirection, MediaProps, TextSize, TextTheme, ThemedImage, ThemedMediaProps, ThemedMediaVideoProps, TitleBaseProps, TitleProps } from './common';
 import { BannerCardProps, SubBlock, SubBlockModels } from './sub-blocks';
 export declare enum BlockType {
     PromoFeaturesBlock = "promo-features-block",
@@ -14,14 +14,10 @@ export declare enum BlockType {
     BannerBlock = "banner-block",
     CompaniesBlock = "companies-block",
     MediaBlock = "media-block",
-    PreviewBlock = "preview-block",
     InfoBlock = "info-block",
-    SecurityBlock = "security-block",
     TableBlock = "table-block",
     TabsBlock = "tabs-block",
-    SimpleBlock = "simple-block",
     HeaderSliderBlock = "header-slider-block",
-    LinkTableBlock = "link-table-block",
     HeaderBlock = "header-block",
     IconsBlock = "icons-block",
     CardLayoutBlock = "card-layout-block",
@@ -115,10 +111,6 @@ export interface HeaderBlockProps {
     status?: JSX.Element;
 }
 export type CalculatorProps = Animatable;
-export interface SimpleBlockProps extends Animatable, Childable {
-    title: TitleBaseProps;
-    description: string;
-}
 export interface ExtendedFeaturesItem extends Omit<ContentBlockProps, 'theme' | 'centered' | 'colSizes' | 'size' | 'title'> {
     title: string;
     label?: string;
@@ -181,15 +173,6 @@ export interface MediaBlockProps extends MediaBaseBlockProps {
 export interface MapBlockProps extends MediaBaseBlockProps {
     map: MapProps;
 }
-export interface PreviewBlockProps extends Animatable {
-    title: string;
-    items: PreviewItemProps[];
-    description?: string;
-    direction?: MediaDirection;
-    ratioMediaContent?: PreviewRatioMediaContent;
-    stopVideo?: boolean;
-    showImmediately?: boolean;
-}
 export interface InfoBlockProps {
     theme?: TextTheme;
     backgroundColor?: ThemeSupporting<string>;
@@ -204,21 +187,6 @@ export interface InfoBlockProps {
     leftContent?: Omit<ContentBlockProps, 'colSizes' | 'theme' | 'size'>;
     rightContent?: Omit<ContentBlockProps, 'colSizes' | 'theme' | 'size'>;
 }
-export interface SecurityBlockPoint {
-    img: string;
-    text: string;
-    link: {
-        text: string;
-        url: string;
-    };
-}
-export interface SecurityBlockProps extends Animatable {
-    theme?: TextTheme;
-    backgroundColor?: string;
-    title: string;
-    points?: SecurityBlockPoint[];
-    media: MediaProps;
-}
 export interface TableProps {
     content: string[][];
     legend?: string[];
@@ -245,10 +213,6 @@ export interface TabsBlockProps extends BlockHeaderProps, Animatable {
     direction?: MediaDirection;
     items: TabsBlockItem[];
 }
-export interface LinkTableBlockProps extends BlockHeaderProps {
-    items: LinkProps[][];
-    linkTheme?: LinkTheme;
-}
 export interface CardLayoutBlockProps extends Childable, Animatable, LoadableChildren {
     title: TitleProps | string;
     description?: string;
@@ -347,27 +311,15 @@ export type MediaBlockModel = {
 export type MapBlockModel = {
     type: BlockType.MapBlock;
 } & MapBlockProps;
-export type PreviewBlockModel = {
-    type: BlockType.PreviewBlock;
-} & PreviewBlockProps;
 export type InfoBlockModel = {
     type: BlockType.InfoBlock;
 } & InfoBlockProps;
-export type SecurityBlockModel = {
-    type: BlockType.SecurityBlock;
-} & SecurityBlockProps;
 export type TableBlockModel = {
     type: BlockType.TableBlock;
 } & TableBlockProps;
 export type TabsBlockModel = {
     type: BlockType.TabsBlock;
 } & TabsBlockProps;
-export type SimpleBlockModel = {
-    type: BlockType.SimpleBlock;
-} & SimpleBlockProps;
-export type LinkTableBlockModel = {
-    type: BlockType.LinkTableBlock;
-} & LinkTableBlockProps;
 export type CardLayoutBlockModel = {
     type: BlockType.CardLayoutBlock;
 } & CardLayoutBlockProps;
@@ -386,6 +338,6 @@ export type ContentLayoutBlockModel = {
 export type ShareBLockModel = {
     type: BlockType.ShareBlock;
 } & ShareBlockProps;
-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;
+type BlockModels = SliderBlockModel | ServiceDemoBlockModel | ExtendedFeaturesBlockModel | PromoFeaturesBlockModel | QuestionsBlockModel | CalculatorBlockModel | BannerBlockModel | CompaniesBlockModel | MediaBlockModel | MapBlockModel | InfoBlockModel | TableBlockModel | TabsBlockModel | HeaderBlockModel | IconsBlockModel | HeaderSliderBlockModel | CardLayoutBlockModel | ContentLayoutBlockModel | ShareBLockModel | FilterBlockModel;
 export type Block = BlockModels & BlockBaseProps;
 export {};

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

@@ -12,14 +12,10 @@ var BlockType;
     BlockType["BannerBlock"] = "banner-block";
     BlockType["CompaniesBlock"] = "companies-block";
     BlockType["MediaBlock"] = "media-block";
-    BlockType["PreviewBlock"] = "preview-block";
     BlockType["InfoBlock"] = "info-block";
-    BlockType["SecurityBlock"] = "security-block";
     BlockType["TableBlock"] = "table-block";
     BlockType["TabsBlock"] = "tabs-block";
-    BlockType["SimpleBlock"] = "simple-block";
     BlockType["HeaderSliderBlock"] = "header-slider-block";
-    BlockType["LinkTableBlock"] = "link-table-block";
     BlockType["HeaderBlock"] = "header-block";
     BlockType["IconsBlock"] = "icons-block";
     BlockType["CardLayoutBlock"] = "card-layout-block";

package/server/models/constructor-items/common.d.ts

@@ -17,10 +17,6 @@ export declare enum PriceLabelColor {
     PURPLE = "purple",
     RED = "red"
 }
-export declare enum PreviewItemType {
-    Video = "video",
-    Image = "image"
-}
 export declare enum PlayButtonType {
     Default = "default",
     Text = "text"
@@ -49,7 +45,6 @@ export type LegendTableMarkerType = 'disk';
 export type LinkTheme = 'file-link' | 'normal' | 'back' | 'underline';
 export type MediaDirection = 'media-content' | 'content-media';
 export type PriceDescriptionColor = 'cornflower' | 'black';
-export type PreviewRatioMediaContent = '2-1' | '1-1';
 export type ContentSize = 's' | 'l';
 export type ContentTextSize = 's' | 'm' | 'l';
 export type ContentTheme = 'default' | 'dark' | 'light';
@@ -254,15 +249,6 @@ export interface HeaderBreadCrumbsProps extends ClassNameProps {
     metrikaGoals?: MetrikaGoal;
     pixelEvents?: ButtonPixel;
 }
-export interface PreviewContentItemProps {
-    title: string;
-    description?: string;
-}
-export interface PreviewItemProps {
-    type: PreviewItemType;
-    media: ThemedMediaProps;
-    content: PreviewContentItemProps;
-}
 export interface TitleProps extends Justifyable, TitleBaseProps {
     navTitle?: string;
     anchor?: string;

package/server/models/constructor-items/common.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MediaVideoControlsType = exports.MediaVideoType = exports.PlayButtonThemes = exports.PlayButtonType = exports.PreviewItemType = exports.PriceLabelColor = exports.PriceDetailsType = exports.AuthorType = void 0;
+exports.MediaVideoControlsType = exports.MediaVideoType = exports.PlayButtonThemes = exports.PlayButtonType = exports.PriceLabelColor = exports.PriceDetailsType = exports.AuthorType = void 0;
 // enums
 var AuthorType;
 (function (AuthorType) {
@@ -20,11 +20,6 @@ var PriceLabelColor;
     PriceLabelColor["PURPLE"] = "purple";
     PriceLabelColor["RED"] = "red";
 })(PriceLabelColor = exports.PriceLabelColor || (exports.PriceLabelColor = {}));
-var PreviewItemType;
-(function (PreviewItemType) {
-    PreviewItemType["Video"] = "video";
-    PreviewItemType["Image"] = "image";
-})(PreviewItemType = exports.PreviewItemType || (exports.PreviewItemType = {}));
 var PlayButtonType;
 (function (PlayButtonType) {
     PlayButtonType["Default"] = "default";