@gravity-ui/page-constructor 6.3.2-alpha.0 → 6.3.2-alpha.10

package/build/cjs/editor-v2/components/DynamicForm/Fields/OneOf/OneOf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OneOf.js","sourceRoot":"../../../../../../../src","sources":["editor-v2/components/DynamicForm/Fields/OneOf/OneOf.tsx"],"names":[],"mappings":"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","sourcesContent":["import {SegmentedRadioGroup, Select} from '@gravity-ui/uikit';\nimport * as React from 'react';\n\nimport {DynamicFormValue, OneOfInput} from '../../../../../common/types';\nimport {editorCn} from '../../../../utils/cn';\nimport DynamicForm from '../../DynamicForm';\nimport FieldBase from '../../FieldBase/FieldBase';\n\nimport './OneOf.scss';\n\nconst b = editorCn('oneof-dynamic-field');\n\ninterface OneOfDynamicFieldProps {\n    contentConfig: DynamicFormValue;\n    onUpdate: (key: string, value: DynamicFormValue) => void;\n    inputConfig: OneOfInput;\n    className?: string;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst getOneOfContentConfig = (contentConfig: any, name: string) => {\n    if (name) {\n        return contentConfig ? contentConfig[name] : {};\n    }\n    return contentConfig;\n};\n\nconst OneOfDynamicField = ({\n    contentConfig,\n    onUpdate,\n    className,\n    inputConfig,\n}: OneOfDynamicFieldProps) => {\n    const defaultValue = inputConfig.options[0].value;\n\n    const [oneOfMetaValue, setOneOfMetaValue] = React.useState(defaultValue);\n\n    const oneOfContentConfig = getOneOfContentConfig(contentConfig, inputConfig.name);\n    const oneOfChosenOption = React.useMemo(\n        () =>\n            inputConfig.options.find(\n                ({value: foundOneOfValue}) => foundOneOfValue === oneOfMetaValue,\n            ),\n        [inputConfig.options, oneOfMetaValue],\n    );\n\n    const onUpdateOneOf = React.useCallback((value: string) => {\n        setOneOfMetaValue(value);\n    }, []);\n\n    return (\n        <FieldBase\n            title={inputConfig.title}\n            className={b(null, className)}\n            onRefresh={(value) => onUpdate('', value)}\n            expandable\n        >\n            {inputConfig.options.length < 4 ? (\n                <SegmentedRadioGroup\n                    className={b('radio')}\n                    options={inputConfig.options.map((option) => ({\n                        content: option.title,\n                        value: option.value,\n                    }))}\n                    value={oneOfMetaValue}\n                    onUpdate={onUpdateOneOf}\n                />\n            ) : (\n                <Select\n                    options={inputConfig.options.map((option) => ({\n                        content: option.title,\n                        value: option.value,\n                    }))}\n                    value={oneOfMetaValue ? [oneOfMetaValue] : []}\n                    onUpdate={([selectValue]) => onUpdateOneOf(selectValue)}\n                    className={b('select')}\n                />\n            )}\n            {oneOfChosenOption && (\n                <DynamicForm\n                    blockConfig={oneOfChosenOption.properties}\n                    contentConfig={oneOfContentConfig}\n                    onUpdateByKey={onUpdate}\n                />\n            )}\n        </FieldBase>\n    );\n};\n\nexport default OneOfDynamicField;\n"]}

package/build/cjs/editor-v2/components/DynamicForm/Fields/Select/Select.css

@@ -0,0 +1,3 @@
+.pceditor-editor-select-field__select {
+  min-width: 80px;
+}

package/build/cjs/editor-v2/components/DynamicForm/Fields/Select/Select.d.ts

@@ -0,0 +1,11 @@
+import { SelectMultipleInput, SelectSingleInput } from "../../../../../common/types/index.js";
+import { FieldBaseParams } from "../../FieldBase/FieldBase.js";
+type SelectInput = SelectSingleInput | SelectMultipleInput;
+interface SelectDynamicFieldProps extends FieldBaseParams {
+    input: SelectInput;
+    value: string | string[];
+    onUpdate: (value: string | string[] | undefined) => void;
+    className?: string;
+}
+declare const SelectDynamicField: ({ input, value, onUpdate, className }: SelectDynamicFieldProps) => import("react/jsx-runtime").JSX.Element;
+export default SelectDynamicField;

package/build/cjs/editor-v2/components/DynamicForm/Fields/Select/Select.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_1 = require("@gravity-ui/uikit");
+const cn_1 = require("../../../../utils/cn.js");
+const FieldBase_1 = tslib_1.__importDefault(require("../../FieldBase/FieldBase.js"));
+const b = (0, cn_1.editorCn)('editor-select-field');
+const SelectDynamicField = ({ input, value, onUpdate, className }) => {
+    const inputView = input.view || 'radiobutton';
+    const isMultiple = input.mode === 'multiple';
+    const currentValue = Array.isArray(value) ? value : [value];
+    return ((0, jsx_runtime_1.jsxs)(FieldBase_1.default, { title: input.title, className: b(null, className), onRefresh: onUpdate, children: [(inputView === 'select' || isMultiple) && ((0, jsx_runtime_1.jsx)(uikit_1.Select, { placeholder: 'Value', value: value ? currentValue : [], onUpdate: (selectValues) => isMultiple ? onUpdate(selectValues) : onUpdate(selectValues[0]), options: input.enum, className: b('select'), multiple: isMultiple })), inputView === 'radiobutton' && !isMultiple && ((0, jsx_runtime_1.jsx)(uikit_1.SegmentedRadioGroup, { options: input.enum, value: Array.isArray(value) ? value[0] : value, onUpdate: onUpdate }))] }));
+};
+exports.default = SelectDynamicField;
+//# sourceMappingURL=Select.js.map

package/build/cjs/editor-v2/components/DynamicForm/Fields/Select/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"../../../../../../../src","sources":["editor-v2/components/DynamicForm/Fields/Select/Select.tsx"],"names":[],"mappings":";;;;AAAA,6CAA8D;AAG9D,gDAA8C;AAC9C,qFAAqE;AAIrE,MAAM,CAAC,GAAG,IAAA,aAAQ,EAAC,qBAAqB,CAAC,CAAC;AAW1C,MAAM,kBAAkB,GAAG,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAA0B,EAAE,EAAE;IACxF,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,IAAI,aAAa,CAAC;IAC9C,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,KAAK,UAAU,CAAC;IAC7C,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAE5D,OAAO,CACH,wBAAC,mBAAS,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,aAC5E,CAAC,SAAS,KAAK,QAAQ,IAAI,UAAU,CAAC,IAAI,CACvC,uBAAC,cAAM,IACH,WAAW,EAAE,OAAO,EACpB,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAChC,QAAQ,EAAE,CAAC,YAAY,EAAE,EAAE,CACvB,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EAEnE,OAAO,EAAE,KAAK,CAAC,IAAI,EACnB,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,QAAQ,EAAE,UAAU,GACtB,CACL,EACA,SAAS,KAAK,aAAa,IAAI,CAAC,UAAU,IAAI,CAC3C,uBAAC,2BAAmB,IAChB,OAAO,EAAE,KAAK,CAAC,IAAI,EACnB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,EAC9C,QAAQ,EAAE,QAAQ,GACpB,CACL,IACO,CACf,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC","sourcesContent":["import {SegmentedRadioGroup, Select} from '@gravity-ui/uikit';\n\nimport {SelectMultipleInput, SelectSingleInput} from '../../../../../common/types';\nimport {editorCn} from '../../../../utils/cn';\nimport FieldBase, {FieldBaseParams} from '../../FieldBase/FieldBase';\n\nimport './Select.scss';\n\nconst b = editorCn('editor-select-field');\n\ntype SelectInput = SelectSingleInput | SelectMultipleInput;\n\ninterface SelectDynamicFieldProps extends FieldBaseParams {\n    input: SelectInput;\n    value: string | string[];\n    onUpdate: (value: string | string[] | undefined) => void;\n    className?: string;\n}\n\nconst SelectDynamicField = ({input, value, onUpdate, className}: SelectDynamicFieldProps) => {\n    const inputView = input.view || 'radiobutton';\n    const isMultiple = input.mode === 'multiple';\n    const currentValue = Array.isArray(value) ? value : [value];\n\n    return (\n        <FieldBase title={input.title} className={b(null, className)} onRefresh={onUpdate}>\n            {(inputView === 'select' || isMultiple) && (\n                <Select\n                    placeholder={'Value'}\n                    value={value ? currentValue : []}\n                    onUpdate={(selectValues) =>\n                        isMultiple ? onUpdate(selectValues) : onUpdate(selectValues[0])\n                    }\n                    options={input.enum}\n                    className={b('select')}\n                    multiple={isMultiple}\n                />\n            )}\n            {inputView === 'radiobutton' && !isMultiple && (\n                <SegmentedRadioGroup\n                    options={input.enum}\n                    value={Array.isArray(value) ? value[0] : value}\n                    onUpdate={onUpdate}\n                />\n            )}\n        </FieldBase>\n    );\n};\n\nexport default SelectDynamicField;\n"]}

