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

package/build/esm/utils/imageCompress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"imageCompress.js","sourceRoot":"../../../src","sources":["utils/imageCompress.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,6BAIX;AAJD,WAAY,6BAA6B;IACrC,4CAAW,CAAA;IACX,4CAAW,CAAA;IACX,8CAAa,CAAA;AACjB,CAAC,EAJW,6BAA6B,KAA7B,6BAA6B,QAIxC;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,QAAgB,EAAE,EAAE,CAC/C,MAAM,CAAC,MAAM,CAAC,6BAA6B,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CACtD,QAAQ,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,IAAI,GAAG,EAAE,CAAC,CAC7C,CAAC","sourcesContent":["export enum AvailableForCompressExtension {\n    PNG = 'png',\n    JPG = 'jpg',\n    JPEG = 'jpeg',\n}\n\nexport const isCompressible = (fileName: string) =>\n    Object.values(AvailableForCompressExtension).some((ext) =>\n        fileName.toLowerCase().endsWith(`.${ext}`),\n    );\n"]}

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

@@ -1,9 +1,9 @@
-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';
+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";

package/build/esm/utils/index.js

@@ -1,8 +1,9 @@
-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';
+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

package/build/esm/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["utils/index.ts"],"names":[],"mappings":"AAAA,4BAAyB;AACzB,+BAA4B;AAC5B,4BAAyB;AACzB,yBAAsB;AACtB,wBAAqB;AACrB,yBAAsB;AACtB,2BAAwB;AAGxB,OAAO,EAAC,kBAAkB,EAAC,qBAAkB","sourcesContent":["export * from './common';\nexport * from './analytics';\nexport * from './blocks';\nexport * from './url';\nexport * from './cn';\nexport * from './url';\nexport * from './theme';\n\nexport type {HubspotEventData, HubspotEventHandlers, HubspotEventName} from './hubspot';\nexport {isHubspotEventData} from './hubspot';\n"]}

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

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

package/build/esm/utils/microdata.js

@@ -3,3 +3,4 @@ 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/microdata.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"microdata.js","sourceRoot":"../../../src","sources":["utils/microdata.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,eAAe,CAAC;AAIrC,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAC/B,SAAqB,EAAE,EACvB,YAA0C,EAAE,EAClC,EAAE,CAAC,iCAAK,MAAM,KAAE,cAAc,kCAAM,SAAS,GAAK,CAAC,MAAM,CAAC,cAAc,IAAI,EAAE,CAAC,KAAG,CAAC;AAEjG,MAAM,UAAU,iBAAiB,CAAC,IAAY;IAC1C,OAAO,IAAI,IAAI,QAAQ,CAAC,IAAI,EAAE,EAAC,WAAW,EAAE,EAAE,EAAE,iBAAiB,EAAE,EAAE,EAAC,CAAC,CAAC;AAC5E,CAAC","sourcesContent":["import sanitize from 'sanitize-html';\n\nimport {MediaProps} from '../models';\n\nexport const mergeVideoMicrodata = (\n    values: MediaProps = {},\n    newValues: MediaProps['videoMicrodata'] = {},\n): MediaProps => ({...values, videoMicrodata: {...newValues, ...(values.videoMicrodata || {})}});\n\nexport function sanitizeMicrodata(html: string) {\n    return html && sanitize(html, {allowedTags: [], allowedAttributes: {}});\n}\n"]}

package/build/esm/utils/svg.js

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

package/build/esm/utils/svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg.js","sourceRoot":"../../../src","sources":["utils/svg.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAC9B,+BAA+B;IAC/B,aAAa,EAAE,IAAI;CACtB,CAAC","sourcesContent":["export const a11yHiddenSvgProps = {\n    // Hides element from a11y tree\n    'aria-hidden': true,\n};\n"]}

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

@@ -1,7 +1,7 @@
-import { DEFAULT_THEME } from '../components/constants';
+import { DEFAULT_THEME } from "../components/constants.js";
 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("..").Theme): T;
+export declare function getThemedValue<T>(value: ThemeSupporting<T>, theme?: import("../index.js").Theme): T;

package/build/esm/utils/theme.js

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

