@gravity-ui/page-constructor 5.33.4-beta.0 → 5.34.0

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

@@ -1,13 +1,12 @@
-export { default as Divider } from "./Divider/Divider.js";
-export { default as Quote } from "./Quote/Quote.js";
-export { default as PriceDetailed } from "./PriceDetailed/PriceDetailed.js";
-export { default as MediaCard } from "./MediaCard/MediaCard.js";
-export { default as BannerCard } from "./BannerCard/BannerCard.js";
-export { default as LayoutItem } from "./LayoutItem/LayoutItem.js";
-export { default as BackgroundCard } from "./BackgroundCard/BackgroundCard.js";
-export { default as BasicCard } from "./BasicCard/BasicCard.js";
-export { default as Content } from "./Content/Content.js";
-export { default as HubspotForm } from "./HubspotForm/index.js";
-export { default as PriceCard } from "./PriceCard/PriceCard.js";
-export { default as ImageCard } from "./ImageCard/ImageCard.js";
-//# sourceMappingURL=index.js.map
+export { default as Divider } from './Divider/Divider';
+export { default as Quote } from './Quote/Quote';
+export { default as PriceDetailed } from './PriceDetailed/PriceDetailed';
+export { default as MediaCard } from './MediaCard/MediaCard';
+export { default as BannerCard } from './BannerCard/BannerCard';
+export { default as LayoutItem } from './LayoutItem/LayoutItem';
+export { default as BackgroundCard } from './BackgroundCard/BackgroundCard';
+export { default as BasicCard } from './BasicCard/BasicCard';
+export { default as Content } from './Content/Content';
+export { default as HubspotForm } from './HubspotForm';
+export { default as PriceCard } from './PriceCard/PriceCard';
+export { default as ImageCard } from './ImageCard/ImageCard';

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

@@ -1,5 +1,5 @@
 import { MarkdownItPluginCb } from '@diplodoc/transform/lib/plugins/typings';
-import { Lang } from "./types.js";
+import { Lang } from './types';
 export type ComplexItem = {
     [key: string]: string;
 };

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

@@ -1,5 +1,5 @@
 import defaultPlugins from '@diplodoc/transform/lib/plugins';
-import { fullTransform, typografToHTML } from "./utils.js";
+import { fullTransform, typografToHTML } from './utils';
 export const createItemsParser = (fields) => (transformer, items) => items.map((item) => {
     if (!item) {
         return item;
@@ -28,4 +28,3 @@ export function yfmTransformer(lang, content, options = {}) {
 export function typografTransformer(lang, content) {
     return typografToHTML(content, lang);
 }
-//# sourceMappingURL=common.js.map

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

@@ -1,18 +1,18 @@
-import { TitleItemProps } from "../models/index.js";
-import { Parser, Transformer, TransformerRaw, typografTransformer, yfmTransformer } from "./common.js";
+import { TitleItemProps } from '../models';
+import { Parser, Transformer, TransformerRaw, typografTransformer, yfmTransformer } from './common';
 export declare const blockHeaderTransformer: ({
     fields: string[];
     transformer: typeof typografTransformer;
     parser: (transformer: Transformer, title: TitleItemProps | string) => string | {
         text: string;
-        navTitle?: string;
-        anchor?: string;
-        justify?: import("../index.js").Justify;
-        textSize?: import("../index.js").TextSize;
-        url?: string;
-        urlTitle?: string;
-        custom?: string | React.ReactNode;
-        onClick?: () => void;
+        navTitle?: string | undefined;
+        anchor?: string | undefined;
+        justify?: import("../models").Justify | undefined;
+        textSize?: import("../models").TextSize | undefined;
+        url?: string | undefined;
+        urlTitle?: string | undefined;
+        custom?: import("react").ReactNode;
+        onClick?: (() => void) | undefined;
     };
 } | {
     fields: string[];

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

@@ -1,8 +1,8 @@
 /* eslint-disable no-param-reassign */
 /* eslint-disable no-not-accumulator-reassign/no-not-accumulator-reassign */
 import { __rest } from "tslib";
-import { BlockType, SubBlockType, } from "../models/index.js";
-import { createItemsParser, typografTransformer, yfmTransformer, } from "./common.js";
+import { BlockType, SubBlockType, } from '../models';
+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)) });
@@ -341,4 +341,3 @@ export const config = {
         },
     ],
 };