package/build/cjs/editor-v2/components/DynamicForm/Fields/Text/Text.d.ts

@@ -0,0 +1,8 @@
+import { FieldBaseParams } from "../../FieldBase/FieldBase.js";
+interface TextDynamicFieldProps extends FieldBaseParams {
+    value: string;
+    onUpdate: (value: string | undefined) => void;
+    className?: string;
+}
+declare const TextDynamicField: ({ title, value, onUpdate, className }: TextDynamicFieldProps) => import("react/jsx-runtime").JSX.Element;
+export default TextDynamicField;

package/build/cjs/editor-v2/components/DynamicForm/Fields/Text/Text.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_1 = require("@gravity-ui/uikit");
+const cn_1 = require("../../../../utils/cn.js");
+const FieldBase_1 = tslib_1.__importDefault(require("../../FieldBase/FieldBase.js"));
+const b = (0, cn_1.editorCn)('text-dynamic-field');
+const TextDynamicField = ({ title, value, onUpdate, className }) => {
+    return ((0, jsx_runtime_1.jsx)(FieldBase_1.default, { title: title, className: b(null, className), onRefresh: onUpdate, children: (0, jsx_runtime_1.jsx)(uikit_1.TextInput, { value: value || '', onUpdate: onUpdate }) }));
+};
+exports.default = TextDynamicField;
+//# sourceMappingURL=Text.js.map

package/build/cjs/editor-v2/components/DynamicForm/Fields/Text/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sourceRoot":"../../../../../../../src","sources":["editor-v2/components/DynamicForm/Fields/Text/Text.tsx"],"names":[],"mappings":";;;;AAAA,6CAA4C;AAE5C,gDAA8C;AAC9C,qFAAqE;AAErE,MAAM,CAAC,GAAG,IAAA,aAAQ,EAAC,oBAAoB,CAAC,CAAC;AAQzC,MAAM,gBAAgB,GAAG,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAwB,EAAE,EAAE;IACpF,OAAO,CACH,uBAAC,mBAAS,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,YACvE,uBAAC,iBAAS,IAAC,KAAK,EAAE,KAAK,IAAI,EAAE,EAAE,QAAQ,EAAE,QAAQ,GAAI,GAC7C,CACf,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC","sourcesContent":["import {TextInput} from '@gravity-ui/uikit';\n\nimport {editorCn} from '../../../../utils/cn';\nimport FieldBase, {FieldBaseParams} from '../../FieldBase/FieldBase';\n\nconst b = editorCn('text-dynamic-field');\n\ninterface TextDynamicFieldProps extends FieldBaseParams {\n    value: string;\n    onUpdate: (value: string | undefined) => void;\n    className?: string;\n}\n\nconst TextDynamicField = ({title, value, onUpdate, className}: TextDynamicFieldProps) => {\n    return (\n        <FieldBase title={title} className={b(null, className)} onRefresh={onUpdate}>\n            <TextInput value={value || ''} onUpdate={onUpdate} />\n        </FieldBase>\n    );\n};\n\nexport default TextDynamicField;\n"]}

package/build/cjs/editor-v2/components/DynamicForm/Fields/TextArea/TextArea.d.ts

@@ -0,0 +1,8 @@
+import { FieldBaseParams } from "../../FieldBase/FieldBase.js";
+interface TextAreaDynamicFieldProps extends FieldBaseParams {
+    value: string;
+    onUpdate: (value: string | undefined) => void;
+    className?: string;
+}
+declare const TextAreaDynamicField: ({ title, value, onUpdate, className }: TextAreaDynamicFieldProps) => import("react/jsx-runtime").JSX.Element;
+export default TextAreaDynamicField;

