@gravity-ui/page-constructor 2.3.2 → 2.5.0

package/build/esm/sub-blocks/PriceDetailed/PriceDetails/Details/Settings.js

@@ -1,6 +1,6 @@
 import React, { Fragment } from 'react';
-import { block } from '../../../../utils';
 import { YFMWrapper } from '../../../../components';
+import { block } from '../../../../utils';
 import './Settings.css';
 const b = block('settings-list');
 const Settings = (props) => {

package/build/esm/sub-blocks/PriceDetailed/PriceDetails/PriceDetails.d.ts

@@ -1,4 +1,4 @@
-import { PriceDetailsType, TextSize, PriceDetailsProps, PriceFoldableDetailsProps } from '../../../models';
+import { PriceDetailsProps, PriceDetailsType, PriceFoldableDetailsProps, TextSize } from '../../../models';
 import './PriceDetails.css';
 interface PriceDetailsExtendProps extends PriceDetailsProps {
     type: PriceDetailsType;

package/build/esm/sub-blocks/PriceDetailed/PriceDetails/PriceDetails.js

@@ -1,7 +1,7 @@
 import React, { Fragment, useCallback, useState } from 'react';
-import { block } from '../../../utils';
 import { Foldable, ToggleArrow } from '../../../components';
 import { PriceDetailsType, } from '../../../models';
+import { block } from '../../../utils';
 import List from './Details/List';
 import Settings from './Details/Settings';
 import './PriceDetails.css';

package/build/esm/sub-blocks/PriceDetailed/SeparatePriceDetailed/SeparatePriceDetailed.js

@@ -1,6 +1,6 @@
 import React, { Fragment } from 'react';
-import { block } from '../../../utils';
 import { CardBase } from '../../../components';
+import { block } from '../../../utils';
 import './SeparatePriceDetailed.css';
 const b = block('separate-price-detailed-block');
 const SeparatePriceDetailed = (props) => {

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

@@ -1,4 +1,4 @@
-import { BaseProps, AnimatableProps, textSize } from '../../schema/validators/common';
+import { AnimatableProps, BaseProps, textSize } from '../../schema/validators/common';
 import { filteredArray } from '../../schema/validators/utils';
 const PriceDetailedDetailsType = ['marked-list', 'settings'];
 const PriceDetailedDescriptionColor = ['cornflower', 'black'];

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

@@ -1,11 +1,11 @@
 import React, { useCallback, useContext } from 'react';
 import { Button } from '@gravity-ui/uikit';
-import { block, getThemedValue } from '../../utils';
-import { AuthorType, DefaultEventNames } from '../../models';
-import { Author, Image, HTML } from '../../components';
-import { ThemeValueContext } from '../../context/theme/ThemeValueContext';
+import { Author, HTML, Image } from '../../components';
 import { getMediaImage } from '../../components/Media/Image/utils';
+import { ThemeValueContext } from '../../context/theme/ThemeValueContext';
 import { useAnalytics } from '../../hooks';
+import { AuthorType, DefaultEventNames } from '../../models';
+import { block, getThemedValue } from '../../utils';
 import './Quote.css';
 const b = block('quote');
 const Quote = (props) => {

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

@@ -1,5 +1,5 @@
-import { authorItem, BaseProps, ThemeProps, withTheme } from '../../schema/validators/common';
 import { ImageProps, urlPattern } from '../../components/Image/schema';
+import { BaseProps, ThemeProps, authorItem, withTheme } from '../../schema/validators/common';
 export const Quote = {
     quote: {
         additionalProperties: false,

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

@@ -1,8 +1,8 @@
 import React from 'react';
-import { block } from '../../utils';
+import { HTML, Image } from '../../components/';
 import CardBase from '../../components/CardBase/CardBase';
-import { Image, HTML } from '../../components/';
 import { getMediaImage } from '../../components/Media/Image/utils';
+import { block } from '../../utils';
 import './TutorialCard.css';
 const b = block('tutorial-card');
 function iconElement(icon, title) {

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

@@ -1,5 +1,5 @@
-import { BaseProps } from '../../schema/validators/common';
 import { ImageProps } from '../../components/Image/schema';
+import { BaseProps } from '../../schema/validators/common';
 export const TutorialCard = {
     'tutorial-card': {
         additionalProperties: false,

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

@@ -1,5 +1,5 @@
-import { Lang } from '../utils/configure';
 import { ConstructorBlock } from '../models/constructor';
+import { Lang } from '../utils/configure';
 export type ComplexItem = {
     [key: string]: string;
 };

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

@@ -43,6 +43,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') {
@@ -60,23 +61,27 @@ 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;
@@ -350,6 +355,7 @@ const config = {
 function addRandomOrder(block) {
     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
             block.children = _.shuffle(block.children);
         }
     }
@@ -364,6 +370,7 @@ function transformBlock(lang, blocksConfig, block) {
             const transformer = transformerRaw.bind(null, lang);
             if (fields) {
                 fields.forEach((field) => {
+                    /* eslint-disable no-not-accumulator-reassign/no-not-accumulator-reassign */
                     if (block[field]) {
                         if (parser) {
                             block[field] = parser(transformer, block[field]);
@@ -372,6 +379,7 @@ function transformBlock(lang, blocksConfig, block) {
                             block[field] = transformer(block[field]);
                         }
                     }
+                    /* eslint-enable no-not-accumulator-reassign/no-not-accumulator-reassign */
                 });
             }
             else if (parser) {

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

@@ -1,6 +1,6 @@
 import { __rest } from "tslib";
-import Typograf from 'typograf';
 import sanitize from 'sanitize-html';
+import Typograf from 'typograf';
 import transformYFM from '@doc-tools/transform';
 import { Lang } from '../utils/configure';
 export var TransformType;
@@ -98,6 +98,7 @@ export function typografEntity({ entity, fields, lang = Lang.Ru, transformType =
     const transformer = transformTypeMap[transformType];
     fields.forEach((fieldName) => {
         if (entity[fieldName]) {
+            // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign
             entity[fieldName] = transformer(entity[fieldName], lang);
         }
     });

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

@@ -1,5 +1,5 @@
+import { CustomConfig, PCShareSocialNetwork, TextSize } from '../models';
 import { ConstructorBlock } from '../models/constructor';
-import { TextSize, CustomConfig, PCShareSocialNetwork } from '../models';
 export declare function getHeaderTag(size: TextSize): "h1" | "h2" | "h4" | "h5";
 export declare function getBlockKey(block: ConstructorBlock, index: number): string;
 export declare const getCustomBlockTypes: ({ blocks, headers }?: CustomConfig) => string[];

package/build/esm/utils/scroll.js

@@ -18,6 +18,7 @@ export function doSmoothScroll(element, startPosition, scrollOptions) {
 }
 function getChangeScrollFunction(direction, isReverse) {
     return (element, scrollPosition, startPosition) => {
+        // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign
         element[direction] = isReverse
             ? startPosition - scrollPosition
             : startPosition + scrollPosition;

package/build/esm/utils/url.js

@@ -1,4 +1,4 @@
-import { parse, format } from 'url';
+import { format, parse } from 'url';
 const EXAMPLE_URL = 'https://example.org';
 export const EXTERNAL_LINK_PROPS = { target: '_blank', rel: 'noopener noreferrer' };
 export function getLinkProps(url, hostname, target) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/page-constructor",
-  "version": "2.3.2",
+  "version": "2.5.0",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {
@@ -69,7 +69,7 @@
     "@commitlint/cli": "^17.1.2",
     "@commitlint/config-conventional": "^17.1.0",
     "@doc-tools/transform": "2.12.0",
-    "@gravity-ui/eslint-config": "^1.0.2",
+    "@gravity-ui/eslint-config": "^2.0.0",
     "@gravity-ui/prettier-config": "^1.0.1",
     "@gravity-ui/stylelint-config": "^1.0.0",
     "@gravity-ui/tsconfig": "^1.0.0",
@@ -92,8 +92,9 @@
     "@types/sanitize-html": "^2.6.0",
     "@types/uuid": "^9.0.0",
     "es5-ext": "0.10.53",
-    "eslint": "^7.32.0",
+    "eslint": "^8.34.0",
     "eslint-plugin-local": "./eslint-plugin-local",
+    "eslint-plugin-no-not-accumulator-reassign": "^0.1.0",
     "eslint-plugin-testing-library": "^5.9.1",
     "gulp": "^4.0.2",
     "gulp-dart-sass": "^1.0.2",

package/server/models/common.d.ts

@@ -78,7 +78,8 @@ export declare enum DefaultEventNames {
     YandexFormSubmit = "yandex-form-submit",
     HubspotFormSubmit = "hubspot-form-submit",
     QuoteButton = "quote-button-click",
-    BackLink = "back-link-click"
+    BackLink = "back-link-click",
+    Breadcrumb = "breadcrumb-click"
 }
 export type AnalyticsCounters = {
     include?: string[];

package/server/models/common.js

@@ -47,4 +47,5 @@ var DefaultEventNames;
     DefaultEventNames["HubspotFormSubmit"] = "hubspot-form-submit";
     DefaultEventNames["QuoteButton"] = "quote-button-click";
     DefaultEventNames["BackLink"] = "back-link-click";
+    DefaultEventNames["Breadcrumb"] = "breadcrumb-click";
 })(DefaultEventNames = exports.DefaultEventNames || (exports.DefaultEventNames = {}));

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

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { ButtonSize } from '@gravity-ui/uikit';
-import { BackgroundImageProps, ButtonProps, ContentSize, ContentTextSize, ContentTheme, FileLinkProps, HeaderBreadCrumbsProps, HeaderImageSize, HeaderOffset, HeaderWidth, Justify, LinkProps, LinkTheme, MediaDirection, MediaProps, MapProps, PreviewItemProps, PreviewRatioMediaContent, TextSize, TextTheme, ThemedImage, ThemedMediaProps, ThemedMediaVideoProps, TitleProps, LegendTableMarkerType, AnchorProps, TitleBaseProps, Animatable, BlockHeaderProps, ImageDeviceProps } from './common';
-import { ThemeSupporting } from '../../utils';
 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 { BannerCardProps, SubBlock, SubBlockModels } from './sub-blocks';
 export declare enum BlockType {
     PromoFeaturesBlock = "promo-features-block",

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

@@ -1,9 +1,9 @@
 import { ClassNameProps } from '../../models';
 import { ThemeSupporting } from '../../utils';
 import { HubspotEventData, HubspotEventHandlers } from '../../utils/hubspot';
-import { AuthorItem, ButtonPixel, ButtonProps, CardBaseProps, ContentTheme, DividerSize, ImageObjectProps, ImageProps, LinkProps, MediaProps, PriceDetailedProps, TextTheme, Themable, ThemedImage } from './common';
-import { ContentBlockProps } from './blocks';
 import { AnalyticsEventsBase, PixelEvent } from '../common';
+import { ContentBlockProps } from './blocks';
+import { AuthorItem, ButtonPixel, ButtonProps, CardBaseProps, ContentTheme, DividerSize, ImageObjectProps, ImageProps, LinkProps, MediaProps, PriceDetailedProps, TextTheme, Themable, ThemedImage } from './common';
 export declare enum SubBlockType {
     Divider = "divider",
     Quote = "quote",

package/server/models/constructor.d.ts

@@ -1,5 +1,5 @@
 import React, { PropsWithChildren } from 'react';
-import { Animatable, ThemedMediaProps, ConstructorItem, Block, WithChildren } from './';
+import { Animatable, Block, ConstructorItem, ThemedMediaProps, WithChildren } from './';
 export interface PageData {
     content: PageContent;
 }

package/server/models/navigation.d.ts

@@ -1,5 +1,5 @@
 import { ThemeSupporting } from '../utils';
-import { ImageProps, ButtonProps } from './constructor-items';
+import { ButtonProps, ImageProps } from './constructor-items';
 export declare enum NavigationItemType {
     Link = "link",
     Dropdown = "dropdown",

package/server/text-transform/blocks.d.ts

@@ -1,5 +1,5 @@
-import { Lang } from '../utils/configure';
 import { ConstructorBlock } from '../models/constructor';
+import { Lang } from '../utils/configure';
 export type ComplexItem = {
     [key: string]: string;
 };

package/server/text-transform/blocks.js

@@ -60,6 +60,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') {
@@ -77,23 +78,27 @@ 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;
@@ -369,6 +374,7 @@ const config = {
 function addRandomOrder(block) {
     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
             block.children = lodash_1.default.shuffle(block.children);
         }
     }
@@ -383,6 +389,7 @@ function transformBlock(lang, blocksConfig, block) {
             const transformer = transformerRaw.bind(null, lang);
             if (fields) {
                 fields.forEach((field) => {
+                    /* eslint-disable no-not-accumulator-reassign/no-not-accumulator-reassign */
                     if (block[field]) {
                         if (parser) {
                             block[field] = parser(transformer, block[field]);
@@ -391,6 +398,7 @@ function transformBlock(lang, blocksConfig, block) {
                             block[field] = transformer(block[field]);
                         }
                     }
+                    /* eslint-enable no-not-accumulator-reassign/no-not-accumulator-reassign */
                 });
             }
             else if (parser) {

package/server/text-transform/utils.js

@@ -15,8 +15,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.typografEntity = exports.fullTransform = exports.transformMarkdown = exports.typografToText = exports.typografToHTML = exports.sanitizeHtml = exports.typograf = exports.sanitizeStripOptions = exports.typografConfig = exports.DEFAULT_ALLOWED_TAGS = exports.TransformType = void 0;
-const typograf_1 = __importDefault(require("typograf"));
 const sanitize_html_1 = __importDefault(require("sanitize-html"));
+const typograf_1 = __importDefault(require("typograf"));
 const transform_1 = __importDefault(require("@doc-tools/transform"));
 const configure_1 = require("../utils/configure");
 var TransformType;
@@ -120,6 +120,7 @@ function typografEntity({ entity, fields, lang = configure_1.Lang.Ru, transformT
     const transformer = transformTypeMap[transformType];
     fields.forEach((fieldName) => {
         if (entity[fieldName]) {
+            // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign
             entity[fieldName] = transformer(entity[fieldName], lang);
         }
     });

package/server/utils/blocks.d.ts

@@ -1,5 +1,5 @@
+import { CustomConfig, PCShareSocialNetwork, TextSize } from '../models';
 import { ConstructorBlock } from '../models/constructor';
-import { TextSize, CustomConfig, PCShareSocialNetwork } from '../models';
 export declare function getHeaderTag(size: TextSize): "h1" | "h2" | "h4" | "h5";
 export declare function getBlockKey(block: ConstructorBlock, index: number): string;
 export declare const getCustomBlockTypes: ({ blocks, headers }?: CustomConfig) => string[];

package/server/utils/scroll.js

@@ -22,6 +22,7 @@ function doSmoothScroll(element, startPosition, scrollOptions) {
 exports.doSmoothScroll = doSmoothScroll;
 function getChangeScrollFunction(direction, isReverse) {
     return (element, scrollPosition, startPosition) => {
+        // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign
         element[direction] = isReverse
             ? startPosition - scrollPosition
             : startPosition + scrollPosition;