-//# sourceMappingURL=config.js.map

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

@@ -1,4 +1,4 @@
-import { ContentVariables } from "./transformers.js";
+import { ContentVariables } from './transformers';
 type WhenValue = string | boolean | undefined;
 type OrArray<T> = T | T[];
 type OrArrayRecord<T> = Record<string, OrArray<T>>;

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

@@ -54,4 +54,3 @@ export function filterContent(content, vars) {
         return content;
     }
 }
-//# sourceMappingURL=filter.js.map

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

@@ -1,5 +1,5 @@
-export * from "./utils.js";
-export * from "./config.js";
-export * from "./common.js";
-export * from "./transformers.js";
-export * from "./filter.js";
+export * from './utils';
+export * from './config';
+export * from './common';
+export * from './transformers';
+export * from './filter';

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

@@ -1,6 +1,5 @@
-export * from "./utils.js";
-export * from "./config.js";
-export * from "./common.js";
-export * from "./transformers.js";
-export * from "./filter.js";
-//# sourceMappingURL=index.js.map
+export * from './utils';
+export * from './config';
+export * from './common';
+export * from './transformers';
+export * from './filter';

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

@@ -1,6 +1,6 @@
 import { MarkdownItPluginCb } from '@diplodoc/transform/lib/plugins/typings';