package/build/cjs/editor-v2/components/DynamicForm/Fields/TextArea/TextArea.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_1 = require("@gravity-ui/uikit");
+const cn_1 = require("../../../../utils/cn.js");
+const FieldBase_1 = tslib_1.__importDefault(require("../../FieldBase/FieldBase.js"));
+const b = (0, cn_1.editorCn)('textarea-dynamic-field');
+const TextAreaDynamicField = ({ title, value, onUpdate, className }) => {
+    return ((0, jsx_runtime_1.jsx)(FieldBase_1.default, { title: title, className: b(null, className), onRefresh: onUpdate, children: (0, jsx_runtime_1.jsx)(uikit_1.TextArea, { minRows: 5, maxRows: 20, value: value || '', onUpdate: onUpdate }) }));
+};
+exports.default = TextAreaDynamicField;
+//# sourceMappingURL=TextArea.js.map

package/build/cjs/editor-v2/components/DynamicForm/Fields/TextArea/TextArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.js","sourceRoot":"../../../../../../../src","sources":["editor-v2/components/DynamicForm/Fields/TextArea/TextArea.tsx"],"names":[],"mappings":";;;;AAAA,6CAA2C;AAE3C,gDAA8C;AAC9C,qFAAqE;AAErE,MAAM,CAAC,GAAG,IAAA,aAAQ,EAAC,wBAAwB,CAAC,CAAC;AAQ7C,MAAM,oBAAoB,GAAG,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAA4B,EAAE,EAAE;IAC5F,OAAO,CACH,uBAAC,mBAAS,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,YACvE,uBAAC,gBAAQ,IAAC,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,IAAI,EAAE,EAAE,QAAQ,EAAE,QAAQ,GAAI,GACrE,CACf,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,oBAAoB,CAAC","sourcesContent":["import {TextArea} from '@gravity-ui/uikit';\n\nimport {editorCn} from '../../../../utils/cn';\nimport FieldBase, {FieldBaseParams} from '../../FieldBase/FieldBase';\n\nconst b = editorCn('textarea-dynamic-field');\n\ninterface TextAreaDynamicFieldProps extends FieldBaseParams {\n    value: string;\n    onUpdate: (value: string | undefined) => void;\n    className?: string;\n}\n\nconst TextAreaDynamicField = ({title, value, onUpdate, className}: TextAreaDynamicFieldProps) => {\n    return (\n        <FieldBase title={title} className={b(null, className)} onRefresh={onUpdate}>\n            <TextArea minRows={5} maxRows={20} value={value || ''} onUpdate={onUpdate} />\n        </FieldBase>\n    );\n};\n\nexport default TextAreaDynamicField;\n"]}

package/build/cjs/editor-v2/components/DynamicForm/utils.d.ts

@@ -0,0 +1,3 @@
+import { DynamicFormValue } from "../../../common/types/index.js";
+export declare const getFullPath: (path: string, name: string) => string;
+export declare const getContent: (contentConfig: DynamicFormValue, path: string) => any;

package/build/cjs/editor-v2/components/DynamicForm/utils.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getContent = exports.getFullPath = void 0;
+const tslib_1 = require("tslib");
+const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const getFullPath = (path, name) => {
+    if (!path && !name) {
+        return '';
+    }
+    if (!path) {
+        return name;
+    }
+    if (!name) {
+        return path;
+    }
+    return path + '.' + name;
+};
+exports.getFullPath = getFullPath;
+const getContent = (contentConfig, path) => {
+    return path ? lodash_1.default.get(contentConfig, path) : contentConfig;
+};
+exports.getContent = getContent;
+//# sourceMappingURL=utils.js.map

package/build/cjs/editor-v2/components/DynamicForm/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"../../../../../src","sources":["editor-v2/components/DynamicForm/utils.ts"],"names":[],"mappings":";;;;AAAA,4DAAuB;AAIhB,MAAM,WAAW,GAAG,CAAC,IAAY,EAAE,IAAY,EAAE,EAAE;IACtD,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;QACjB,OAAO,EAAE,CAAC;IACd,CAAC;IAED,IAAI,CAAC,IAAI,EAAE,CAAC;QACR,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,IAAI,CAAC,IAAI,EAAE,CAAC;QACR,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,IAAI,GAAG,GAAG,GAAG,IAAI,CAAC;AAC7B,CAAC,CAAC;AAdW,QAAA,WAAW,eActB;AAEK,MAAM,UAAU,GAAG,CAAC,aAA+B,EAAE,IAAY,EAAE,EAAE;IACxE,OAAO,IAAI,CAAC,CAAC,CAAC,gBAAC,CAAC,GAAG,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC;AAC7D,CAAC,CAAC;AAFW,QAAA,UAAU,cAErB","sourcesContent":["import _ from 'lodash';\n\nimport {DynamicFormValue} from '../../../common/types';\n\nexport const getFullPath = (path: string, name: string) => {\n    if (!path && !name) {\n        return '';\n    }\n\n    if (!path) {\n        return name;\n    }\n\n    if (!name) {\n        return path;\n    }\n\n    return path + '.' + name;\n};\n\nexport const getContent = (contentConfig: DynamicFormValue, path: string) => {\n    return path ? _.get(contentConfig, path) : contentConfig;\n};\n"]}

package/build/cjs/editor-v2/components/MessageCard/MessageCard.css

