@gravity-ui/page-constructor 6.0.0-alpha.6 → 6.0.0-beta.1

package/build/cjs/context/ssrContext/SSRContext.js

@@ -2,5 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SSRContext = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-exports.SSRContext = react_1.default.createContext({});
+const React = tslib_1.__importStar(require("react"));
+exports.SSRContext = React.createContext({});
+//# sourceMappingURL=SSRContext.js.map

package/build/cjs/context/ssrContext/SSRContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SSRContext.js","sourceRoot":"../../../../src","sources":["context/ssrContext/SSRContext.ts"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAKlB,QAAA,UAAU,GAAG,KAAK,CAAC,aAAa,CAAkB,EAAE,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nexport interface SSRContextProps {\n    isServer?: boolean;\n}\n\nexport const SSRContext = React.createContext<SSRContextProps>({});\n"]}

package/build/cjs/context/ssrContext/index.d.ts

@@ -1 +1 @@
-export * from './SSRContext';
+export * from "./SSRContext.js";

package/build/cjs/context/ssrContext/index.js

@@ -1,4 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./SSRContext"), exports);
+tslib_1.__exportStar(require("./SSRContext.js"), exports);
+//# sourceMappingURL=index.js.map

package/build/cjs/context/ssrContext/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["context/ssrContext/index.ts"],"names":[],"mappings":";;;AAAA,0DAA6B","sourcesContent":["export * from './SSRContext';\n"]}

package/build/cjs/context/stylesContext/StylesContext.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 export interface StylesContextProps {
     setStyles: (newValues: Record<string, string>) => void;
     pricesDetailedDescriptionHeight?: string;

package/build/cjs/context/stylesContext/StylesContext.js

@@ -2,5 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StylesContext = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-exports.StylesContext = react_1.default.createContext({ setStyles: () => { } });
+const React = tslib_1.__importStar(require("react"));
+exports.StylesContext = React.createContext({ setStyles: () => { } });
+//# sourceMappingURL=StylesContext.js.map

package/build/cjs/context/stylesContext/StylesContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StylesContext.js","sourceRoot":"../../../../src","sources":["context/stylesContext/StylesContext.ts"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAMlB,QAAA,aAAa,GAAG,KAAK,CAAC,aAAa,CAAqB,EAAC,SAAS,EAAE,GAAG,EAAE,GAAE,CAAC,EAAC,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nexport interface StylesContextProps {\n    setStyles: (newValues: Record<string, string>) => void;\n    pricesDetailedDescriptionHeight?: string;\n}\n\nexport const StylesContext = React.createContext<StylesContextProps>({setStyles: () => {}});\n"]}

package/build/cjs/context/stylesContext/index.d.ts

@@ -1 +1 @@
-export * from './StylesContext';
+export * from "./StylesContext.js";

package/build/cjs/context/stylesContext/index.js

@@ -1,4 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./StylesContext"), exports);
+tslib_1.__exportStar(require("./StylesContext.js"), exports);
+//# sourceMappingURL=index.js.map

package/build/cjs/context/stylesContext/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["context/stylesContext/index.ts"],"names":[],"mappings":";;;AAAA,6DAAgC","sourcesContent":["export * from './StylesContext';\n"]}

package/build/cjs/context/theme/ThemeContext.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { Theme } from '../../models';
+import * as React from 'react';
+import { Theme } from "../../models/index.js";
 export interface ThemeContextProps {
     theme: Theme;
 }

package/build/cjs/context/theme/ThemeContext.js

@@ -2,9 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ThemeContext = exports.initialValue = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const constants_1 = require("../../components/constants");
+const React = tslib_1.__importStar(require("react"));
+const constants_1 = require("../../components/constants.js");
 exports.initialValue = {
     theme: constants_1.DEFAULT_THEME,
 };
-exports.ThemeContext = react_1.default.createContext(exports.initialValue);
+exports.ThemeContext = React.createContext(exports.initialValue);
+//# sourceMappingURL=ThemeContext.js.map

package/build/cjs/context/theme/ThemeContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeContext.js","sourceRoot":"../../../../src","sources":["context/theme/ThemeContext.ts"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,6DAAyD;AAO5C,QAAA,YAAY,GAAsB;IAC3C,KAAK,EAAE,yBAAa;CACvB,CAAC;AAEW,QAAA,YAAY,GAAG,KAAK,CAAC,aAAa,CAAC,oBAAY,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {DEFAULT_THEME} from '../../components/constants';\nimport {Theme} from '../../models';\n\nexport interface ThemeContextProps {\n    theme: Theme;\n}\n\nexport const initialValue: ThemeContextProps = {\n    theme: DEFAULT_THEME,\n};\n\nexport const ThemeContext = React.createContext(initialValue);\n"]}

package/build/cjs/context/theme/index.d.ts

@@ -1,3 +1,3 @@
-export * from './ThemeContext';
-export * from './useTheme';
-export * from './withTheme';
+export * from "./ThemeContext.js";
+export * from "./useTheme.js";
+export * from "./withTheme.js";

package/build/cjs/context/theme/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./ThemeContext"), exports);
-tslib_1.__exportStar(require("./useTheme"), exports);
-tslib_1.__exportStar(require("./withTheme"), exports);
+tslib_1.__exportStar(require("./ThemeContext.js"), exports);
+tslib_1.__exportStar(require("./useTheme.js"), exports);
+tslib_1.__exportStar(require("./withTheme.js"), exports);
+//# sourceMappingURL=index.js.map

package/build/cjs/context/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["context/theme/index.ts"],"names":[],"mappings":";;;AAAA,4DAA+B;AAC/B,wDAA2B;AAC3B,yDAA4B","sourcesContent":["export * from './ThemeContext';\nexport * from './useTheme';\nexport * from './withTheme';\n"]}

package/build/cjs/context/theme/useTheme.d.ts

@@ -1,2 +1,2 @@
-import { ThemeContextProps } from './ThemeContext';
+import { ThemeContextProps } from "./ThemeContext.js";
 export declare function useTheme(): ThemeContextProps['theme'];

package/build/cjs/context/theme/useTheme.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTheme = void 0;
+exports.useTheme = useTheme;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const ThemeContext_1 = require("./ThemeContext");
+const React = tslib_1.__importStar(require("react"));
+const ThemeContext_1 = require("./ThemeContext.js");
 function useTheme() {
-    const { theme } = react_1.default.useContext(ThemeContext_1.ThemeContext);
+    const { theme } = React.useContext(ThemeContext_1.ThemeContext);
     return theme;
 }