-import { ConstructorBlock } from "../models/constructor.js";
-import { Lang } from "./types.js";
+import { ConstructorBlock } from '../models/constructor';
+import { Lang } from './types';
 export type ContentVariables = Record<string, string>;
 export type ContentTransformerProps = {
     content: {

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

@@ -1,7 +1,7 @@
 import cloneDeep from 'lodash/cloneDeep';
 import shuffle from 'lodash/shuffle';
-import { config } from "./config.js";
-import { filterContent } from "./filter.js";
+import { config } from './config';
+import { filterContent } from './filter';
 function transformBlocks(blocks, lang, customConfig = {}, options = {}) {
     const fullConfig = Object.assign(Object.assign({}, config), customConfig);
     const { plugins = [] } = options;
@@ -56,4 +56,3 @@ export const contentTransformer = ({ content, options }) => {
         blocks: transformedBlocks,
     };
 };
-//# sourceMappingURL=transformers.js.map

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

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=types.js.map

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

@@ -1,8 +1,7 @@
 import { Options, Output } from '@diplodoc/transform';
 import sanitize from 'sanitize-html';
-import { TypografRule } from 'typograf';
-import { Lang } from "./types.js";
-type AddRuleOptions = TypografRule;
+import { Lang } from './types';
+import AddRuleOptions = typograf.AddRuleOptions;
 export declare enum TransformType {
     Text = "text",
     Html = "html"
@@ -21,7 +20,7 @@ export declare function typograf(text: string, lang?: Lang): string;
 export declare function sanitizeHtml(html: string, options?: sanitize.IOptions): string;
 export declare function typografToHTML(text: string, lang: Lang, allowedTags?: string[]): string;
 export declare function typografToText(text: string, lang: Lang): string;
-export declare const transformMarkdown: (input: string, options: TransformOptions) => Output["result"];
+export declare const transformMarkdown: (input: string, options: TransformOptions) => Output['result'];
 export declare function fullTransform(input: string, { lang, ...options }: TransformOptions): Output['result'];
 export interface TypografEntityParams {
     entity: Record<string, string>;

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

@@ -88,4 +88,3 @@ export function typografEntity({ entity, fields, lang = 'ru', transformType = Tr
     });
     return entity;
 }
-//# sourceMappingURL=utils.js.map

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

@@ -1,2 +1,2 @@
-import { AnalyticsCounters } from "../models/index.js";
+import { AnalyticsCounters } from '../models';
 export declare const isCounterAllowed: (counter: string, counters?: AnalyticsCounters) => boolean;

package/build/esm/utils/analytics.js

@@ -11,4 +11,3 @@ export const isCounterAllowed = (counter, counters) => {
     }
     return false;
 };
-//# sourceMappingURL=analytics.js.map

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

@@ -1,5 +1,5 @@
-import { ConstructorBlock, CustomConfig, PCShareSocialNetwork, TextSize } from "../models/index.js";
-export declare function getHeaderTag(size: TextSize): "h1" | "h3" | "h4" | "h2";
+import { ConstructorBlock, CustomConfig, PCShareSocialNetwork, TextSize } from '../models';
+export declare function getHeaderTag(size: TextSize): "h1" | "h2" | "h3" | "h4";
 export declare function hasBlockTag(content: string): boolean;
 export declare function getBlockKey(block: ConstructorBlock, index: number): string;
 export declare const getCustomItems: (types: (keyof CustomConfig)[], customBlocks?: CustomConfig) => {};

package/build/esm/utils/blocks.js

@@ -1,6 +1,6 @@
 import camelCase from 'lodash/camelCase';
 import flatten from 'lodash/flatten';
-import { PCShareSocialNetwork } from "../models/index.js";
+import { PCShareSocialNetwork } from '../models';
 const BLOCK_ELEMENTS = [
     'div',
     'p',
@@ -123,4 +123,3 @@ export const getQaAttrubutes = (qa, ...customKeys) => {
     }
     return attributes;
 };
-//# sourceMappingURL=blocks.js.map

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

@@ -1,4 +1,4 @@
-import { MediaBorder } from "../models/index.js";
+import { MediaBorder } from '../models';
 type GetMediaBorderArgs = {
     border?: MediaBorder;
     disableShadow?: boolean;

package/build/esm/utils/borderSelector.js

@@ -12,4 +12,3 @@ export const getMediaBorder = ({ border, disableShadow }) => {
     }
     return 'shadow';
 };
-//# sourceMappingURL=borderSelector.js.map

package/build/esm/utils/cn.js

@@ -1,7 +1,6 @@
 import { withNaming } from '@bem-react/classname';
-import { UIKIT_ROOT_CLASS } from "../components/constants.js";
+import { UIKIT_ROOT_CLASS } from '../components/constants';
 export const NAMESPACE = 'pc-';
 export const cn = withNaming({ e: '__', m: '_' });
 export const block = withNaming({ n: NAMESPACE, e: '__', m: '_' });
 export const rootCn = cn(UIKIT_ROOT_CLASS);
-//# sourceMappingURL=cn.js.map

package/build/esm/utils/common.js

@@ -18,4 +18,3 @@ export async function loadScript(src, { id, defer = false, async = true }) {
         document.head.appendChild(script);
     });
 }
-//# sourceMappingURL=common.js.map

package/build/esm/utils/hubspot.js

@@ -53,4 +53,3 @@ export function handleHubspotEvents(handlers, formId) {
         }
     };
 }
-//# sourceMappingURL=hubspot.js.map

package/build/esm/utils/imageCompress.js

@@ -5,4 +5,3 @@ export var AvailableForCompressExtension;
     AvailableForCompressExtension["JPEG"] = "jpeg";
 })(AvailableForCompressExtension || (AvailableForCompressExtension = {}));
 export const isCompressible = (fileName) => Object.values(AvailableForCompressExtension).some((ext) => fileName.toLowerCase().endsWith(`.${ext}`));
-//# sourceMappingURL=imageCompress.js.map

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

@@ -1,9 +1,9 @@
-export * from "./common.js";
-export * from "./analytics.js";
-export * from "./blocks.js";
-export * from "./url.js";
-export * from "./cn.js";
-export * from "./url.js";
-export * from "./theme.js";
-export type { HubspotEventData, HubspotEventHandlers, HubspotEventName } from "./hubspot.js";
-export { isHubspotEventData } from "./hubspot.js";
+export * from './common';
+export * from './analytics';
+export * from './blocks';
+export * from './url';
+export * from './cn';
+export * from './url';
+export * from './theme';
+export type { HubspotEventData, HubspotEventHandlers, HubspotEventName } from './hubspot';
+export { isHubspotEventData } from './hubspot';