@@ -0,0 +1,51 @@
+.pceditor-message-card {
+  padding: 16px;
+  border-radius: 8px;
+  display: flex;
+  align-items: flex-start;
+  gap: 12px;
+}
+.pceditor-message-card__icon {
+  flex-shrink: 0;
+  margin-top: 2px;
+}
+.pceditor-message-card__content {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+.pceditor-message-card__title {
+  margin: 0;
+}
+.pceditor-message-card__description {
+  margin: 0;
+}
+.pceditor-message-card_theme_success {
+  border: 1px solid var(--g-color-text-positive);
+  background-color: var(--g-color-base-positive-light);
+}
+.pceditor-message-card_theme_success .pceditor-message-card__icon {
+  color: var(--g-color-text-positive);
+}
+.pceditor-message-card_theme_error {
+  border: 1px solid var(--g-color-text-danger);
+  background-color: var(--g-color-base-danger-light);
+}
+.pceditor-message-card_theme_error .pceditor-message-card__icon {
+  color: var(--g-color-text-danger);
+}
+.pceditor-message-card_theme_warning {
+  border: 1px solid var(--g-color-text-warning);
+  background-color: var(--g-color-base-warning-light);
+}
+.pceditor-message-card_theme_warning .pceditor-message-card__icon {
+  color: var(--g-color-text-warning);
+}
+.pceditor-message-card_theme_info {
+  border: 1px solid var(--g-color-text-info);
+  background-color: var(--g-color-base-info-light);
+}
+.pceditor-message-card_theme_info .pceditor-message-card__icon {
+  color: var(--g-color-text-info);
+}

package/build/cjs/editor-v2/components/MessageCard/MessageCard.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { IconData } from '@gravity-ui/uikit';
+export type MessageTheme = 'success' | 'error' | 'warning' | 'info';
+export interface MessageCardProps {
+    title: string;
+    description: string;
+    theme: MessageTheme;
+    icon?: IconData;
+}
+export declare const MessageCard: React.FC<MessageCardProps>;

package/build/cjs/editor-v2/components/MessageCard/MessageCard.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MessageCard = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_1 = require("@gravity-ui/uikit");
+const icons_1 = require("@gravity-ui/icons");
+const cn_1 = require("../../utils/cn.js");
+const b = (0, cn_1.editorCn)('message-card');
+const DEFAULT_ICONS = {
+    success: icons_1.Check,
+    error: icons_1.Xmark,
+    warning: icons_1.TriangleExclamation,
+    info: icons_1.CircleInfo,
+};
+const MessageCard = ({ title, description, theme, icon }) => {
+    const IconComponent = icon || DEFAULT_ICONS[theme];
+    return ((0, jsx_runtime_1.jsxs)("div", { className: b({ theme }), children: [(0, jsx_runtime_1.jsx)(uikit_1.Icon, { className: b('icon'), data: IconComponent, size: 20 }), (0, jsx_runtime_1.jsxs)("div", { className: b('content'), children: [(0, jsx_runtime_1.jsx)(uikit_1.Text, { variant: "subheader-1", className: b('title'), children: title }), (0, jsx_runtime_1.jsx)(uikit_1.Text, { variant: "body-1", color: "secondary", className: b('description'), children: description })] })] }));
+};
+exports.MessageCard = MessageCard;
+//# sourceMappingURL=MessageCard.js.map

package/build/cjs/editor-v2/components/MessageCard/MessageCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageCard.js","sourceRoot":"../../../../../src","sources":["editor-v2/components/MessageCard/MessageCard.tsx"],"names":[],"mappings":";;;;AACA,6CAAuD;AACvD,6CAAgF;AAEhF,0CAAwC;AAExC,MAAM,CAAC,GAAG,IAAA,aAAQ,EAAC,cAAc,CAAC,CAAC;AAMnC,MAAM,aAAa,GAAmC;IAClD,OAAO,EAAE,aAAK;IACd,KAAK,EAAE,aAAK;IACZ,OAAO,EAAE,2BAAmB;IAC5B,IAAI,EAAE,kBAAU;CACnB,CAAC;AASK,MAAM,WAAW,GAA+B,CAAC,EAAC,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,IAAI,EAAC,EAAE,EAAE;IACzF,MAAM,aAAa,GAAG,IAAI,IAAI,aAAa,CAAC,KAAK,CAAC,CAAC;IAEnD,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAC,CAAC,aACtB,uBAAC,YAAI,IAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,EAAE,GAAI,EAC7D,iCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACxB,uBAAC,YAAI,IAAC,OAAO,EAAC,aAAa,EAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAC5C,KAAK,GACH,EACP,uBAAC,YAAI,IAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,WAAW,EAAC,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC,YAC/D,WAAW,GACT,IACL,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AAhBW,QAAA,WAAW,eAgBtB","sourcesContent":["import * as React from 'react';\nimport {Icon, IconData, Text} from '@gravity-ui/uikit';\nimport {Check, CircleInfo, TriangleExclamation, Xmark} from '@gravity-ui/icons';\n\nimport {editorCn} from '../../utils/cn';\n\nconst b = editorCn('message-card');\n\nimport './MessageCard.scss';\n\nexport type MessageTheme = 'success' | 'error' | 'warning' | 'info';\n\nconst DEFAULT_ICONS: Record<MessageTheme, IconData> = {\n    success: Check,\n    error: Xmark,\n    warning: TriangleExclamation,\n    info: CircleInfo,\n};\n\nexport interface MessageCardProps {\n    title: string;\n    description: string;\n    theme: MessageTheme;\n    icon?: IconData;\n}\n\nexport const MessageCard: React.FC<MessageCardProps> = ({title, description, theme, icon}) => {\n    const IconComponent = icon || DEFAULT_ICONS[theme];\n\n    return (\n        <div className={b({theme})}>\n            <Icon className={b('icon')} data={IconComponent} size={20} />\n            <div className={b('content')}>\n                <Text variant=\"subheader-1\" className={b('title')}>\n                    {title}\n                </Text>\n                <Text variant=\"body-1\" color=\"secondary\" className={b('description')}>\n                    {description}\n                </Text>\n            </div>\n        </div>\n    );\n};\n"]}

package/build/cjs/editor-v2/components/MessageCard/index.d.ts

@@ -0,0 +1,2 @@
+export { MessageCard } from "./MessageCard.js";
+export type { MessageCardProps, MessageTheme } from "./MessageCard.js";

package/build/cjs/editor-v2/components/MessageCard/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MessageCard = void 0;
+var MessageCard_1 = require("./MessageCard.js");
+Object.defineProperty(exports, "MessageCard", { enumerable: true, get: function () { return MessageCard_1.MessageCard; } });
+//# sourceMappingURL=index.js.map

package/build/cjs/editor-v2/components/MessageCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["editor-v2/components/MessageCard/index.ts"],"names":[],"mappings":";;;AAAA,gDAA0C;AAAlC,0GAAA,WAAW,OAAA","sourcesContent":["export {MessageCard} from './MessageCard';\nexport type {MessageCardProps, MessageTheme} from './MessageCard';\n"]}

package/build/cjs/editor-v2/components/Panels/Panels.css

@@ -0,0 +1,24 @@
+.pceditor-panels__button-wrap {
+  --pceditor-panels-button-gap: 8px;
+  position: absolute;
+  z-index: 1000;
+}
+.pceditor-panels__button-wrap_left {
+  bottom: var(--pceditor-panels-button-gap);
+  left: calc(100% + var(--pceditor-panels-button-gap));
+}
+.pceditor-panels__button-wrap_right {
+  bottom: var(--pceditor-panels-button-gap);
+  right: calc(100% + var(--pceditor-panels-button-gap));
+}
+.pceditor-panels__draggable {
+  position: relative;
+  width: 8px;
+  height: 100%;
+  cursor: col-resize;
+  background-color: var(--g-color-line-generic);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--g-color-base-background);
+}