package/build/esm/utils/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"../../../src","sources":["utils/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAC,mCAAgC;AAQtD,MAAM,UAAU,aAAa,CAAI,KAAyB;IACtD,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,IAAI,aAAa,IAAI,KAAK,CAAC;AACjF,CAAC;AAED,MAAM,UAAU,cAAc,CAAI,KAAyB,EAAE,KAAK,GAAG,aAAa;IAC9E,IAAI,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC;QACvB,OAAO,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,aAAa,CAAC,CAAC;IAChD,CAAC;SAAM,CAAC;QACJ,OAAO,KAAK,CAAC;IACjB,CAAC;AACL,CAAC","sourcesContent":["import {DEFAULT_THEME} from '../components/constants';\n\nexport interface ThemedValue<T> extends Partial<Record<string, T>> {\n    [DEFAULT_THEME]: T;\n}\n\nexport type ThemeSupporting<T> = T | ThemedValue<T>;\n\nexport function isThemedValue<T>(value: ThemeSupporting<T>): value is ThemedValue<T> {\n    return typeof value === 'object' && value !== null && DEFAULT_THEME in value;\n}\n\nexport function getThemedValue<T>(value: ThemeSupporting<T>, theme = DEFAULT_THEME) {\n    if (isThemedValue(value)) {\n        return value[theme] || value[DEFAULT_THEME];\n    } else {\n        return value;\n    }\n}\n"]}

package/build/esm/utils/url.js