-exports.useTheme = useTheme;
+//# sourceMappingURL=useTheme.js.map

package/build/cjs/context/theme/useTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.js","sourceRoot":"../../../../src","sources":["context/theme/useTheme.ts"],"names":[],"mappings":";;AAIA,4BAIC;;AARD,qDAA+B;AAE/B,oDAA+D;AAE/D,SAAgB,QAAQ;IACpB,MAAM,EAAC,KAAK,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,2BAAY,CAAC,CAAC;IAE/C,OAAO,KAAK,CAAC;AACjB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {ThemeContext, ThemeContextProps} from './ThemeContext';\n\nexport function useTheme(): ThemeContextProps['theme'] {\n    const {theme} = React.useContext(ThemeContext);\n\n    return theme;\n}\n"]}

package/build/cjs/context/theme/withTheme.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
+import * as React from 'react';
 import { Subtract } from 'utility-types';
-import { ThemeContextProps } from './ThemeContext';
+import { ThemeContextProps } from "./ThemeContext.js";
 export interface WithThemeProps extends ThemeContextProps {
 }
 export declare function withTheme<T extends WithThemeProps>(WrappedComponent: React.ComponentType<T>): React.ComponentType<Subtract<T, WithThemeProps>>;

package/build/cjs/context/theme/withTheme.js

@@ -1,19 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.withTheme = void 0;
+exports.withTheme = withTheme;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const ThemeContext_1 = require("./ThemeContext");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
+const ThemeContext_1 = require("./ThemeContext.js");
 function withTheme(WrappedComponent) {
     var _a;
     const componentName = WrappedComponent.displayName || WrappedComponent.name || 'Component';
-    return _a = class WithThemeComponent extends react_1.default.Component {
+    return _a = class WithThemeComponent extends React.Component {
             render() {
-                return react_1.default.createElement(WrappedComponent, Object.assign({}, this.props, { theme: this.context.theme }));
+                return (0, jsx_runtime_1.jsx)(WrappedComponent, Object.assign({}, this.props, { theme: this.context.theme }));
             }
         },
         _a.displayName = `withTheme(${componentName})`,
         _a.contextType = ThemeContext_1.ThemeContext,
         _a;
 }
-exports.withTheme = withTheme;
+//# sourceMappingURL=withTheme.js.map

package/build/cjs/context/theme/withTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withTheme.js","sourceRoot":"../../../../src","sources":["context/theme/withTheme.tsx"],"names":[],"mappings":";;AAQA,8BAcC;;;AAtBD,qDAA+B;AAI/B,oDAA+D;AAI/D,SAAgB,SAAS,CACrB,gBAAwC;;IAExC,MAAM,aAAa,GAAG,gBAAgB,CAAC,WAAW,IAAI,gBAAgB,CAAC,IAAI,IAAI,WAAW,CAAC;IAE3F,YAAO,MAAM,kBAAmB,SAAQ,KAAK,CAAC,SAAsC;YAKhF,MAAM;gBACF,OAAO,uBAAC,gBAAgB,oBAAM,IAAI,CAAC,KAAW,IAAE,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;YAClF,CAAC;SACJ;QAPU,cAAW,GAAG,aAAa,aAAa,GAAI;QAC5C,cAAW,GAAG,2BAAa;WAMpC;AACN,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Subtract} from 'utility-types';\n\nimport {ThemeContext, ThemeContextProps} from './ThemeContext';\n\nexport interface WithThemeProps extends ThemeContextProps {}\n\nexport function withTheme<T extends WithThemeProps>(\n    WrappedComponent: React.ComponentType<T>,\n): React.ComponentType<Subtract<T, WithThemeProps>> {\n    const componentName = WrappedComponent.displayName || WrappedComponent.name || 'Component';\n\n    return class WithThemeComponent extends React.Component<Subtract<T, WithThemeProps>> {\n        static displayName = `withTheme(${componentName})`;\n        static contextType = ThemeContext;\n        context!: ThemeContextProps;\n\n        render() {\n            return <WrappedComponent {...(this.props as T)} theme={this.context.theme} />;\n        }\n    };\n}\n"]}

package/build/cjs/context/videoContext/VideoContext.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 export interface VideoContextProps {
     setProps: (newValues: Record<string, unknown>) => void;
     playingVideoRef?: HTMLDivElement;

package/build/cjs/context/videoContext/VideoContext.js

@@ -2,5 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VideoContext = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-exports.VideoContext = react_1.default.createContext({ setProps: () => { } });
+const React = tslib_1.__importStar(require("react"));
+exports.VideoContext = React.createContext({ setProps: () => { } });
+//# sourceMappingURL=VideoContext.js.map

package/build/cjs/context/videoContext/VideoContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoContext.js","sourceRoot":"../../../../src","sources":["context/videoContext/VideoContext.ts"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAOlB,QAAA,YAAY,GAAG,KAAK,CAAC,aAAa,CAAoB,EAAC,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,EAAC,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nexport interface VideoContextProps {\n    setProps: (newValues: Record<string, unknown>) => void;\n    playingVideoRef?: HTMLDivElement;\n}\n\nexport const VideoContext = React.createContext<VideoContextProps>({setProps: () => {}});\n"]}

package/build/cjs/context/videoContext/index.d.ts

@@ -1 +1 @@
-export * from './VideoContext';
+export * from "./VideoContext.js";

package/build/cjs/context/videoContext/index.js

@@ -1,4 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./VideoContext"), exports);
+tslib_1.__exportStar(require("./VideoContext.js"), exports);
+//# sourceMappingURL=index.js.map

package/build/cjs/context/videoContext/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["context/videoContext/index.ts"],"names":[],"mappings":";;;AAAA,4DAA+B","sourcesContent":["export * from './VideoContext';\n"]}

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

@@ -1,3 +1,3 @@
-import { PropsWithChildren } from 'react';
-import { BlockDecorationProps } from '../models';
-export declare const BlockDecoration: ({ children: blockChildren, ...rest }: PropsWithChildren<BlockDecorationProps>) => JSX.Element;
+import * as React from 'react';
+import { BlockDecorationProps } from "../models/index.js";
+export declare const BlockDecoration: ({ children: blockChildren, ...rest }: React.PropsWithChildren<BlockDecorationProps>) => import("react/jsx-runtime").JSX.Element;