package/build/cjs/editor-v2/components/Panels/Panels.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+interface PanelsProps {
+    left: React.ReactElement;
+    middle: React.ReactElement;
+    right: React.ReactElement;
+}
+export declare const Panels: ({ left, right, middle }: PanelsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/build/cjs/editor-v2/components/Panels/Panels.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Panels = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const icons_1 = require("@gravity-ui/icons");
+const uikit_1 = require("@gravity-ui/uikit");
+const React = tslib_1.__importStar(require("react"));
+const react_resizable_panels_1 = require("react-resizable-panels");
+const cn_1 = require("../../utils/cn.js");
+const b = (0, cn_1.editorCn)('panels');
+const Panels = ({ left, right, middle }) => {
+    const leftPanel = React.useRef(null);
+    const rightPanel = React.useRef(null);
+    const expandPanel = (reference) => {
+        const panel = reference.current;
+        if (panel) {
+            panel.expand();
+        }
+    };
+    const isCollapsed = {
+        left: leftPanel.current?.isCollapsed() || false,
+        right: rightPanel.current?.isCollapsed() || false,
+    };
+    return ((0, jsx_runtime_1.jsxs)(react_resizable_panels_1.PanelGroup, { className: b('panel'), autoSaveId: "page-constructor-editor", direction: "horizontal", children: [(0, jsx_runtime_1.jsx)(react_resizable_panels_1.Panel, { ref: leftPanel, collapsible: true, defaultSize: 25, minSize: 15, children: left }), (0, jsx_runtime_1.jsxs)(react_resizable_panels_1.PanelResizeHandle, { className: b('draggable'), children: [(0, jsx_runtime_1.jsx)(icons_1.Grip, { className: b('grip') }), isCollapsed.left && ((0, jsx_runtime_1.jsx)("div", { className: b('button-wrap', { left: true }), children: (0, jsx_runtime_1.jsx)(uikit_1.Button, { className: b('button'), view: "action", onClick: () => expandPanel(leftPanel), children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.ArrowRightFromLine }) }) }))] }), (0, jsx_runtime_1.jsx)(react_resizable_panels_1.Panel, { minSize: 20, children: middle }), (0, jsx_runtime_1.jsxs)(react_resizable_panels_1.PanelResizeHandle, { className: b('draggable'), children: [(0, jsx_runtime_1.jsx)(icons_1.Grip, { className: b('grip') }), isCollapsed.right && ((0, jsx_runtime_1.jsx)("div", { className: b('button-wrap', { right: true }), children: (0, jsx_runtime_1.jsx)(uikit_1.Button, { className: b('button'), view: "action", onClick: () => expandPanel(rightPanel), children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.ArrowLeftFromLine }) }) }))] }), (0, jsx_runtime_1.jsx)(react_resizable_panels_1.Panel, { ref: rightPanel, collapsible: true, minSize: 15, defaultSize: 25, children: right })] }));
+};
+exports.Panels = Panels;
+//# sourceMappingURL=Panels.js.map

package/build/cjs/editor-v2/components/Panels/Panels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Panels.js","sourceRoot":"../../../../../src","sources":["editor-v2/components/Panels/Panels.tsx"],"names":[],"mappings":";;;;;AAAA,6CAA8E;AAC9E,6CAA+C;AAC/C,qDAA+B;AAC/B,mEAAmG;AAEnG,0CAAwC;AAIxC,MAAM,CAAC,GAAG,IAAA,aAAQ,EAAC,QAAQ,CAAC,CAAC;AAQtB,MAAM,MAAM,GAAG,CAAC,EAAC,IAAI,EAAE,KAAK,EAAE,MAAM,EAAc,EAAE,EAAE;IACzD,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAC;IAC5D,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAC;IAE7D,MAAM,WAAW,GAAG,CAAC,SAAiD,EAAE,EAAE;QACtE,MAAM,KAAK,GAAG,SAAS,CAAC,OAAO,CAAC;QAChC,IAAI,KAAK,EAAE,CAAC;YACR,KAAK,CAAC,MAAM,EAAE,CAAC;QACnB,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG;QAChB,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,KAAK;QAC/C,KAAK,EAAE,UAAU,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,KAAK;KACpD,CAAC;IAEF,OAAO,CACH,wBAAC,mCAAU,IACP,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,UAAU,EAAC,yBAAyB,EACpC,SAAS,EAAC,YAAY,aAEtB,uBAAC,8BAAK,IAAC,GAAG,EAAE,SAAS,EAAE,WAAW,QAAC,WAAW,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,YAC1D,IAAI,GACD,EACR,wBAAC,0CAAiB,IAAC,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,aACxC,uBAAC,YAAI,IAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,GAAI,EAC7B,WAAW,CAAC,IAAI,IAAI,CACjB,gCAAK,SAAS,EAAE,CAAC,CAAC,aAAa,EAAE,EAAC,IAAI,EAAE,IAAI,EAAC,CAAC,YAC1C,uBAAC,cAAM,IACH,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,SAAS,CAAC,YAErC,uBAAC,YAAI,IAAC,IAAI,EAAE,0BAAkB,GAAI,GAC7B,GACP,CACT,IACe,EACpB,uBAAC,8BAAK,IAAC,OAAO,EAAE,EAAE,YAAG,MAAM,GAAS,EACpC,wBAAC,0CAAiB,IAAC,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,aACxC,uBAAC,YAAI,IAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,GAAI,EAC7B,WAAW,CAAC,KAAK,IAAI,CAClB,gCAAK,SAAS,EAAE,CAAC,CAAC,aAAa,EAAE,EAAC,KAAK,EAAE,IAAI,EAAC,CAAC,YAC3C,uBAAC,cAAM,IACH,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,UAAU,CAAC,YAEtC,uBAAC,YAAI,IAAC,IAAI,EAAE,yBAAiB,GAAI,GAC5B,GACP,CACT,IACe,EACpB,uBAAC,8BAAK,IAAC,GAAG,EAAE,UAAU,EAAE,WAAW,QAAC,OAAO,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,YAC3D,KAAK,GACF,IACC,CAChB,CAAC;AACN,CAAC,CAAC;AA3DW,QAAA,MAAM,UA2DjB","sourcesContent":["import {ArrowLeftFromLine, ArrowRightFromLine, Grip} from '@gravity-ui/icons';\nimport {Button, Icon} from '@gravity-ui/uikit';\nimport * as React from 'react';\nimport {ImperativePanelHandle, Panel, PanelGroup, PanelResizeHandle} from 'react-resizable-panels';\n\nimport {editorCn} from '../../utils/cn';\n\nimport './Panels.scss';\n\nconst b = editorCn('panels');\n\ninterface PanelsProps {\n    left: React.ReactElement;\n    middle: React.ReactElement;\n    right: React.ReactElement;\n}\n\nexport const Panels = ({left, right, middle}: PanelsProps) => {\n    const leftPanel = React.useRef<ImperativePanelHandle>(null);\n    const rightPanel = React.useRef<ImperativePanelHandle>(null);\n\n    const expandPanel = (reference: React.RefObject<ImperativePanelHandle>) => {\n        const panel = reference.current;\n        if (panel) {\n            panel.expand();\n        }\n    };\n\n    const isCollapsed = {\n        left: leftPanel.current?.isCollapsed() || false,\n        right: rightPanel.current?.isCollapsed() || false,\n    };\n\n    return (\n        <PanelGroup\n            className={b('panel')}\n            autoSaveId=\"page-constructor-editor\"\n            direction=\"horizontal\"\n        >\n            <Panel ref={leftPanel} collapsible defaultSize={25} minSize={15}>\n                {left}\n            </Panel>\n            <PanelResizeHandle className={b('draggable')}>\n                <Grip className={b('grip')} />\n                {isCollapsed.left && (\n                    <div className={b('button-wrap', {left: true})}>\n                        <Button\n                            className={b('button')}\n                            view=\"action\"\n                            onClick={() => expandPanel(leftPanel)}\n                        >\n                            <Icon data={ArrowRightFromLine} />\n                        </Button>\n                    </div>\n                )}\n            </PanelResizeHandle>\n            <Panel minSize={20}>{middle}</Panel>\n            <PanelResizeHandle className={b('draggable')}>\n                <Grip className={b('grip')} />\n                {isCollapsed.right && (\n                    <div className={b('button-wrap', {right: true})}>\n                        <Button\n                            className={b('button')}\n                            view=\"action\"\n                            onClick={() => expandPanel(rightPanel)}\n                        >\n                            <Icon data={ArrowLeftFromLine} />\n                        </Button>\n                    </div>\n                )}\n            </PanelResizeHandle>\n            <Panel ref={rightPanel} collapsible minSize={15} defaultSize={25}>\n                {right}\n            </Panel>\n        </PanelGroup>\n    );\n};\n"]}