package/build/esm/utils/index.js

@@ -1,9 +1,8 @@
-export * from "./common.js";
-export * from "./analytics.js";
-export * from "./blocks.js";
-export * from "./url.js";
-export * from "./cn.js";
-export * from "./url.js";
-export * from "./theme.js";
-export { isHubspotEventData } from "./hubspot.js";
-//# sourceMappingURL=index.js.map
+export * from './common';
+export * from './analytics';
+export * from './blocks';
+export * from './url';
+export * from './cn';
+export * from './url';
+export * from './theme';
+export { isHubspotEventData } from './hubspot';

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

@@ -1,3 +1,3 @@
-import { MediaProps } from "../models/index.js";
-export declare const mergeVideoMicrodata: (values?: MediaProps, newValues?: MediaProps["videoMicrodata"]) => MediaProps;
+import { MediaProps } from '../models';
+export declare const mergeVideoMicrodata: (values?: MediaProps, newValues?: MediaProps['videoMicrodata']) => MediaProps;
 export declare function sanitizeMicrodata(html: string): string;

package/build/esm/utils/microdata.js

@@ -3,4 +3,3 @@ export const mergeVideoMicrodata = (values = {}, newValues = {}) => (Object.assi
 export function sanitizeMicrodata(html) {
     return html && sanitize(html, { allowedTags: [], allowedAttributes: {} });
 }
-//# sourceMappingURL=microdata.js.map

package/build/esm/utils/svg.js

@@ -2,4 +2,3 @@ export const a11yHiddenSvgProps = {
     // Hides element from a11y tree
     'aria-hidden': true,
 };
-//# sourceMappingURL=svg.js.map

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

@@ -1,7 +1,7 @@
-import { DEFAULT_THEME } from "../components/constants.js";
+import { DEFAULT_THEME } from '../components/constants';
 export interface ThemedValue<T> extends Partial<Record<string, T>> {
     [DEFAULT_THEME]: T;
 }
 export type ThemeSupporting<T> = T | ThemedValue<T>;
 export declare function isThemedValue<T>(value: ThemeSupporting<T>): value is ThemedValue<T>;
-export declare function getThemedValue<T>(value: ThemeSupporting<T>, theme?: import("../index.js").Theme): T;
+export declare function getThemedValue<T>(value: ThemeSupporting<T>, theme?: import("..").Theme): T;

package/build/esm/utils/theme.js

@@ -1,4 +1,4 @@
-import { DEFAULT_THEME } from "../components/constants.js";
+import { DEFAULT_THEME } from '../components/constants';
 export function isThemedValue(value) {
     return typeof value === 'object' && value !== null && DEFAULT_THEME in value;
 }
@@ -10,4 +10,3 @@ export function getThemedValue(value, theme = DEFAULT_THEME) {
         return value;
     }
 }
-//# sourceMappingURL=theme.js.map

package/build/esm/utils/url.js

@@ -39,4 +39,3 @@ export function getAbsolutePath(hostname, pathname, url) {
     const parsed = parse(url || '');
     return format(Object.assign(Object.assign({}, parsed), { protocol: parsed.protocol || 'https', hostname: parsed.hostname || hostname, pathname: parsed.pathname || pathname }));
 }
-//# sourceMappingURL=url.js.map

package/build/esm/utils/url.test.js