package/build/cjs/customization/BlockDecoration.js

@@ -2,15 +2,17 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BlockDecoration = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const innerContext_1 = require("../context/innerContext");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
+const innerContext_1 = require("../context/innerContext/index.js");
 const BlockDecoration = (_a) => {
     var _b, _c;
     var { children: blockChildren } = _a, rest = tslib_1.__rest(_a, ["children"]);
-    const blockDecorators = (_c = (_b = (0, react_1.useContext)(innerContext_1.InnerContext).customization) === null || _b === void 0 ? void 0 : _b.decorators) === null || _c === void 0 ? void 0 : _c.block;
+    const blockDecorators = (_c = (_b = React.useContext(innerContext_1.InnerContext).customization) === null || _b === void 0 ? void 0 : _b.decorators) === null || _c === void 0 ? void 0 : _c.block;
     const content = blockDecorators
         ? blockDecorators.reduce((children, decorator) => decorator(Object.assign({ children }, rest)), blockChildren)
         : blockChildren;
-    return react_1.default.createElement(react_1.Fragment, null, content);
+    return (0, jsx_runtime_1.jsx)(React.Fragment, { children: content });
 };
 exports.BlockDecoration = BlockDecoration;
+//# sourceMappingURL=BlockDecoration.js.map

package/build/cjs/customization/BlockDecoration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockDecoration.js","sourceRoot":"../../../src","sources":["customization/BlockDecoration.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,mEAAqD;AAG9C,MAAM,eAAe,GAAG,CAAC,EAGgB,EAAE,EAAE;;QAHpB,EAC5B,QAAQ,EAAE,aAAa,OAEqB,EADzC,IAAI,sBAFqB,YAG/B,CADU;IAEP,MAAM,eAAe,GAAG,MAAA,MAAA,KAAK,CAAC,UAAU,CAAC,2BAAY,CAAC,CAAC,aAAa,0CAAE,UAAU,0CAAE,KAAK,CAAC;IAExF,MAAM,OAAO,GAAG,eAAe;QAC3B,CAAC,CAAC,eAAe,CAAC,MAAM,CAClB,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,CAAC,SAAS,iBAAE,QAAQ,IAAK,IAAI,EAAE,EACvD,aAAa,CAChB;QACH,CAAC,CAAC,aAAa,CAAC;IAEpB,OAAO,uBAAC,KAAK,CAAC,QAAQ,cAAE,OAAO,GAAkB,CAAC;AACtD,CAAC,CAAC;AAdW,QAAA,eAAe,mBAc1B","sourcesContent":["import * as React from 'react';\n\nimport {InnerContext} from '../context/innerContext';\nimport {BlockDecorationProps} from '../models';\n\nexport const BlockDecoration = ({\n    children: blockChildren,\n    ...rest\n}: React.PropsWithChildren<BlockDecorationProps>) => {\n    const blockDecorators = React.useContext(InnerContext).customization?.decorators?.block;\n\n    const content = blockDecorators\n        ? blockDecorators.reduce(\n              (children, decorator) => decorator({children, ...rest}),\n              blockChildren,\n          )\n        : blockChildren;\n\n    return <React.Fragment>{content}</React.Fragment>;\n};\n"]}

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

@@ -1,7 +1,7 @@
-import { PropsWithChildren } from 'react';
-import { Block, ClassNameProps } from '../../../models';
+import * as React from 'react';
+import { Block, ClassNameProps } from "../../../models/index.js";
 export interface AddBlockProps extends ClassNameProps {
     onAdd: (data: Block) => void;
 }
-declare const AddBlock: ({ onAdd, className }: PropsWithChildren<AddBlockProps>) => JSX.Element;
+declare const AddBlock: ({ onAdd, className }: React.PropsWithChildren<AddBlockProps>) => import("react/jsx-runtime").JSX.Element;
 export default AddBlock;

package/build/cjs/editor/components/AddBlock/AddBlock.js

@@ -1,20 +1,21 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
 const icons_1 = require("@gravity-ui/icons");
 const uikit_1 = require("@gravity-ui/uikit");