package/build/cjs/editor-v2/components/Sidebar/Sidebar.css

@@ -0,0 +1,48 @@
+.pceditor-sidebar {
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  height: 100%;
+}
+.pceditor-sidebar__block {
+  width: 100%;
+  border-bottom: 1px solid var(--g-color-line-generic);
+}
+.pceditor-sidebar__tabs {
+  scrollbar-width: thin;
+  scrollbar-color: var(--g-color-scroll-handle) transparent;
+  overflow: auto;
+}
+.pceditor-sidebar__tabs::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+  background-color: transparent;
+}
+.pceditor-sidebar__tabs::-webkit-scrollbar-track {
+  background: transparent;
+  border-radius: 4px;
+}
+.pceditor-sidebar__tabs::-webkit-scrollbar-thumb {
+  background: var(--g-color-scroll-handle);
+  border-radius: 4px;
+  transition: background-color 0.2s;
+  opacity: 0;
+}
+.pceditor-sidebar__tabs::-webkit-scrollbar-thumb:hover {
+  background: var(--g-color-scroll-handle-hover);
+  opacity: 1;
+}
+.pceditor-sidebar__tabs::-webkit-scrollbar-thumb:active {
+  background: var(--g-color-scroll-handle-hover);
+  opacity: 1;
+}
+.pceditor-sidebar__tabs::-webkit-scrollbar-corner {
+  background: transparent;
+}
+.pceditor-sidebar__tabs:hover::-webkit-scrollbar-thumb {
+  opacity: 0.7;
+}
+.pceditor-sidebar__tabs:not(:hover)::-webkit-scrollbar-thumb {
+  opacity: 0;
+  transition: opacity 0.5s ease-out;
+}

package/build/cjs/editor-v2/components/Sidebar/Sidebar.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { TabItemProps } from "../Tabs/Tabs.js";
+interface SidebarProps {
+    tabs: TabItemProps[];
+    defaultTab?: string;
+    top?: React.ElementType[];
+    className?: string;
+}
+export declare const Sidebar: ({ className, tabs, top }: SidebarProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/build/cjs/editor-v2/components/Sidebar/Sidebar.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Sidebar = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const cn_1 = require("../../utils/cn.js");
+const Tabs_1 = tslib_1.__importDefault(require("../Tabs/Tabs.js"));
+const b = (0, cn_1.editorCn)('sidebar');
+const Sidebar = ({ className, tabs, top = [] }) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: b(null, className), children: [top.map((TopComponent, idx) => ((0, jsx_runtime_1.jsx)("div", { className: b('block'), children: (0, jsx_runtime_1.jsx)(TopComponent, {}) }, idx))), (0, jsx_runtime_1.jsx)(Tabs_1.default, { items: tabs })] }));
+};
+exports.Sidebar = Sidebar;
+//# sourceMappingURL=Sidebar.js.map

package/build/cjs/editor-v2/components/Sidebar/Sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.js","sourceRoot":"../../../../../src","sources":["editor-v2/components/Sidebar/Sidebar.tsx"],"names":[],"mappings":";;;;;AAEA,0CAAwC;AACxC,mEAAgD;AAIhD,MAAM,CAAC,GAAG,IAAA,aAAQ,EAAC,SAAS,CAAC,CAAC;AASvB,MAAM,OAAO,GAAG,CAAC,EAAC,SAAS,EAAE,IAAI,EAAE,GAAG,GAAG,EAAE,EAAe,EAAE,EAAE;IACjE,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,aAC7B,GAAG,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,GAAG,EAAE,EAAE,CAAC,CAC5B,gCAAe,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAChC,uBAAC,YAAY,KAAG,IADV,GAAG,CAEP,CACT,CAAC,EACF,uBAAC,cAAI,IAAC,KAAK,EAAE,IAAI,GAAI,IACnB,CACT,CAAC;AACN,CAAC,CAAC;AAXW,QAAA,OAAO,WAWlB","sourcesContent":["import * as React from 'react';\n\nimport {editorCn} from '../../utils/cn';\nimport Tabs, {TabItemProps} from '../Tabs/Tabs';\n\nimport './Sidebar.scss';\n\nconst b = editorCn('sidebar');\n\ninterface SidebarProps {\n    tabs: TabItemProps[];\n    defaultTab?: string;\n    top?: React.ElementType[];\n    className?: string;\n}\n\nexport const Sidebar = ({className, tabs, top = []}: SidebarProps) => {\n    return (\n        <div className={b(null, className)}>\n            {top.map((TopComponent, idx) => (\n                <div key={idx} className={b('block')}>\n                    <TopComponent />\n                </div>\n            ))}\n            <Tabs items={tabs} />\n        </div>\n    );\n};\n"]}