@@ -39,3 +39,4 @@ 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.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"url.js","sourceRoot":"../../../src","sources":["utils/url.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAE,KAAK,EAAC,MAAM,KAAK,CAAC;AAIlC,MAAM,WAAW,GAAG,qBAAqB,CAAC;AAC1C,MAAM,CAAC,MAAM,mBAAmB,GAAG,EAAC,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,qBAAqB,EAAC,CAAC;AAElF,MAAM,UAAU,YAAY,CAAC,GAAW,EAAE,QAAiB,EAAE,MAAe;IACxE,IAAI,SAAS,GAAG,EAAC,MAAM,EAAC,CAAC;IAEzB,IAAI,cAAc,CAAC,GAAG,EAAE,QAAQ,CAAC,EAAE,CAAC;QAChC,SAAS,mCAAO,SAAS,GAAK,mBAAmB,CAAC,CAAC;IACvD,CAAC;IAED,OAAO,SAAS,CAAC;AACrB,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,GAAiB;IAC3C,+CAA+C;IAC/C,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC;IAEzC,OAAO;IACH,kFAAkF;IAClF,MAAM,CAAC,MAAM,KAAK,WAAW,IAAI,CAAC,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,CAC5F,CAAC;AACN,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,GAAW,EAAE,cAAuB;IAC/D,OAAO,CACH,aAAa,CAAC,GAAG,CAAC;QAClB,oBAAoB,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,KAAK,oBAAoB,CAAC,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,EAAE,CAAC,CAC7F,CAAC;AACN,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,QAAgB;IACjD,OAAO,QAAQ,CAAC,OAAO,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;AAC/C,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,GAAW,EAAE,GAAG,GAAG,IAAI;IAC7C,OAAO,OAAO,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,OAAO,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;AACzE,CAAC;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,QAAe,EAAE,EAAE,EAAE;IACrD,MAAM,YAAY,GAAG,IAAI,eAAe,EAAE,CAAC;IAE3C,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;QAC3C,YAAY,CAAC,GAAG,CAAC,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;IACzC,CAAC,CAAC,CAAC;IAEH,OAAO,YAAY,CAAC;AACxB,CAAC,CAAC;AAEF,MAAM,UAAU,eAAe,CAAC,QAAiB,EAAE,QAAiB,EAAE,GAAY;IAC9E,IAAI,CAAC,QAAQ,EAAE,CAAC;QACZ,OAAO,GAAG,aAAH,GAAG,cAAH,GAAG,GAAI,EAAE,CAAC;IACrB,CAAC;IAED,MAAM,MAAM,GAAG,KAAK,CAAC,GAAG,IAAI,EAAE,CAAC,CAAC;IAEhC,OAAO,MAAM,iCACN,MAAM,KACT,QAAQ,EAAE,MAAM,CAAC,QAAQ,IAAI,OAAO,EACpC,QAAQ,EAAE,MAAM,CAAC,QAAQ,IAAI,QAAQ,EACrC,QAAQ,EAAE,MAAM,CAAC,QAAQ,IAAI,QAAQ,IACvC,CAAC;AACP,CAAC","sourcesContent":["import {format, parse} from 'url';\n\nexport type Query = Record<string, number | string | null>;\n\nconst EXAMPLE_URL = 'https://example.org';\nexport const EXTERNAL_LINK_PROPS = {target: '_blank', rel: 'noopener noreferrer'};\n\nexport function getLinkProps(url: string, hostname?: string, target?: string) {\n    let linkProps = {target};\n\n    if (isLinkExternal(url, hostname)) {\n        linkProps = {...linkProps, ...EXTERNAL_LINK_PROPS};\n    }\n\n    return linkProps;\n}\n\nexport function isAbsoluteUrl(url: string | URL) {\n    // Using example URL as base for relative links\n    const urlObj = new URL(url, EXAMPLE_URL);\n\n    return (\n        // Compare url origin with example and check that original url was not example one\n        urlObj.origin !== EXAMPLE_URL || (typeof url === 'string' && url.startsWith(EXAMPLE_URL))\n    );\n}\n\nexport function isLinkExternal(url: string, routerHostname?: string) {\n    return (\n        isAbsoluteUrl(url) &&\n        getNonLocaleHostName(new URL(url).hostname) !== getNonLocaleHostName(routerHostname ?? '')\n    );\n}\n\nexport function getNonLocaleHostName(hostname: string) {\n    return hostname.replace(/\\.(ru|com)$/, '');\n}\n\nexport function setUrlTld(url: string, tld = 'ru') {\n    return typeof url === 'string' ? url?.replace(/\\${tld}/g, tld) : url;\n}\n\nexport const getPageSearchParams = (query: Query = {}) => {\n    const searchParams = new URLSearchParams();\n\n    Object.entries(query).forEach(([key, value]) => {\n        searchParams.set(key, String(value));\n    });\n\n    return searchParams;\n};\n\nexport function getAbsolutePath(hostname?: string, pathname?: string, url?: string) {\n    if (!pathname) {\n        return url ?? '';\n    }\n\n    const parsed = parse(url || '');\n\n    return format({\n        ...parsed,\n        protocol: parsed.protocol || 'https',\n        hostname: parsed.hostname || hostname,\n        pathname: parsed.pathname || pathname,\n    });\n}\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"url.test.js","sourceRoot":"../../../src","sources":["utils/url.test.ts"],"names":[],"mappings":"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","sourcesContent":["import {getLinkProps, isAbsoluteUrl, isLinkExternal} from './url';\n\ndescribe('URL utils check', () => {\n    test.each([\n        ['https://user:pass@sub.example.com:8080/p/a/t/h?query=string&query2=1#hash', true],\n        ['http://example.net/path', true],\n        ['/p/a/t/h?query=string&query2=1#hash', false],\n        ['/path', false],\n        ['path', false],\n    ])(\"isAbsoluteUrl('%s') should return '%s'\", (url, result) => {\n        expect(isAbsoluteUrl(url)).toEqual(result);\n    });\n\n    test.each([\n        [\n            'https://user:pass@sub.example.com:8080/p/a/t/h?query=string&query2=1#hash',\n            'example.net',\n            true,\n        ],\n        [\n            'https://user:pass@sub.example.com:8080/p/a/t/h?query=string&query2=1#hash',\n            'sub.example.com',\n            false,\n        ],\n        [\n            'https://user:pass@sub.example.com:8080/p/a/t/h?query=string&query2=1#hash',\n            undefined,\n            true,\n        ],\n        ['http://example.net/path', 'example.net', false],\n        ['http://example.net/path', 'sub.example.com', true],\n        ['http://example.net/path', undefined, true],\n        ['/p/a/t/h?query=string&query2=1#hash', 'example.net', false],\n        ['/p/a/t/h?query=string&query2=1#hash', undefined, false],\n        ['/path', 'example.net', false],\n        ['/path', undefined, false],\n        ['path', 'example.net', false],\n        ['path', undefined, false],\n    ])(\"isLinkExternal('%s', '%s') should return '%s'\", (url, hostname, result) => {\n        expect(isLinkExternal(url, hostname)).toEqual(result);\n    });\n\n    test.each([\n        ['http://example.net/path', 'example.net', '_blank', {target: '_blank'}],\n        ['http://example.net/path', 'example.net', undefined, {}],\n        [\n            'http://example.net/path',\n            'example.com',\n            '_blank',\n            {target: '_blank', rel: 'noopener noreferrer'},\n        ],\n        [\n            'http://example.net/path',\n            'example.com',\n            undefined,\n            {target: '_blank', rel: 'noopener noreferrer'},\n        ],\n        [\n            'http://example.net/path',\n            undefined,\n            '_blank',\n            {target: '_blank', rel: 'noopener noreferrer'},\n        ],\n        [\n            'http://example.net/path',\n            undefined,\n            undefined,\n            {target: '_blank', rel: 'noopener noreferrer'},\n        ],\n\n        ['/path', 'example.net', '_blank', {target: '_blank'}],\n        ['/path', 'example.net', undefined, {}],\n        ['/path', undefined, '_blank', {target: '_blank'}],\n        ['/path', undefined, undefined, {}],\n    ])(\"getLinkProps('%s', '%s', '%s') should return '%s'\", (url, hostname, target, result) => {\n        expect(getLinkProps(url, hostname, target)).toEqual(result);\n    });\n});\n"]}

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "@gravity-ui/page-constructor",
-  "version": "5.33.3",
+  "version": "5.33.4-beta.0",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
+  "type": "commonjs",
   "repository": {
     "type": "git",
     "url": "https://github.com/gravity-ui/page-constructor"
@@ -91,14 +92,19 @@
   },
   "dependencies": {
     "@bem-react/classname": "^1.6.0",
-    "@gravity-ui/components": "^3.8.0",
-    "@gravity-ui/dynamic-forms": "^4.11.0",
-    "@gravity-ui/i18n": "^1.3.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",
     "@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",
@@ -111,29 +117,30 @@
     "sanitize-html": "2.12.1",
     "snakecase-keys": "^5.1.0",
     "swiper": "^6.8.4",
-    "typograf": "^6.14.0",
+    "typograf": "^7.4.1",
     "utility-types": "^3.10.0",
     "uuid": "^9.0.0"
   },
   "peerDependencies": {
     "@diplodoc/transform": "^4.10.4",
-    "@gravity-ui/uikit": "^6.0.0",
-    "react": "^16.0.0 || ^17.0.0 || ^18.0.0"
+    "@gravity-ui/uikit": "^7.0.0-beta.5",
+    "react": "^16.14.0 || ^17.0.0 || ^18.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.22.8",
-    "@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",
+    "@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",
     "@diplodoc/transform": "^4.10.8",
-    "@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/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/tsconfig": "^1.0.0",
-    "@gravity-ui/uikit": "^6.23.1",
+    "@gravity-ui/uikit": "^7.0.0-beta.5",
     "@playwright/experimental-ct-react": "^1.45.3",
     "@playwright/test": "^1.45.3",
     "@storybook/addon-actions": "8.0.5",
@@ -146,13 +153,13 @@
     "@storybook/react": "8.0.5",
     "@storybook/react-webpack5": "8.0.5",
     "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^13.4.0",
+    "@testing-library/react": "^16.1.0",
     "@testing-library/user-event": "^14.4.3",
-    "@types/jest": "^29.2.4",
+    "@types/jest": "^29.5.14",
     "@types/js-yaml": "^4.0.5",
     "@types/json-schema": "^7.0.12",
     "@types/lodash": "^4.14.176",
-    "@types/react": "^18.0.27",
+    "@types/react": "^18.3.18",
     "@types/react-dom": "^18.0.10",
     "@types/react-slick": "^0.23.7",
     "@types/react-transition-group": "^4.4.4",
@@ -164,12 +171,11 @@
     "babel-loader": "^8.3.0",
     "css-loader": "^5.2.7",
     "es5-ext": "0.10.53",
-    "eslint": "^8.34.0",
+    "eslint": "^8.57.1",
     "eslint-plugin-no-not-accumulator-reassign": "^0.1.0",
-    "eslint-plugin-react": "^7.33.0",
-    "eslint-plugin-testing-library": "^5.9.1",
-    "gulp": "^4.0.2",
-    "gulp-dart-sass": "^1.0.2",
+    "eslint-plugin-react": "^7.37.4",
+    "eslint-plugin-testing-library": "^6.5.0",
+    "gulp": "^5.0.0",
     "gulp-replace": "^1.1.4",
     "gulp-ts-alias": "^2.0.0",
     "gulp-typescript": "^6.0.0-alpha.1",
@@ -178,7 +184,7 @@
     "husky": "^7.0.4",
     "jest": "^29.3.1",
     "jest-environment-jsdom": "^29.3.1",
-    "jest-transform-css": "^6.0.0",
+    "jest-transform-css": "^6.0.2",
     "js-yaml": "^4.1.0",
     "lint-staged": "^11.2.6",
     "markdown-loader": "^6.0.0",
@@ -189,23 +195,23 @@
     "postcss-loader": "^4.3.0",
     "postcss-preset-env": "^9.0.0",
     "postcss-scss": "^4.0.4",
-    "prettier": "2.4.1",
-    "react": "^18.2.0",
+    "prettier": "^3.4.2",
+    "react": "^18.3.1",
     "react-docgen-typescript": "^2.2.2",
-    "react-dom": "^18.2.0",
+    "react-dom": "^18.3.1",
     "resolve-url-loader": "^3.1.5",
-    "rimraf": "^3.0.2",
+    "rimraf": "^6.0.1",
     "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": "^14.11.0",
+    "stylelint": "^15.11.0",
     "svg-sprite-loader": "^6.0.11",
     "terser-webpack-plugin": "^5.3.9",
-    "ts-jest": "^29.0.3",
+    "ts-jest": "^29.2.5",
     "tslib": "^2.4.0",
-    "typescript": "^4.9.4",
+    "typescript": "^5.7.3",
     "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 || (exports.GridJustifyContent = {}));
+})(GridJustifyContent || (exports.GridJustifyContent = GridJustifyContent = {}));
 var GridAlignItems;
 (function (GridAlignItems) {
     GridAlignItems["Start"] = "align-items-start";
     GridAlignItems["Center"] = "align-items-center";
     GridAlignItems["End"] = "align-items-end";
-})(GridAlignItems = exports.GridAlignItems || (exports.GridAlignItems = {}));
+})(GridAlignItems || (exports.GridAlignItems = 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 || (exports.GridColumnSize = {}));
+})(GridColumnSize || (exports.GridColumnSize = GridColumnSize = {}));
 var GridColumnAlignSelf;
 (function (GridColumnAlignSelf) {
     GridColumnAlignSelf["Start"] = "align-self-start";
     GridColumnAlignSelf["Center"] = "align-self-center";
     GridColumnAlignSelf["End"] = "align-self-end";
-})(GridColumnAlignSelf = exports.GridColumnAlignSelf || (exports.GridColumnAlignSelf = {}));
+})(GridColumnAlignSelf || (exports.GridColumnAlignSelf = GridColumnAlignSelf = {}));
 var GridColumnClassPrefix;
 (function (GridColumnClassPrefix) {
     GridColumnClassPrefix["Col"] = "col";
     GridColumnClassPrefix["Offset"] = "offset";
     GridColumnClassPrefix["Order"] = "order";
-})(GridColumnClassPrefix = exports.GridColumnClassPrefix || (exports.GridColumnClassPrefix = {}));
+})(GridColumnClassPrefix || (exports.GridColumnClassPrefix = GridColumnClassPrefix = {}));
 var GridColumnVisibilityClass;
 (function (GridColumnVisibilityClass) {
     GridColumnVisibilityClass["None"] = "none";
     GridColumnVisibilityClass["Block"] = "block";
-})(GridColumnVisibilityClass = exports.GridColumnVisibilityClass || (exports.GridColumnVisibilityClass = {}));
+})(GridColumnVisibilityClass || (exports.GridColumnVisibilityClass = GridColumnVisibilityClass = {}));
 var GridColumnOrderClasses;
 (function (GridColumnOrderClasses) {
     GridColumnOrderClasses["First"] = "first";
     GridColumnOrderClasses["Last"] = "last";
-})(GridColumnOrderClasses = exports.GridColumnOrderClasses || (exports.GridColumnOrderClasses = {}));
+})(GridColumnOrderClasses || (exports.GridColumnOrderClasses = GridColumnOrderClasses = {}));