-const constructor_items_1 = require("../../../constructor-items");
-const utils_1 = require("../../../utils");
-const data_1 = require("../../data");
+const constructor_items_1 = require("../../../constructor-items.js");
+const utils_1 = require("../../../utils/index.js");
+const data_1 = require("../../data/index.js");
 const b = (0, utils_1.block)('add-block');
 const sortedBlockNames = Object.keys(constructor_items_1.blockMap).sort();
 const AddBlock = ({ onAdd, className }) => {
-    const [isOpened, setIsOpened] = (0, react_1.useState)(false);
-    const [search, setSearch] = (0, react_1.useState)('');
-    const [editorBlocksData, setEditorBlocksData] = (0, react_1.useState)(null);
-    const ref = (0, react_1.useRef)(null);
-    const blocks = (0, react_1.useMemo)(() => {
+    const [isOpened, setIsOpened] = React.useState(false);
+    const [search, setSearch] = React.useState('');
+    const [editorBlocksData, setEditorBlocksData] = React.useState(null);
+    const ref = React.useRef(null);
+    const blocks = React.useMemo(() => {
         if (!editorBlocksData) {
             return [];
         }
@@ -23,38 +24,28 @@ const AddBlock = ({ onAdd, className }) => {
             return (_a = editorBlocksData[blockName]) === null || _a === void 0 ? void 0 : _a.meta.title.toLocaleLowerCase().startsWith(search.toLocaleLowerCase());
         });
     }, [editorBlocksData, search]);
-    (0, react_1.useEffect)(() => {
+    React.useEffect(() => {
         const loadEditorBlocksData = async () => {
             const data = await (0, data_1.getEditorBlocksData)();
             setEditorBlocksData(data);
         };
         loadEditorBlocksData();
     }, []);
-    return (react_1.default.createElement("div", { className: b(null, className), ref: ref },
-        react_1.default.createElement("button", { className: b('button'), type: "button", onClick: () => {
-                setIsOpened(!isOpened);
-                setSearch('');
-            } },
-            react_1.default.createElement(icons_1.Plus, { className: b('icon') })),
-        isOpened && (react_1.default.createElement(uikit_1.Popup, { anchorRef: ref, open: isOpened, contentClassName: b('popup'), placement: "top", offset: [0, 24], onOutsideClick: () => setIsOpened(false) },
-            react_1.default.createElement("div", { className: b('search') },
-                react_1.default.createElement(uikit_1.TextInput, { placeholder: "search", type: "text", value: search, size: "l", onUpdate: (value) => setSearch(value) })),
-            react_1.default.createElement("div", { className: b('blocks') }, blocks.map((blockName) => {
-                var _a;
-                const blockData = editorBlocksData === null || editorBlocksData === void 0 ? void 0 : editorBlocksData[blockName];
-                if (!blockData) {
-                    return null;
-                }
-                const Preview = blockData.preview;
-                return (react_1.default.createElement("button", { key: blockName, className: b('block'), onClick: () => {
-                        onAdd(blockData === null || blockData === void 0 ? void 0 : blockData.template);
-                        setIsOpened(false);
-                    } },
-                    react_1.default.createElement("div", { className: b('preview') },
-                        react_1.default.createElement(Preview, null)),
-                    react_1.default.createElement("div", { className: b('info') },
-                        react_1.default.createElement("h4", { className: b('title') }, blockData.meta.title),
-                        ((_a = blockData === null || blockData === void 0 ? void 0 : blockData.meta) === null || _a === void 0 ? void 0 : _a.description) && (react_1.default.createElement("p", { className: b('description') }, blockData.meta.description)))));
-            }))))));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: b(null, className), ref: ref, children: [(0, jsx_runtime_1.jsx)("button", { className: b('button'), type: "button", onClick: () => {
+                    setIsOpened(!isOpened);
+                    setSearch('');
+                }, children: (0, jsx_runtime_1.jsx)(icons_1.Plus, { className: b('icon') }) }), isOpened && ((0, jsx_runtime_1.jsxs)(uikit_1.Popup, { anchorRef: ref, open: isOpened, placement: "top", offset: { mainAxis: 0, crossAxis: 24 }, onOutsideClick: () => setIsOpened(false), children: [(0, jsx_runtime_1.jsx)("div", { className: b('search'), children: (0, jsx_runtime_1.jsx)(uikit_1.TextInput, { placeholder: "search", type: "text", value: search, size: "l", onUpdate: (value) => setSearch(value) }) }), (0, jsx_runtime_1.jsx)("div", { className: b('blocks'), children: blocks.map((blockName) => {
+                            var _a;
+                            const blockData = editorBlocksData === null || editorBlocksData === void 0 ? void 0 : editorBlocksData[blockName];
+                            if (!blockData) {
+                                return null;
+                            }
+                            const Preview = blockData.preview;
+                            return ((0, jsx_runtime_1.jsxs)("button", { className: b('block'), onClick: () => {
+                                    onAdd(blockData === null || blockData === void 0 ? void 0 : blockData.template);
+                                    setIsOpened(false);
+                                }, children: [(0, jsx_runtime_1.jsx)("div", { className: b('preview'), children: (0, jsx_runtime_1.jsx)(Preview, {}) }), (0, jsx_runtime_1.jsxs)("div", { className: b('info'), children: [(0, jsx_runtime_1.jsx)("h4", { className: b('title'), children: blockData.meta.title }), ((_a = blockData === null || blockData === void 0 ? void 0 : blockData.meta) === null || _a === void 0 ? void 0 : _a.description) && ((0, jsx_runtime_1.jsx)("p", { className: b('description'), children: blockData.meta.description }))] })] }, blockName));
+                        }) })] }))] }));
 };
 exports.default = AddBlock;
+//# sourceMappingURL=AddBlock.js.map

package/build/cjs/editor/components/AddBlock/AddBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddBlock.js","sourceRoot":"../../../../../src","sources":["editor/components/AddBlock/AddBlock.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {Plus} from '@gravity-ui/icons';\nimport {Popup, TextInput} from '@gravity-ui/uikit';\n\nimport {blockMap} from '../../../constructor-items';\nimport {Block, BlockType, ClassNameProps} from '../../../models';\nimport {block} from '../../../utils';\nimport {EditorBlocksData, getEditorBlocksData} from '../../data';\n\nimport './AddBlock.scss';\n\nconst b = block('add-block');\n\nexport interface AddBlockProps extends ClassNameProps {\n    onAdd: (data: Block) => void;\n}\n\nconst sortedBlockNames = Object.keys(blockMap).sort();\n\nconst AddBlock = ({onAdd, className}: React.PropsWithChildren<AddBlockProps>) => {\n    const [isOpened, setIsOpened] = React.useState(false);\n    const [search, setSearch] = React.useState('');\n    const [editorBlocksData, setEditorBlocksData] = React.useState<EditorBlocksData | null>(null);\n\n    const ref = React.useRef(null);\n    const blocks = React.useMemo(() => {\n        if (!editorBlocksData) {\n            return [];\n        }\n\n        return sortedBlockNames.filter((blockName) =>\n            editorBlocksData[blockName as BlockType]?.meta.title\n                .toLocaleLowerCase()\n                .startsWith(search.toLocaleLowerCase()),\n        );\n    }, [editorBlocksData, search]);\n\n    React.useEffect(() => {\n        const loadEditorBlocksData = async () => {\n            const data = await getEditorBlocksData();\n            setEditorBlocksData(data);\n        };\n\n        loadEditorBlocksData();\n    }, []);\n\n    return (\n        <div className={b(null, className)} ref={ref}>\n            <button\n                className={b('button')}\n                type=\"button\"\n                onClick={() => {\n                    setIsOpened(!isOpened);\n                    setSearch('');\n                }}\n            >\n                <Plus className={b('icon')} />\n            </button>\n            {isOpened && (\n                <Popup\n                    anchorRef={ref}\n                    open={isOpened}\n                    placement=\"top\"\n                    offset={{mainAxis: 0, crossAxis: 24}}\n                    onOutsideClick={() => setIsOpened(false)}\n                >\n                    <div className={b('search')}>\n                        <TextInput\n                            placeholder=\"search\"\n                            type=\"text\"\n                            value={search}\n                            size=\"l\"\n                            onUpdate={(value) => setSearch(value)}\n                        />\n                    </div>\n                    <div className={b('blocks')}>\n                        {blocks.map((blockName) => {\n                            const blockData = editorBlocksData?.[blockName as BlockType];\n\n                            if (!blockData) {\n                                return null;\n                            }\n\n                            const Preview: React.FC<React.SVGProps<SVGSVGElement>> =\n                                blockData.preview;\n\n                            return (\n                                <button\n                                    key={blockName}\n                                    className={b('block')}\n                                    onClick={() => {\n                                        onAdd(blockData?.template as Block);\n                                        setIsOpened(false);\n                                    }}\n                                >\n                                    <div className={b('preview')}>\n                                        <Preview />\n                                    </div>\n                                    <div className={b('info')}>\n                                        <h4 className={b('title')}>{blockData.meta.title}</h4>\n                                        {blockData?.meta?.description && (\n                                            <p className={b('description')}>\n                                                {blockData.meta.description}\n                                            </p>\n                                        )}\n                                    </div>\n                                </button>\n                            );\n                        })}\n                    </div>\n                </Popup>\n            )}\n        </div>\n    );\n};\n\nexport default AddBlock;\n"]}

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