package/build/cjs/editor-v2/components/Tabs/Tabs.css

@@ -0,0 +1,95 @@
+.pceditor-tabs {
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  height: 100%;
+  /* Make sure any nested tabs component also has proper overflow behavior */
+}
+.pceditor-tabs .g-button.pceditor-tabs__item {
+  color: var(--g-color-text-hint);
+  font-weight: 500;
+  letter-spacing: 0.5px;
+  cursor: pointer;
+  font-size: var(--g-text-code-inline-1-font-size);
+  line-height: var(--g-text-code-inline-2-line-height);
+  align-items: center;
+}
+.pceditor-tabs .g-button.pceditor-tabs__item_active {
+  pointer-events: none;
+  color: var(--g-color-text-primary);
+}
+.pceditor-tabs__tabs-wrapper {
+  width: 100%;
+  border-bottom: 1px solid var(--g-color-line-generic);
+  display: inline-flex;
+  flex-direction: row;
+  padding: 12px 4px;
+  flex: 0 0 auto;
+  box-sizing: border-box;
+  overflow-x: auto;
+  position: sticky;
+  top: 0;
+  background-color: var(--g-color-base-background);
+  /* This ensures the background is visible when sticky */
+  z-index: 2;
+  /* Higher z-index for parent tabs-wrapper */
+}
+.pceditor-tabs .pceditor-tabs {
+  overflow: visible;
+  /* Ensure nested tabs-wrapper elements are also sticky but positioned below parent tabs-wrapper */
+  /* This selector specifically targets tabs-wrapper elements inside a nested tabs component */
+}
+.pceditor-tabs .pceditor-tabs .pceditor-tabs__tabs-wrapper {
+  position: sticky;
+  /* Position below parent tabs-wrapper */
+  z-index: 1;
+  background-color: var(--g-color-base-background);
+}
+.pceditor-tabs__body {
+  flex: 1;
+  min-height: 1px;
+  height: 100%;
+}
+.pceditor-tabs__item {
+  scrollbar-width: thin;
+  scrollbar-color: var(--g-color-scroll-handle) transparent;
+  overflow: auto;
+  overflow-y: auto;
+  max-height: 100%;
+}
+.pceditor-tabs__item::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+  background-color: transparent;
+}
+.pceditor-tabs__item::-webkit-scrollbar-track {
+  background: transparent;
+  border-radius: 4px;
+}
+.pceditor-tabs__item::-webkit-scrollbar-thumb {
+  background: var(--g-color-scroll-handle);
+  border-radius: 4px;
+  transition: background-color 0.2s;
+  opacity: 0;
+}
+.pceditor-tabs__item::-webkit-scrollbar-thumb:hover {
+  background: var(--g-color-scroll-handle-hover);
+  opacity: 1;
+}
+.pceditor-tabs__item::-webkit-scrollbar-thumb:active {
+  background: var(--g-color-scroll-handle-hover);
+  opacity: 1;
+}
+.pceditor-tabs__item::-webkit-scrollbar-corner {
+  background: transparent;
+}
+.pceditor-tabs__item:hover::-webkit-scrollbar-thumb {
+  opacity: 0.7;
+}
+.pceditor-tabs__item:not(:hover)::-webkit-scrollbar-thumb {
+  opacity: 0;
+  transition: opacity 0.5s ease-out;
+}
+.pceditor-tabs__item_padding {
+  padding: 16px 12px;
+}

package/build/cjs/editor-v2/components/Tabs/Tabs.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+export interface TabItemProps {
+    id: string;
+    title: string;
+    component: React.ElementType;
+    withPadding?: boolean;
+}
+export interface TabsProps {
+    className?: string;
+    items: TabItemProps[];
+    defaultTab?: string | null;
+}
+declare const Tabs: ({ className, items, defaultTab }: TabsProps) => import("react/jsx-runtime").JSX.Element;
+export default Tabs;

package/build/cjs/editor-v2/components/Tabs/Tabs.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_1 = require("@gravity-ui/uikit");
+const React = tslib_1.__importStar(require("react"));
+const cn_1 = require("../../utils/cn.js");
+const b = (0, cn_1.editorCn)('tabs');
+const Tabs = ({ className, items, defaultTab }) => {
+    const [currentTab, setCurrentTab] = React.useState(defaultTab);
+    const activeTab = React.useMemo(() => {
+        if (currentTab) {
+            const findTab = items.find(({ id }) => id === currentTab);
+            if (findTab) {
+                return findTab;
+            }
+        }
+        return items[0] || null;
+    }, [currentTab, items]);
+    const [isPaddingEnabled, setIsPaddingEnabled] = React.useState(activeTab?.withPadding || true);
+    const handleClick = React.useCallback((tabItem) => () => {
+        setCurrentTab(tabItem.id);
+        setIsPaddingEnabled(tabItem.withPadding || false);
+    }, []);
+    const TabComponent = React.useMemo(() => {
+        return activeTab?.component;
+    }, [activeTab]);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: b(null, className), children: [items.length > 1 && ((0, jsx_runtime_1.jsx)("div", { className: b('tabs-wrapper'), role: "tablist", children: items.map((item) => {
+                    const isActive = item.id === activeTab.id;
+                    return ((0, jsx_runtime_1.jsx)(uikit_1.Button, { view: "flat", size: "s", className: b('item', { active: isActive }), extraProps: {
+                            role: 'tab',
+                        }, onClick: handleClick(item), children: item.title }, item.title));
+                }) })), (0, jsx_runtime_1.jsx)("div", { className: b('body'), children: TabComponent && ((0, jsx_runtime_1.jsx)(TabComponent, { className: b('item', { padding: isPaddingEnabled }) })) })] }));
+};
+exports.default = Tabs;
+//# sourceMappingURL=Tabs.js.map