@@ -1,4 +1,4 @@
-import { getLinkProps, isAbsoluteUrl, isLinkExternal } from "./url.js";
+import { getLinkProps, isAbsoluteUrl, isLinkExternal } from './url';
 describe('URL utils check', () => {
     test.each([
         ['https://user:pass@sub.example.com:8080/p/a/t/h?query=string&query2=1#hash', true],
@@ -72,4 +72,3 @@ describe('URL utils check', () => {
         expect(getLinkProps(url, hostname, target)).toEqual(result);
     });
 });
-//# sourceMappingURL=url.test.js.map

package/package.json

@@ -1,9 +1,8 @@
 {
   "name": "@gravity-ui/page-constructor",
-  "version": "5.33.4-beta.0",
+  "version": "5.34.0",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
-  "type": "commonjs",
   "repository": {
     "type": "git",
     "url": "https://github.com/gravity-ui/page-constructor"
@@ -92,19 +91,14 @@
   },
   "dependencies": {
     "@bem-react/classname": "^1.6.0",
-    "@gravity-ui/components": "^4.0.0-beta.5",
-    "@gravity-ui/dynamic-forms": "^5.0.0-beta.0",
-    "@gravity-ui/gulp-utils": "^1.0.0",
-    "@gravity-ui/i18n": "^1.7.0",
+    "@gravity-ui/components": "^3.8.0",
+    "@gravity-ui/dynamic-forms": "^4.11.0",
+    "@gravity-ui/i18n": "^1.3.0",
     "@react-spring/web": "^9.7.3",
-    "@testing-library/dom": "^10.4.0",
     "ajv": "^8.12.0",
     "ajv-keywords": "^5.1.0",
     "final-form": "^4.20.9",
     "github-buttons": "2.23.0",
-    "gulp-cli": "^3.0.0",
-    "gulp-sass": "^6.0.0",
-    "gulp-sourcemaps": "^3.0.0",
     "js-yaml-source-map": "^0.2.2",
     "lodash": "^4.17.21",
     "monaco-editor": "^0.38.0",
@@ -117,30 +111,29 @@
     "sanitize-html": "2.12.1",
     "snakecase-keys": "^5.1.0",
     "swiper": "^6.8.4",
-    "typograf": "^7.4.1",
+    "typograf": "^6.14.0",
     "utility-types": "^3.10.0",
     "uuid": "^9.0.0"
   },
   "peerDependencies": {
     "@diplodoc/transform": "^4.10.4",
-    "@gravity-ui/uikit": "^7.0.0-beta.5",
-    "react": "^16.14.0 || ^17.0.0 || ^18.0.0"
+    "@gravity-ui/uikit": "^6.0.0",
+    "react": "^16.0.0 || ^17.0.0 || ^18.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.22.8",
-    "@babel/preset-env": "^7.26.0",
-    "@babel/preset-react": "^7.26.3",
-    "@babel/preset-typescript": "^7.26.0",
-    "@chromatic-com/storybook": "^3.2.4",
-    "@commitlint/cli": "^19.6.1",
-    "@commitlint/config-conventional": "^19.6.0",
+    "@babel/preset-env": "^7.22.9",
+    "@babel/preset-react": "^7.22.5",
+    "@babel/preset-typescript": "^7.22.5",
+    "@commitlint/cli": "^17.1.2",
+    "@commitlint/config-conventional": "^17.1.0",
     "@diplodoc/transform": "^4.10.8",
-    "@gravity-ui/eslint-config": "^3.2.0",
-    "@gravity-ui/icons": "^2.11.0",
-    "@gravity-ui/prettier-config": "^1.1.0",
-    "@gravity-ui/stylelint-config": "^4.0.1",
+    "@gravity-ui/eslint-config": "^2.2.0",
+    "@gravity-ui/icons": "^2.10.0",
+    "@gravity-ui/prettier-config": "^1.0.1",
+    "@gravity-ui/stylelint-config": "^1.0.0",
     "@gravity-ui/tsconfig": "^1.0.0",
-    "@gravity-ui/uikit": "^7.0.0-beta.5",
+    "@gravity-ui/uikit": "^6.23.1",
     "@playwright/experimental-ct-react": "^1.45.3",
     "@playwright/test": "^1.45.3",
     "@storybook/addon-actions": "8.0.5",
@@ -153,13 +146,13 @@
     "@storybook/react": "8.0.5",
     "@storybook/react-webpack5": "8.0.5",
     "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^16.1.0",
+    "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^14.4.3",
-    "@types/jest": "^29.5.14",
+    "@types/jest": "^29.2.4",
     "@types/js-yaml": "^4.0.5",
     "@types/json-schema": "^7.0.12",
     "@types/lodash": "^4.14.176",
-    "@types/react": "^18.3.18",
+    "@types/react": "^18.0.27",
     "@types/react-dom": "^18.0.10",
     "@types/react-slick": "^0.23.7",
     "@types/react-transition-group": "^4.4.4",
@@ -171,11 +164,12 @@
     "babel-loader": "^8.3.0",
     "css-loader": "^5.2.7",
     "es5-ext": "0.10.53",
-    "eslint": "^8.57.1",
+    "eslint": "^8.34.0",
     "eslint-plugin-no-not-accumulator-reassign": "^0.1.0",
-    "eslint-plugin-react": "^7.37.4",
-    "eslint-plugin-testing-library": "^6.5.0",
-    "gulp": "^5.0.0",
+    "eslint-plugin-react": "^7.33.0",
+    "eslint-plugin-testing-library": "^5.9.1",
+    "gulp": "^4.0.2",
+    "gulp-dart-sass": "^1.0.2",
     "gulp-replace": "^1.1.4",
     "gulp-ts-alias": "^2.0.0",
     "gulp-typescript": "^6.0.0-alpha.1",
@@ -184,7 +178,7 @@
     "husky": "^7.0.4",
     "jest": "^29.3.1",
     "jest-environment-jsdom": "^29.3.1",
-    "jest-transform-css": "^6.0.2",
+    "jest-transform-css": "^6.0.0",
     "js-yaml": "^4.1.0",
     "lint-staged": "^11.2.6",
     "markdown-loader": "^6.0.0",
@@ -195,23 +189,23 @@
     "postcss-loader": "^4.3.0",
     "postcss-preset-env": "^9.0.0",
     "postcss-scss": "^4.0.4",
-    "prettier": "^3.4.2",
-    "react": "^18.3.1",
+    "prettier": "2.4.1",
+    "react": "^18.2.0",
     "react-docgen-typescript": "^2.2.2",
-    "react-dom": "^18.3.1",
+    "react-dom": "^18.2.0",
     "resolve-url-loader": "^3.1.5",
-    "rimraf": "^6.0.1",
+    "rimraf": "^3.0.2",
     "sass": "^1.63.6",
     "sass-loader": "^10.4.1",
     "storybook": "8.0.5",
     "string-replace-loader": "^3.1.0",
     "style-loader": "^2.0.0",
-    "stylelint": "^15.11.0",
+    "stylelint": "^14.11.0",
     "svg-sprite-loader": "^6.0.11",
     "terser-webpack-plugin": "^5.3.9",
-    "ts-jest": "^29.2.5",
+    "ts-jest": "^29.0.3",
     "tslib": "^2.4.0",
-    "typescript": "^5.7.3",
+    "typescript": "^4.9.4",
     "vite-plugin-commonjs": "^0.10.1",
     "vite-plugin-svgr": "^4.2.0",
     "webpack": "^5.88.2",

package/server/grid/types.js

@@ -8,13 +8,13 @@ var GridJustifyContent;
     GridJustifyContent["End"] = "justify-content-end";
     GridJustifyContent["Around"] = "justify-content-around";
     GridJustifyContent["Between"] = "justify-content-between";
-})(GridJustifyContent || (exports.GridJustifyContent = GridJustifyContent = {}));
+})(GridJustifyContent = exports.GridJustifyContent || (exports.GridJustifyContent = {}));
 var GridAlignItems;
 (function (GridAlignItems) {
     GridAlignItems["Start"] = "align-items-start";
     GridAlignItems["Center"] = "align-items-center";
     GridAlignItems["End"] = "align-items-end";
-})(GridAlignItems || (exports.GridAlignItems = GridAlignItems = {}));
+})(GridAlignItems = exports.GridAlignItems || (exports.GridAlignItems = {}));
 var GridColumnSize;
 (function (GridColumnSize) {
     GridColumnSize["Sm"] = "sm";
@@ -22,26 +22,26 @@ var GridColumnSize;
     GridColumnSize["Lg"] = "lg";
     GridColumnSize["Xl"] = "xl";
     GridColumnSize["All"] = "all";
-})(GridColumnSize || (exports.GridColumnSize = GridColumnSize = {}));
+})(GridColumnSize = exports.GridColumnSize || (exports.GridColumnSize = {}));
 var GridColumnAlignSelf;
 (function (GridColumnAlignSelf) {
     GridColumnAlignSelf["Start"] = "align-self-start";
     GridColumnAlignSelf["Center"] = "align-self-center";
     GridColumnAlignSelf["End"] = "align-self-end";
-})(GridColumnAlignSelf || (exports.GridColumnAlignSelf = GridColumnAlignSelf = {}));
+})(GridColumnAlignSelf = exports.GridColumnAlignSelf || (exports.GridColumnAlignSelf = {}));
 var GridColumnClassPrefix;
 (function (GridColumnClassPrefix) {
     GridColumnClassPrefix["Col"] = "col";
     GridColumnClassPrefix["Offset"] = "offset";
     GridColumnClassPrefix["Order"] = "order";
-})(GridColumnClassPrefix || (exports.GridColumnClassPrefix = GridColumnClassPrefix = {}));
+})(GridColumnClassPrefix = exports.GridColumnClassPrefix || (exports.GridColumnClassPrefix = {}));
 var GridColumnVisibilityClass;
 (function (GridColumnVisibilityClass) {
     GridColumnVisibilityClass["None"] = "none";
     GridColumnVisibilityClass["Block"] = "block";
-})(GridColumnVisibilityClass || (exports.GridColumnVisibilityClass = GridColumnVisibilityClass = {}));
+})(GridColumnVisibilityClass = exports.GridColumnVisibilityClass || (exports.GridColumnVisibilityClass = {}));
 var GridColumnOrderClasses;
 (function (GridColumnOrderClasses) {
     GridColumnOrderClasses["First"] = "first";
     GridColumnOrderClasses["Last"] = "last";
-})(GridColumnOrderClasses || (exports.GridColumnOrderClasses = GridColumnOrderClasses = {}));
+})(GridColumnOrderClasses = exports.GridColumnOrderClasses || (exports.GridColumnOrderClasses = {}));