@@ -1,6 +1,6 @@
-import React from 'react';
-import { Block, ConstructorBlock } from '../../../models';
-import { CustomSpec } from '../../dynamic-forms-custom/parser/types';
+import * as React from 'react';
+import { Block, ConstructorBlock } from "../../../models/index.js";
+import { CustomSpec } from "../../dynamic-forms-custom/parser/types.js";
 interface BlockFormProps {
     data: ConstructorBlock;
     spec: CustomSpec;
@@ -8,5 +8,5 @@ interface BlockFormProps {
     onSelect: () => void;
     active?: boolean;
 }
-export declare const BlockForm: React.MemoExoticComponent<({ data: { type, ...content }, onChange, onSelect, active, spec: specRaw }: BlockFormProps) => JSX.Element>;
+export declare const BlockForm: React.MemoExoticComponent<({ data: { type, ...content }, onChange, onSelect, active, spec: specRaw }: BlockFormProps) => import("react/jsx-runtime").JSX.Element>;
 export {};

package/build/cjs/editor/components/BlockForm/BlockForm.js

@@ -2,28 +2,28 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BlockForm = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
 const dynamic_forms_1 = require("@gravity-ui/dynamic-forms");
 const isEqual_1 = tslib_1.__importDefault(require("lodash/isEqual"));
 const noop_1 = tslib_1.__importDefault(require("lodash/noop"));
 const react_final_form_1 = require("react-final-form");
-const config_1 = require("../../dynamic-forms-custom/config");
-const usePreviousValue_1 = tslib_1.__importDefault(require("../../hooks/usePreviousValue"));
-exports.BlockForm = (0, react_1.memo)((_a) => {
+const config_1 = require("../../dynamic-forms-custom/config.js");
+const usePreviousValue_1 = tslib_1.__importDefault(require("../../hooks/usePreviousValue.js"));
+exports.BlockForm = React.memo((_a) => {
     var _b = _a.data, { type } = _b, content = tslib_1.__rest(_b, ["type"]), { onChange, onSelect, active, spec: specRaw } = _a;
-    const initialValues = (0, react_1.useMemo)(() => ({ content }), [content]);
+    const initialValues = React.useMemo(() => ({ content }), [content]);
     const prevContent = (0, usePreviousValue_1.default)(content);
-    const spec = (0, react_1.useMemo)(() => (Object.assign(Object.assign({}, specRaw), { viewSpec: Object.assign(Object.assign({}, specRaw.viewSpec), { layoutOpen: active }) })), [specRaw, active]);
+    const spec = React.useMemo(() => (Object.assign(Object.assign({}, specRaw), { viewSpec: Object.assign(Object.assign({}, specRaw.viewSpec), { layoutOpen: active }) })), [specRaw, active]);
     if (!active) {
-        return (react_1.default.createElement(dynamic_forms_1.SimpleVerticalAccordeon, { open: false, name: type, title: spec.viewSpec.layoutTitle || type, onOpenChange: onSelect }, ' '));
+        return ((0, jsx_runtime_1.jsx)(dynamic_forms_1.SimpleVerticalAccordeon, { open: false, name: type, title: spec.viewSpec.layoutTitle || type, onOpenChange: onSelect, children: ' ' }));
     }
-    return (react_1.default.createElement(react_final_form_1.Form, { initialValues: initialValues, onSubmit: noop_1.default }, () => (react_1.default.createElement(react_1.Fragment, null,
-        react_1.default.createElement(react_final_form_1.FormSpy, { onChange: ({ values }) => {
-                // fix for FormSpy onChange called twice without content changes
-                if (!(0, isEqual_1.default)(values.content, prevContent)) {
-                    onChange(Object.assign({ type }, values.content));
-                }
-            }, subscription: { values: true } }),
-        react_1.default.createElement(dynamic_forms_1.DynamicField, { name: "content", spec: spec, config: config_1.dynamicConfig, withoutInsertFFDebounce: true })))));
+    return ((0, jsx_runtime_1.jsx)(react_final_form_1.Form, { initialValues: initialValues, onSubmit: noop_1.default, children: () => ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_final_form_1.FormSpy, { onChange: ({ values }) => {
+                        // fix for FormSpy onChange called twice without content changes
+                        if (!(0, isEqual_1.default)(values.content, prevContent)) {
+                            onChange(Object.assign({ type }, values.content));
+                        }
+                    }, subscription: { values: true } }), (0, jsx_runtime_1.jsx)(dynamic_forms_1.DynamicField, { name: "content", spec: spec, config: config_1.dynamicConfig, withoutInsertFFDebounce: true })] })) }));
 });
 exports.BlockForm.displayName = 'BlockForm';
+//# sourceMappingURL=BlockForm.js.map