package/build/cjs/editor-v2/components/Tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sourceRoot":"../../../../../src","sources":["editor-v2/components/Tabs/Tabs.tsx"],"names":[],"mappings":";;;;AAAA,6CAAyC;AACzC,qDAA+B;AAE/B,0CAAwC;AAIxC,MAAM,CAAC,GAAG,IAAA,aAAQ,EAAC,MAAM,CAAC,CAAC;AAe3B,MAAM,IAAI,GAAG,CAAC,EAAC,SAAS,EAAE,KAAK,EAAE,UAAU,EAAY,EAAE,EAAE;IACvD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;IAE/D,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACjC,IAAI,UAAU,EAAE,CAAC;YACb,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,EAAC,EAAE,EAAC,EAAE,EAAE,CAAC,EAAE,KAAK,UAAU,CAAC,CAAC;YACxD,IAAI,OAAO,EAAE,CAAC;gBACV,OAAO,OAAO,CAAC;YACnB,CAAC;QACL,CAAC;QAED,OAAO,KAAK,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC;IAC5B,CAAC,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,CAAC;IAExB,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAC1D,SAAS,EAAE,WAAW,IAAI,IAAI,CACjC,CAAC;IAEF,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CACjC,CAAC,OAAqB,EAAE,EAAE,CAAC,GAAG,EAAE;QAC5B,aAAa,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAC1B,mBAAmB,CAAC,OAAO,CAAC,WAAW,IAAI,KAAK,CAAC,CAAC;IACtD,CAAC,EACD,EAAE,CACL,CAAC;IAEF,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACpC,OAAO,SAAS,EAAE,SAAS,CAAC;IAChC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,aAC7B,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CACjB,gCAAK,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,EAAE,IAAI,EAAC,SAAS,YAC5C,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;oBAChB,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,KAAK,SAAS,CAAC,EAAE,CAAC;oBAE1C,OAAO,CACH,uBAAC,cAAM,IACH,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,GAAG,EACR,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,MAAM,EAAE,QAAQ,EAAC,CAAC,EAExC,UAAU,EAAE;4BACR,IAAI,EAAE,KAAK;yBACd,EACD,OAAO,EAAE,WAAW,CAAC,IAAI,CAAC,YAEzB,IAAI,CAAC,KAAK,IANN,IAAI,CAAC,KAAK,CAOV,CACZ,CAAC;gBACN,CAAC,CAAC,GACA,CACT,EACD,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACpB,YAAY,IAAI,CACb,uBAAC,YAAY,IAAC,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,OAAO,EAAE,gBAAgB,EAAC,CAAC,GAAI,CACtE,GACC,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,IAAI,CAAC","sourcesContent":["import {Button} from '@gravity-ui/uikit';\nimport * as React from 'react';\n\nimport {editorCn} from '../../utils/cn';\n\nimport './Tabs.scss';\n\nconst b = editorCn('tabs');\n\nexport interface TabItemProps {\n    id: string;\n    title: string;\n    component: React.ElementType;\n    withPadding?: boolean;\n}\n\nexport interface TabsProps {\n    className?: string;\n    items: TabItemProps[];\n    defaultTab?: string | null;\n}\n\nconst Tabs = ({className, items, defaultTab}: TabsProps) => {\n    const [currentTab, setCurrentTab] = React.useState(defaultTab);\n\n    const activeTab = React.useMemo(() => {\n        if (currentTab) {\n            const findTab = items.find(({id}) => id === currentTab);\n            if (findTab) {\n                return findTab;\n            }\n        }\n\n        return items[0] || null;\n    }, [currentTab, items]);\n\n    const [isPaddingEnabled, setIsPaddingEnabled] = React.useState<boolean>(\n        activeTab?.withPadding || true,\n    );\n\n    const handleClick = React.useCallback(\n        (tabItem: TabItemProps) => () => {\n            setCurrentTab(tabItem.id);\n            setIsPaddingEnabled(tabItem.withPadding || false);\n        },\n        [],\n    );\n\n    const TabComponent = React.useMemo(() => {\n        return activeTab?.component;\n    }, [activeTab]);\n\n    return (\n        <div className={b(null, className)}>\n            {items.length > 1 && (\n                <div className={b('tabs-wrapper')} role=\"tablist\">\n                    {items.map((item) => {\n                        const isActive = item.id === activeTab.id;\n\n                        return (\n                            <Button\n                                view=\"flat\"\n                                size=\"s\"\n                                className={b('item', {active: isActive})}\n                                key={item.title}\n                                extraProps={{\n                                    role: 'tab',\n                                }}\n                                onClick={handleClick(item)}\n                            >\n                                {item.title}\n                            </Button>\n                        );\n                    })}\n                </div>\n            )}\n            <div className={b('body')}>\n                {TabComponent && (\n                    <TabComponent className={b('item', {padding: isPaddingEnabled})} />\n                )}\n            </div>\n        </div>\n    );\n};\n\nexport default Tabs;\n"]}

package/build/cjs/editor-v2/constants/messages.d.ts

@@ -0,0 +1,10 @@
+export declare const MESSAGES: {
+    readonly NO_BLOCK_SELECTED: {
+        readonly title: "Блок не выбран";
+        readonly description: "Выберите блок на экране или в слоях в левом меню для редактирования его свойств";
+    };
+    readonly UNSUPPORTED_BLOCK: {
+        readonly title: "Неподдерживаемый блок";
+        readonly description: "Данный тип блока не поддерживается в редакторе. Но вы также можете отредактировать его конфигурацию вручную в меню RAW.";
+    };
+};

package/build/cjs/editor-v2/constants/messages.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MESSAGES = void 0;
+exports.MESSAGES = {
+    NO_BLOCK_SELECTED: {
+        title: 'Блок не выбран',
+        description: 'Выберите блок на экране или в слоях в левом меню для редактирования его свойств',
+    },
+    UNSUPPORTED_BLOCK: {
+        title: 'Неподдерживаемый блок',
+        description: 'Данный тип блока не поддерживается в редакторе. Но вы также можете отредактировать его конфигурацию вручную в меню RAW.',
+    },
+};
+//# sourceMappingURL=messages.js.map

package/build/cjs/editor-v2/constants/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"../../../../src","sources":["editor-v2/constants/messages.ts"],"names":[],"mappings":";;;AAAa,QAAA,QAAQ,GAAG;IACpB,iBAAiB,EAAE;QACf,KAAK,EAAE,gBAAgB;QACvB,WAAW,EACP,iFAAiF;KACxF;IACD,iBAAiB,EAAE;QACf,KAAK,EAAE,uBAAuB;QAC9B,WAAW,EACP,yHAAyH;KAChI;CACK,CAAC","sourcesContent":["export const MESSAGES = {\n    NO_BLOCK_SELECTED: {\n        title: 'Блок не выбран',\n        description:\n            'Выберите блок на экране или в слоях в левом меню для редактирования его свойств',\n    },\n    UNSUPPORTED_BLOCK: {\n        title: 'Неподдерживаемый блок',\n        description:\n            'Данный тип блока не поддерживается в редакторе. Но вы также можете отредактировать его конфигурацию вручную в меню RAW.',\n    },\n} as const;\n"]}

package/build/cjs/editor-v2/constants.d.ts

@@ -0,0 +1 @@
+export declare const ZOOM_STEPS: number[];