package/server/models/common.d.ts

@@ -1,4 +1,3 @@
-/// <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 || (exports.Theme = {}));
+})(Theme || (exports.Theme = 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 || (exports.PredefinedEventTypes = {}));
+})(PredefinedEventTypes || (exports.PredefinedEventTypes = 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 || (exports.DefaultEventNames = {}));
+})(DefaultEventNames || (exports.DefaultEventNames = DefaultEventNames = {}));

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { ButtonSize } from '@gravity-ui/uikit';
 import { GridColumnSize, GridColumnSizesType, IndentValue } from '../../grid/types';
 import { ThemeSupporting } from '../../utils';

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

@@ -24,7 +24,7 @@ var BlockType;
     BlockType["FormBlock"] = "form-block";
     // unstable
     BlockType["SliderNewBlock"] = "slider-new-block";
-})(BlockType = exports.BlockType || (exports.BlockType = {}));
+})(BlockType || (exports.BlockType = BlockType = {}));
 exports.BlockTypes = Object.values(BlockType);
 exports.HeaderBlockTypes = [BlockType.HeaderBlock, BlockType.HeaderSliderBlock];
 var SliderBreakpointNames;
@@ -33,12 +33,12 @@ var SliderBreakpointNames;
     SliderBreakpointNames["Md"] = "md";
     SliderBreakpointNames["Lg"] = "lg";
     SliderBreakpointNames["Xl"] = "xl";