package/build/cjs/editor/components/BlockForm/BlockForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockForm.js","sourceRoot":"../../../../../src","sources":["editor/components/BlockForm/BlockForm.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,6DAAsF;AACtF,qEAAqC;AACrC,+DAA+B;AAC/B,uDAA4D;AAG5D,iEAAgE;AAEhE,+FAA4D;AAU/C,QAAA,SAAS,GAAG,KAAK,CAAC,IAAI,CAC/B,CAAC,EAAqF,EAAE,EAAE;QAAxF,YAAwB,EAAxB,EAAO,IAAI,OAAa,EAAR,OAAO,sBAAjB,QAAkB,CAAD,EAAxB,EAA2B,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,OAAiB;IAClF,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAC,OAAO,EAAC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAClE,MAAM,WAAW,GAAG,IAAA,0BAAgB,EAAC,OAAO,CAAC,CAAC;IAC9C,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CACtB,GAAG,EAAE,CAAC,iCACC,OAAO,KACV,QAAQ,kCACD,OAAO,CAAC,QAAQ,KACnB,UAAU,EAAE,MAAM,OAExB,EACF,CAAC,OAAO,EAAE,MAAM,CAAC,CACpB,CAAC;IAEF,IAAI,CAAC,MAAM,EAAE,CAAC;QACV,OAAO,CACH,uBAAC,uCAAuB,IACpB,IAAI,EAAE,KAAK,EACX,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,WAAW,IAAI,IAAI,EACxC,YAAY,EAAE,QAAQ,YAE4C,GAAG,GAC/C,CAC7B,CAAC;IACN,CAAC;IAED,OAAO,CACH,uBAAC,uBAAS,IAAC,aAAa,EAAE,aAAa,EAAE,QAAQ,EAAE,cAAI,YAClD,GAAG,EAAE,CAAC,CACH,wBAAC,KAAK,CAAC,QAAQ,eACX,uBAAC,0BAAO,IACJ,QAAQ,EAAE,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE;wBACnB,gEAAgE;wBAChE,IAAI,CAAC,IAAA,iBAAO,EAAC,MAAM,CAAC,OAAO,EAAE,WAAW,CAAC,EAAE,CAAC;4BACxC,QAAQ,iBAAE,IAAI,IAAK,MAAM,CAAC,OAAO,EAAE,CAAC;wBACxC,CAAC;oBACL,CAAC,EACD,YAAY,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC,GAC9B,EACF,uBAAC,4BAAY,IACT,IAAI,EAAC,SAAS,EACd,IAAI,EAAE,IAAY,EAClB,MAAM,EAAE,sBAAa,EACrB,uBAAuB,SACzB,IACW,CACpB,GACO,CACf,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,iBAAS,CAAC,WAAW,GAAG,WAAW,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {DynamicField, SimpleVerticalAccordeon, Spec} from '@gravity-ui/dynamic-forms';\nimport isEqual from 'lodash/isEqual';\nimport noop from 'lodash/noop';\nimport {Form as FinalForm, FormSpy} from 'react-final-form';\n\nimport {Block, ConstructorBlock} from '../../../models';\nimport {dynamicConfig} from '../../dynamic-forms-custom/config';\nimport {CustomSpec} from '../../dynamic-forms-custom/parser/types';\nimport usePreviousValue from '../../hooks/usePreviousValue';\n\ninterface BlockFormProps {\n    data: ConstructorBlock;\n    spec: CustomSpec;\n    onChange: (data: Block) => void;\n    onSelect: () => void;\n    active?: boolean;\n}\n\nexport const BlockForm = React.memo(\n    ({data: {type, ...content}, onChange, onSelect, active, spec: specRaw}: BlockFormProps) => {\n        const initialValues = React.useMemo(() => ({content}), [content]);\n        const prevContent = usePreviousValue(content);\n        const spec = React.useMemo(\n            () => ({\n                ...specRaw,\n                viewSpec: {\n                    ...specRaw.viewSpec,\n                    layoutOpen: active,\n                },\n            }),\n            [specRaw, active],\n        );\n\n        if (!active) {\n            return (\n                <SimpleVerticalAccordeon\n                    open={false}\n                    name={type}\n                    title={spec.viewSpec.layoutTitle || type}\n                    onOpenChange={onSelect}\n                >\n                    {/* SimpleVerticalAccordeon requires children, put dummy value*/}{' '}\n                </SimpleVerticalAccordeon>\n            );\n        }\n\n        return (\n            <FinalForm initialValues={initialValues} onSubmit={noop}>\n                {() => (\n                    <React.Fragment>\n                        <FormSpy\n                            onChange={({values}) => {\n                                // fix for FormSpy onChange called twice without content changes\n                                if (!isEqual(values.content, prevContent)) {\n                                    onChange({type, ...values.content});\n                                }\n                            }}\n                            subscription={{values: true}}\n                        />\n                        <DynamicField\n                            name=\"content\"\n                            spec={spec as Spec}\n                            config={dynamicConfig}\n                            withoutInsertFFDebounce\n                        />\n                    </React.Fragment>\n                )}\n            </FinalForm>\n        );\n    },\n);\n\nBlockForm.displayName = 'BlockForm';\n"]}

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

@@ -1,6 +1,6 @@
-import React from 'react';
-import { PageContent } from '../../../models';
-import { CodeEditorMessageProps } from '../../utils/validation';
+import * as React from 'react';
+import { PageContent } from "../../../models/index.js";
+import { CodeEditorMessageProps } from "../../utils/validation.js";
 interface CodeEditorProps {
     code: string;
     fullscreenModeOn: boolean;
@@ -9,5 +9,5 @@ interface CodeEditorProps {
     onChange: (content: PageContent) => void;
     message?: CodeEditorMessageProps;
 }
-export declare const CodeEditor: React.MemoExoticComponent<({ onChange, validator, fullscreenModeOn, onFullscreenModeOnUpdate, code }: CodeEditorProps) => JSX.Element>;
+export declare const CodeEditor: React.MemoExoticComponent<({ onChange, validator, fullscreenModeOn, onFullscreenModeOnUpdate, code }: CodeEditorProps) => import("react/jsx-runtime").JSX.Element>;
 export {};

package/build/cjs/editor/components/CodeEditor/CodeEditor.js

@@ -2,34 +2,29 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CodeEditor = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
 const icons_1 = require("@gravity-ui/icons");
 const uikit_1 = require("@gravity-ui/uikit");
 const debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
 const react_monaco_editor_1 = tslib_1.__importDefault(require("react-monaco-editor"));
-const models_1 = require("../../../models");
-const utils_1 = require("../../../utils");
-const context_1 = require("../../context");
-const code_1 = require("../../utils/code");
-const constants_1 = require("./constants");
+const models_1 = require("../../../models/index.js");
+const utils_1 = require("../../../utils/index.js");
+const context_1 = require("../../context.js");
+const code_1 = require("../../utils/code.js");
+const constants_1 = require("./constants.js");
 const b = (0, utils_1.block)('code-editor');
 const ON_CHANGE_DEBOUNCE_TIMEOUT = 300;
-exports.CodeEditor = react_1.default.memo(({ onChange, validator, fullscreenModeOn, onFullscreenModeOnUpdate, code }) => {
-    const [message, setMessage] = (0, react_1.useState)(() => validator(code));
-    const { theme = models_1.Theme.Light } = (0, react_1.useContext)(context_1.EditorContext);
+exports.CodeEditor = React.memo(({ onChange, validator, fullscreenModeOn, onFullscreenModeOnUpdate, code }) => {
+    const [message, setMessage] = React.useState(() => validator(code));
+    const { theme = models_1.Theme.Light } = React.useContext(context_1.EditorContext);
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    const onChangeWithValidation = (0, react_1.useCallback)((0, debounce_1.default)((newCode) => {
+    const onChangeWithValidation = React.useCallback((0, debounce_1.default)((newCode) => {
         const validationResult = validator(newCode);
         setMessage(validationResult);
         onChange((0, code_1.parseCode)(newCode));
     }, ON_CHANGE_DEBOUNCE_TIMEOUT), [onChange, validator]);
-    return (react_1.default.createElement("div", { className: b({ fullscreen: fullscreenModeOn }) },
-        react_1.default.createElement("div", { className: b('header') },
-            react_1.default.createElement(uikit_1.Button, { view: "flat-secondary", onClick: () => onFullscreenModeOnUpdate(!fullscreenModeOn) },
-                react_1.default.createElement(uikit_1.Icon, { data: fullscreenModeOn ? icons_1.ChevronsCollapseUpRight : icons_1.ChevronsExpandUpRight, size: 16 }))),
-        react_1.default.createElement("div", { className: b('code') },
-            react_1.default.createElement(react_monaco_editor_1.default, { key: String(fullscreenModeOn), defaultValue: code, value: code, language: "yaml", options: constants_1.options, onChange: onChangeWithValidation, theme: theme === models_1.Theme.Dark ? 'vs-dark' : 'vs' })),
-        react_1.default.createElement("div", { className: b('footer') }, message && (react_1.default.createElement("div", { className: b('message-container') },
-            react_1.default.createElement("div", { className: b('message', { status: message.status }) }, message.text))))));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: b({ fullscreen: fullscreenModeOn }), children: [(0, jsx_runtime_1.jsx)("div", { className: b('header'), children: (0, jsx_runtime_1.jsx)(uikit_1.Button, { view: "flat-secondary", onClick: () => onFullscreenModeOnUpdate(!fullscreenModeOn), children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: fullscreenModeOn ? icons_1.ChevronsCollapseUpRight : icons_1.ChevronsExpandUpRight, size: 16 }) }) }), (0, jsx_runtime_1.jsx)("div", { className: b('code'), children: (0, jsx_runtime_1.jsx)(react_monaco_editor_1.default, { defaultValue: code, value: code, language: "yaml", options: constants_1.options, onChange: onChangeWithValidation, theme: theme === models_1.Theme.Dark ? 'vs-dark' : 'vs' }, String(fullscreenModeOn)) }), (0, jsx_runtime_1.jsx)("div", { className: b('footer'), children: message && ((0, jsx_runtime_1.jsx)("div", { className: b('message-container'), children: (0, jsx_runtime_1.jsx)("div", { className: b('message', { status: message.status }), children: message.text }) })) })] }));
 });
 exports.CodeEditor.displayName = 'CodeEditor';
+//# sourceMappingURL=CodeEditor.js.map

package/build/cjs/editor/components/CodeEditor/CodeEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeEditor.js","sourceRoot":"../../../../../src","sources":["editor/components/CodeEditor/CodeEditor.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,6CAAiF;AACjF,6CAA+C;AAC/C,uEAAuC;AACvC,sFAA+C;AAE/C,qDAAmD;AACnD,mDAAqC;AACrC,8CAA4C;AAC5C,8CAA2C;AAG3C,8CAAoC;AAIpC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,aAAa,CAAC,CAAC;AAE/B,MAAM,0BAA0B,GAAG,GAAG,CAAC;AAW1B,QAAA,UAAU,GAAG,KAAK,CAAC,IAAI,CAChC,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,IAAI,EAAkB,EAAE,EAAE;IACzF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;IACpE,MAAM,EAAC,KAAK,GAAG,cAAK,CAAC,KAAK,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,uBAAa,CAAC,CAAC;IAE9D,uDAAuD;IACvD,MAAM,sBAAsB,GAAG,KAAK,CAAC,WAAW,CAC5C,IAAA,kBAAQ,EAAC,CAAC,OAAe,EAAE,EAAE;QACzB,MAAM,gBAAgB,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC;QAE5C,UAAU,CAAC,gBAAgB,CAAC,CAAC;QAC7B,QAAQ,CAAC,IAAA,gBAAS,EAAC,OAAO,CAAC,CAAC,CAAC;IACjC,CAAC,EAAE,0BAA0B,CAAC,EAC9B,CAAC,QAAQ,EAAE,SAAS,CAAC,CACxB,CAAC;IAEF,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,UAAU,EAAE,gBAAgB,EAAC,CAAC,aAC7C,gCAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YACvB,uBAAC,cAAM,IACH,IAAI,EAAC,gBAAgB,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,wBAAwB,CAAC,CAAC,gBAAgB,CAAC,YAE1D,uBAAC,YAAI,IACD,IAAI,EACA,gBAAgB,CAAC,CAAC,CAAC,+BAAuB,CAAC,CAAC,CAAC,6BAAqB,EAEtE,IAAI,EAAE,EAAE,GACV,GACG,GACP,EACN,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,uBAAC,6BAAY,IAET,YAAY,EAAE,IAAI,EAClB,KAAK,EAAE,IAAI,EACX,QAAQ,EAAC,MAAM,EACf,OAAO,EAAE,mBAAO,EAChB,QAAQ,EAAE,sBAAsB,EAChC,KAAK,EAAE,KAAK,KAAK,cAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,IANzC,MAAM,CAAC,gBAAgB,CAAC,CAO/B,GACA,EACN,gCAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YACtB,OAAO,IAAI,CACR,gCAAK,SAAS,EAAE,CAAC,CAAC,mBAAmB,CAAC,YAClC,gCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,MAAM,EAAE,OAAO,CAAC,MAAM,EAAC,CAAC,YACjD,OAAO,CAAC,IAAI,GACX,GACJ,CACT,GACC,IACJ,CACT,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {ChevronsCollapseUpRight, ChevronsExpandUpRight} from '@gravity-ui/icons';\nimport {Button, Icon} from '@gravity-ui/uikit';\nimport debounce from 'lodash/debounce';\nimport MonacoEditor from 'react-monaco-editor';\n\nimport {PageContent, Theme} from '../../../models';\nimport {block} from '../../../utils';\nimport {EditorContext} from '../../context';\nimport {parseCode} from '../../utils/code';\nimport {CodeEditorMessageProps} from '../../utils/validation';\n\nimport {options} from './constants';\n\nimport './CodeEditor.scss';\n\nconst b = block('code-editor');\n\nconst ON_CHANGE_DEBOUNCE_TIMEOUT = 300;\n\ninterface CodeEditorProps {\n    code: string;\n    fullscreenModeOn: boolean;\n    validator: (code: string) => CodeEditorMessageProps;\n    onFullscreenModeOnUpdate: (fullscreenModeOn: boolean) => void;\n    onChange: (content: PageContent) => void;\n    message?: CodeEditorMessageProps;\n}\n\nexport const CodeEditor = React.memo(\n    ({onChange, validator, fullscreenModeOn, onFullscreenModeOnUpdate, code}: CodeEditorProps) => {\n        const [message, setMessage] = React.useState(() => validator(code));\n        const {theme = Theme.Light} = React.useContext(EditorContext);\n\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        const onChangeWithValidation = React.useCallback(\n            debounce((newCode: string) => {\n                const validationResult = validator(newCode);\n\n                setMessage(validationResult);\n                onChange(parseCode(newCode));\n            }, ON_CHANGE_DEBOUNCE_TIMEOUT),\n            [onChange, validator],\n        );\n\n        return (\n            <div className={b({fullscreen: fullscreenModeOn})}>\n                <div className={b('header')}>\n                    <Button\n                        view=\"flat-secondary\"\n                        onClick={() => onFullscreenModeOnUpdate(!fullscreenModeOn)}\n                    >\n                        <Icon\n                            data={\n                                fullscreenModeOn ? ChevronsCollapseUpRight : ChevronsExpandUpRight\n                            }\n                            size={16}\n                        />\n                    </Button>\n                </div>\n                <div className={b('code')}>\n                    <MonacoEditor\n                        key={String(fullscreenModeOn)}\n                        defaultValue={code}\n                        value={code}\n                        language=\"yaml\"\n                        options={options}\n                        onChange={onChangeWithValidation}\n                        theme={theme === Theme.Dark ? 'vs-dark' : 'vs'}\n                    />\n                </div>\n                <div className={b('footer')}>\n                    {message && (\n                        <div className={b('message-container')}>\n                            <div className={b('message', {status: message.status})}>\n                                {message.text}\n                            </div>\n                        </div>\n                    )}\n                </div>\n            </div>\n        );\n    },\n);\n\nCodeEditor.displayName = 'CodeEditor';\n"]}

package/build/cjs/editor/components/CodeEditor/constants.js

@@ -18,3 +18,4 @@ exports.options = {
     overviewRulerBorder: false,
     readOnly: false,
 };
+//# sourceMappingURL=constants.js.map

package/build/cjs/editor/components/CodeEditor/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"../../../../../src","sources":["editor/components/CodeEditor/constants.ts"],"names":[],"mappings":";;;AAGa,QAAA,OAAO,GAAuD;IACvE,QAAQ,EAAE,IAAyC;IACnD,mBAAmB,EAAE,MAAsD;IAC3E,mBAAmB,EAAE,IAAI;IACzB,gBAAgB,EAAE,KAAK;IACvB,eAAe,EAAE,IAAI;IACrB,OAAO,EAAE;QACL,OAAO,EAAE,KAAK;KACjB;IACD,kBAAkB,EAAE,CAAC;IACrB,yBAAyB,EAAE,IAAI;IAC/B,SAAS,EAAE;QACP,QAAQ,EAAE,QAAQ;KACrB;IACD,mBAAmB,EAAE,KAAK;IAC1B,QAAQ,EAAE,KAAK;CAClB,CAAC","sourcesContent":["import {editor} from 'monaco-editor';\nimport {monaco} from 'react-monaco-editor';\n\nexport const options: monaco.editor.IStandaloneEditorConstructionOptions = {\n    wordWrap: 'on' as editor.IEditorOptions['wordWrap'],\n    renderLineHighlight: 'none' as editor.IEditorOptions['renderLineHighlight'],\n    selectOnLineNumbers: true,\n    renderWhitespace: 'all',\n    automaticLayout: true,\n    minimap: {\n        enabled: false,\n    },\n    overviewRulerLanes: 0,\n    hideCursorInOverviewRuler: true,\n    scrollbar: {\n        vertical: 'hidden',\n    },\n    overviewRulerBorder: false,\n    readOnly: false,\n};\n"]}

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

@@ -1,5 +1,5 @@
-import { ClassNameProps, Theme } from '../../../models';
-import { EditModeItem, ViewModeItem } from '../../types';
+import { ClassNameProps, Theme } from "../../../models/index.js";
+import { EditModeItem, ViewModeItem } from "../../types/index.js";
 export interface ControlPanelProps extends ClassNameProps {
     viewMode?: ViewModeItem;
     editMode?: EditModeItem;
@@ -8,5 +8,5 @@ export interface ControlPanelProps extends ClassNameProps {
     theme: Theme;
     onThemeChange: (theme: Theme) => void;
 }
-declare const ControlPanel: ({ viewMode, editMode, onViewModeChange, onEditModeChange, className, theme, onThemeChange, }: ControlPanelProps) => JSX.Element;
+declare const ControlPanel: ({ viewMode, editMode, onViewModeChange, onEditModeChange, className, theme, onThemeChange, }: ControlPanelProps) => import("react/jsx-runtime").JSX.Element;
 export default ControlPanel;