package/server/models/common.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface Refable<T> {
     ref?: React.Ref<T>;
 }

package/server/models/common.js

@@ -5,7 +5,7 @@ var Theme;
 (function (Theme) {
     Theme["Light"] = "light";
     Theme["Dark"] = "dark";
-})(Theme || (exports.Theme = Theme = {}));
+})(Theme = exports.Theme || (exports.Theme = {}));
 exports.themeNames = {
     [Theme.Light]: 'Light',
     [Theme.Dark]: 'Dark',
@@ -15,7 +15,7 @@ var PredefinedEventTypes;
     PredefinedEventTypes["Default"] = "default-event";
     PredefinedEventTypes["Play"] = "play";
     PredefinedEventTypes["Stop"] = "stop";
-})(PredefinedEventTypes || (exports.PredefinedEventTypes = PredefinedEventTypes = {}));
+})(PredefinedEventTypes = exports.PredefinedEventTypes || (exports.PredefinedEventTypes = {}));
 var DefaultEventNames;
 (function (DefaultEventNames) {
     DefaultEventNames["ShareButton"] = "share-button-click";
@@ -29,4 +29,4 @@ var DefaultEventNames;
     DefaultEventNames["BackLink"] = "back-link-click";
     DefaultEventNames["Breadcrumb"] = "breadcrumb-click";
     DefaultEventNames["VideoPreview"] = "video-preview-click";
-})(DefaultEventNames || (exports.DefaultEventNames = DefaultEventNames = {}));
+})(DefaultEventNames = exports.DefaultEventNames || (exports.DefaultEventNames = {}));

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { ButtonSize } from '@gravity-ui/uikit';
 import { GridColumnSize, GridColumnSizesType, IndentValue } from '../../grid/types';
 import { ThemeSupporting } from '../../utils';
@@ -109,7 +109,7 @@ export interface HeaderBlockBackground extends Partial<HeaderBackgroundProps>, P
 export type ThemedHeaderBlockBackground = ThemeSupporting<HeaderBlockBackground>;
 export interface HeaderBlockProps {
     title: string;
-    overtitle?: string;
+    overtitle?: string | JSX.Element;
     description?: string;
     buttons?: Pick<ButtonProps, 'url' | 'text' | 'theme' | 'primary' | 'size' | 'extraProps'>[];
     width?: HeaderWidth;