-})(SliderBreakpointNames = exports.SliderBreakpointNames || (exports.SliderBreakpointNames = {}));
+})(SliderBreakpointNames || (exports.SliderBreakpointNames = SliderBreakpointNames = {}));
 var SliderType;
 (function (SliderType) {
     SliderType["MediaCard"] = "media-card";
     SliderType["HeaderCard"] = "header-card";
-})(SliderType = exports.SliderType || (exports.SliderType = {}));
+})(SliderType || (exports.SliderType = SliderType = {}));
 var PCShareSocialNetwork;
 (function (PCShareSocialNetwork) {
     PCShareSocialNetwork["Vk"] = "vk";
@@ -46,15 +46,15 @@ var PCShareSocialNetwork;
     PCShareSocialNetwork["Twitter"] = "twitter";
     PCShareSocialNetwork["Facebook"] = "facebook";
     PCShareSocialNetwork["LinkedIn"] = "linkedin";
-})(PCShareSocialNetwork = exports.PCShareSocialNetwork || (exports.PCShareSocialNetwork = {}));
+})(PCShareSocialNetwork || (exports.PCShareSocialNetwork = PCShareSocialNetwork = {}));
 var FormBlockDataTypes;
 (function (FormBlockDataTypes) {
     FormBlockDataTypes["YANDEX"] = "yandex";
     FormBlockDataTypes["HUBSPOT"] = "hubspot";
-})(FormBlockDataTypes = exports.FormBlockDataTypes || (exports.FormBlockDataTypes = {}));
+})(FormBlockDataTypes || (exports.FormBlockDataTypes = FormBlockDataTypes = {}));
 var FormBlockDirection;
 (function (FormBlockDirection) {
     FormBlockDirection["FormContent"] = "form-content";
     FormBlockDirection["ContentForm"] = "content-form";
     FormBlockDirection["Center"] = "center";
-})(FormBlockDirection = exports.FormBlockDirection || (exports.FormBlockDirection = {}));
+})(FormBlockDirection || (exports.FormBlockDirection = FormBlockDirection = {}));

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

@@ -1,4 +1,4 @@
-import React, { CSSProperties, DetailedHTMLProps, HTMLProps, ImgHTMLAttributes, ReactNode } from 'react';
+import * as React from 'react';
 import { ButtonView, ButtonProps as UikitButtonProps } from '@gravity-ui/uikit';
 import { ThemeSupporting } from '../../utils';
 import { AnalyticsEventsBase, AnalyticsEventsProp, ClassNameProps, QAProps } from '../common';
@@ -43,7 +43,7 @@ export declare enum MediaVideoControlsType {
     Custom = "custom"
 }
 export declare enum QuoteType {
-    Chevron = "chevron",
+    Chevron = "chevron",// « »
     EnglishDouble = "english-double"
 }
 export type TextTheme = 'light' | 'dark';
@@ -97,7 +97,7 @@ interface LoopProps {
     start: number;
     end?: number;
 }
-export interface ImageInfoProps extends Pick<DetailedHTMLProps<ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, 'aria-describedby' | 'loading'> {
+export interface ImageInfoProps extends Pick<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, 'aria-describedby' | 'loading'> {
     alt?: string;
     fetchPriority?: 'high' | 'low' | 'auto';
     disableCompress?: boolean;
@@ -113,7 +113,7 @@ export interface ImageDeviceProps extends ImageInfoProps {
 export type ImageProps = string | ImageObjectProps | ImageDeviceProps;
 export type ThemedImage = ThemeSupporting<ImageProps>;
 export interface BackgroundImageProps extends React.HTMLProps<HTMLDivElement>, Partial<ImageDeviceProps>, Partial<ImageObjectProps>, QAProps {
-    style?: CSSProperties;
+    style?: React.CSSProperties;
     imageClassName?: string;
     hide?: boolean;
 }
@@ -139,17 +139,17 @@ export interface LinkProps extends AnalyticsEventsBase, Stylable, Tabbable {
     colorTheme?: TextTheme;
     arrow?: boolean;
     target?: string;
-    extraProps?: HTMLProps<HTMLAnchorElement>;
+    extraProps?: React.HTMLProps<HTMLAnchorElement>;
 }
 export interface FileLinkProps extends ClassNameProps, Tabbable {
     href: string;
-    text: ReactNode;
+    text: React.ReactNode;
     type?: FileLinkType;
     textSize?: TextSize;
     theme?: ContentTheme;
     urlTitle?: string;
     onClick?: () => void;
-    extraProps?: HTMLProps<HTMLAnchorElement>;
+    extraProps?: React.HTMLProps<HTMLAnchorElement>;
 }
 export type ButtonTheme = ButtonView | 'github' | 'app-store' | 'google-play' | 'scale' | 'monochrome';
 export interface ButtonProps extends AnalyticsEventsBase, Pick<UikitButtonProps, 'size' | 'width' | 'extraProps'> {
@@ -268,7 +268,7 @@ export interface AuthorItem {
 export interface HeaderBreadCrumbsProps extends ClassNameProps {
     items: {
         url: string;
-        text: ReactNode;
+        text: React.ReactNode;
     }[];
     theme?: TextTheme;
     analyticsEvents?: AnalyticsEventsProp;
@@ -282,7 +282,7 @@ export interface TitleItemBaseProps {
     textSize?: TextSize;
     url?: string;
     urlTitle?: string;
-    custom?: string | ReactNode;
+    custom?: string | React.ReactNode;
     onClick?: () => void;
 }
 export type MediaView = 'fit' | 'full';

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

@@ -6,12 +6,12 @@ var AuthorType;
 (function (AuthorType) {
     AuthorType["Column"] = "column";
     AuthorType["Line"] = "line";
-})(AuthorType = exports.AuthorType || (exports.AuthorType = {}));
+})(AuthorType || (exports.AuthorType = AuthorType = {}));
 var PriceDetailsType;
 (function (PriceDetailsType) {
     PriceDetailsType["MARKED_LIST"] = "marked-list";
     PriceDetailsType["SETTINGS"] = "settings";
-})(PriceDetailsType = exports.PriceDetailsType || (exports.PriceDetailsType = {}));
+})(PriceDetailsType || (exports.PriceDetailsType = PriceDetailsType = {}));
 var PriceLabelColor;
 (function (PriceLabelColor) {
     PriceLabelColor["BLUE"] = "blue";
@@ -19,40 +19,40 @@ var PriceLabelColor;
     PriceLabelColor["YELLOW"] = "yellow";
     PriceLabelColor["PURPLE"] = "purple";
     PriceLabelColor["RED"] = "red";
-})(PriceLabelColor = exports.PriceLabelColor || (exports.PriceLabelColor = {}));
+})(PriceLabelColor || (exports.PriceLabelColor = PriceLabelColor = {}));
 var PlayButtonType;
 (function (PlayButtonType) {
     PlayButtonType["Default"] = "default";
     PlayButtonType["Text"] = "text";
-})(PlayButtonType = exports.PlayButtonType || (exports.PlayButtonType = {}));
+})(PlayButtonType || (exports.PlayButtonType = PlayButtonType = {}));
 var PlayButtonThemes;
 (function (PlayButtonThemes) {
     PlayButtonThemes["Blue"] = "blue";
     PlayButtonThemes["Grey"] = "grey";
-})(PlayButtonThemes = exports.PlayButtonThemes || (exports.PlayButtonThemes = {}));
+})(PlayButtonThemes || (exports.PlayButtonThemes = PlayButtonThemes = {}));
 var CustomControlsType;
 (function (CustomControlsType) {
     CustomControlsType["WithMuteButton"] = "with-mute-button";
     CustomControlsType["WithPlayPauseButton"] = "with-play-pause-button";
-})(CustomControlsType = exports.CustomControlsType || (exports.CustomControlsType = {}));
+})(CustomControlsType || (exports.CustomControlsType = CustomControlsType = {}));
 var CustomControlsButtonPositioning;
 (function (CustomControlsButtonPositioning) {
     CustomControlsButtonPositioning["Left"] = "left";
     CustomControlsButtonPositioning["Right"] = "right";
     CustomControlsButtonPositioning["Center"] = "center";
-})(CustomControlsButtonPositioning = exports.CustomControlsButtonPositioning || (exports.CustomControlsButtonPositioning = {}));
+})(CustomControlsButtonPositioning || (exports.CustomControlsButtonPositioning = CustomControlsButtonPositioning = {}));
 var MediaVideoType;
 (function (MediaVideoType) {
     MediaVideoType["Default"] = "default";
     MediaVideoType["Player"] = "player";
-})(MediaVideoType = exports.MediaVideoType || (exports.MediaVideoType = {}));
+})(MediaVideoType || (exports.MediaVideoType = MediaVideoType = {}));
 var MediaVideoControlsType;
 (function (MediaVideoControlsType) {
     MediaVideoControlsType["Default"] = "default";
     MediaVideoControlsType["Custom"] = "custom";
-})(MediaVideoControlsType = exports.MediaVideoControlsType || (exports.MediaVideoControlsType = {}));
+})(MediaVideoControlsType || (exports.MediaVideoControlsType = MediaVideoControlsType = {}));
 var QuoteType;
 (function (QuoteType) {
     QuoteType["Chevron"] = "chevron";
     QuoteType["EnglishDouble"] = "english-double";
-})(QuoteType = exports.QuoteType || (exports.QuoteType = {}));
+})(QuoteType || (exports.QuoteType = QuoteType = {}));

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

@@ -22,15 +22,15 @@ var SubBlockType;
     SubBlockType["Card"] = "card";
     SubBlockType["PriceCard"] = "price-card";
     SubBlockType["ImageCard"] = "image-card";
-})(SubBlockType = exports.SubBlockType || (exports.SubBlockType = {}));
+})(SubBlockType || (exports.SubBlockType = SubBlockType = {}));
 var IconPosition;
 (function (IconPosition) {
     IconPosition["Top"] = "top";
     IconPosition["Left"] = "left";
-})(IconPosition = exports.IconPosition || (exports.IconPosition = {}));
+})(IconPosition || (exports.IconPosition = IconPosition = {}));
 var ImageCardDirection;
 (function (ImageCardDirection) {
     ImageCardDirection["Direct"] = "direct";
     ImageCardDirection["Reverse"] = "reverse";
-})(ImageCardDirection = exports.ImageCardDirection || (exports.ImageCardDirection = {}));
+})(ImageCardDirection || (exports.ImageCardDirection = ImageCardDirection = {}));
 exports.SubBlockTypes = Object.values(SubBlockType);

package/server/models/constructor.d.ts

@@ -1,4 +1,4 @@
-import React, { PropsWithChildren } from 'react';
+import * as React from 'react';
 import { Animatable, BlockDecorationProps, ConstructorItem, ThemedMediaProps } from './';
 export interface PageData {
     content: PageContent;
@@ -28,7 +28,7 @@ export type FetchLoadableData<TData = LoadableData> = (params: FetchLoadableData
 export type ShouldRenderBlock = (block: ConstructorBlock, blockKey: string) => Boolean;
 export type OnInit = (data: InitConstrucorState) => void;
 type ComponentProps = React.ComponentProps<React.ComponentClass<any>>;
-export type CustomItem = React.PropsWithChildren<ComponentProps> | React.ComponentType<PropsWithChildren<ComponentProps>>;
+export type CustomItem = React.PropsWithChildren<ComponentProps> | React.ComponentType<React.PropsWithChildren<ComponentProps>>;
 export type CustomItems = Record<string, CustomItem>;
 export interface LoadableConfigItem {
     fetch: FetchLoadableData;

package/server/models/customization.d.ts

@@ -1,6 +1,6 @@
-import { PropsWithChildren } from 'react';
+import * as React from 'react';
 import { BlockBaseProps, BlockType } from './constructor-items';
-export interface BlockDecorationProps extends PropsWithChildren, BlockBaseProps {
+export interface BlockDecorationProps extends React.PropsWithChildren, BlockBaseProps {
     type: BlockType | string;
     index?: number;
 }