@gravity-ui/page-constructor 6.0.0-beta.11 → 6.0.0-beta.13

package/build/cjs/editor/components/PageSettings/i18n/index.js

@@ -1,5 +1,10 @@
-import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
-import { NAMESPACE } from '../../../../utils/cn';
-import en from './en.json';
-import ru from './ru.json';
-export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}PageSettings`);
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.i18n = void 0;
+const tslib_1 = require("tslib");
+const i18n_1 = require("@gravity-ui/uikit/i18n");
+const cn_1 = require("../../../../utils/cn.js");
+const en_json_1 = tslib_1.__importDefault(require("./en.json"));
+const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
+exports.i18n = (0, i18n_1.addComponentKeysets)({ en: en_json_1.default, ru: ru_json_1.default }, `${cn_1.NAMESPACE}PageSettings`);
+//# sourceMappingURL=index.js.map

package/build/cjs/editor/components/PageSettings/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../../../src","sources":["editor/components/PageSettings/i18n/index.ts"],"names":[],"mappings":";;;;AAAA,iDAA2D;AAE3D,gDAA+C;AAE/C,gEAA2B;AAC3B,gEAA2B;AAEd,QAAA,IAAI,GAAG,IAAA,0BAAmB,EAAC,EAAC,EAAE,EAAF,iBAAE,EAAE,EAAE,EAAF,iBAAE,EAAC,EAAE,GAAG,cAAS,cAAc,CAAC,CAAC","sourcesContent":["import {addComponentKeysets} from '@gravity-ui/uikit/i18n';\n\nimport {NAMESPACE} from '../../../../utils/cn';\n\nimport en from './en.json';\nimport ru from './ru.json';\n\nexport const i18n = addComponentKeysets({en, ru}, `${NAMESPACE}PageSettings`);\n"]}

package/build/cjs/editor/containers/Editor/Editor.d.ts

@@ -1,2 +1,2 @@
-import { EditorProps } from '../../types';
+import { EditorProps } from "../../types/index.js";
 export declare const Editor: (props: EditorProps) => import("react/jsx-runtime").JSX.Element;

package/build/cjs/editor/containers/Editor/Editor.js

@@ -1,18 +1,24 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { PageConstructor, PageConstructorProvider } from '../../../containers/PageConstructor';
-import { block } from '../../../utils';
-import AddBlock from '../../components/AddBlock/AddBlock';
-import { CodeEditor } from '../../components/CodeEditor/CodeEditor';
-import ControlPanel from '../../components/ControlPanel/ControlPanel';
-import { ErrorBoundary } from '../../components/ErrorBoundary/ErrorBoundary';
-import Layout from '../../components/Layout/Layout';
-import { PageSettings } from '../../components/PageSettings/PageSettings';
-import { EditorContext } from '../../context';
-import { Form } from '../Form/Form';
-import { useEditorState } from './hooks/useEditorState';
-const b = block('editor');
-export const Editor = (props) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Editor = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const PageConstructor_1 = require("../../../containers/PageConstructor/index.js");
+const utils_1 = require("../../../utils/index.js");
+const AddBlock_1 = tslib_1.__importDefault(require("../../components/AddBlock/AddBlock.js"));
+const CodeEditor_1 = require("../../components/CodeEditor/CodeEditor.js");
+const ControlPanel_1 = tslib_1.__importDefault(require("../../components/ControlPanel/ControlPanel.js"));
+const ErrorBoundary_1 = require("../../components/ErrorBoundary/ErrorBoundary.js");
+const Layout_1 = tslib_1.__importDefault(require("../../components/Layout/Layout.js"));
+const PageSettings_1 = require("../../components/PageSettings/PageSettings.js");
+const context_1 = require("../../context.js");
+const Form_1 = require("../Form/Form.js");
+const useEditorState_1 = require("./hooks/useEditorState.js");
+const b = (0, utils_1.block)('editor');
+const Editor = (props) => {
     const { providerProps } = props;
-    const { context, viewMode, editMode, constructorTheme, onThemeUpdate, onViewModeUpdate, onEditModeUpdate, isCodeEditMode, isFormEditMode, isDesktopViewMode, content, schema, onContentUpdate, code, codeValidator, codeFullscreeModeOn, onCodeFullscreeModeOnUpdate, activeBlockIndex, onSelect, isCodeOnlyMode, errorBoundaryState, outgoingProps, onAdd, } = useEditorState(props);
-    return (_jsxs(EditorContext.Provider, { value: context, children: [_jsx(ControlPanel, { viewMode: viewMode, onViewModeChange: onViewModeUpdate, editMode: editMode, onEditModeChange: onEditModeUpdate, theme: constructorTheme, className: b('panel'), onThemeChange: onThemeUpdate }), isFormEditMode && isDesktopViewMode && (_jsx(PageSettings, { content: content, schema: schema, onChange: onContentUpdate })), isCodeEditMode && (_jsx(CodeEditor, { code: code, onChange: onContentUpdate, validator: codeValidator, fullscreenModeOn: codeFullscreeModeOn, onFullscreenModeOnUpdate: onCodeFullscreeModeOnUpdate })), _jsxs(Layout, { editMode: editMode, viewMode: viewMode, children: [isFormEditMode && isDesktopViewMode && (_jsx(Layout.Left, { children: _jsx(Form, { content: content, onChange: onContentUpdate, activeBlockIndex: activeBlockIndex, schema: schema, onSelect: onSelect }) })), !isCodeOnlyMode && (_jsxs(Layout.Right, { children: [_jsx(ErrorBoundary, { children: _jsx(PageConstructorProvider, Object.assign({}, providerProps, { theme: constructorTheme, children: _jsx(PageConstructor, Object.assign({}, outgoingProps)) })) }, errorBoundaryState), isFormEditMode && _jsx(AddBlock, { onAdd: onAdd })] }))] })] }));
+    const { context, viewMode, editMode, constructorTheme, onThemeUpdate, onViewModeUpdate, onEditModeUpdate, isCodeEditMode, isFormEditMode, isDesktopViewMode, content, schema, onContentUpdate, code, codeValidator, codeFullscreeModeOn, onCodeFullscreeModeOnUpdate, activeBlockIndex, onSelect, isCodeOnlyMode, errorBoundaryState, outgoingProps, onAdd, } = (0, useEditorState_1.useEditorState)(props);
+    return ((0, jsx_runtime_1.jsxs)(context_1.EditorContext.Provider, { value: context, children: [(0, jsx_runtime_1.jsx)(ControlPanel_1.default, { viewMode: viewMode, onViewModeChange: onViewModeUpdate, editMode: editMode, onEditModeChange: onEditModeUpdate, theme: constructorTheme, className: b('panel'), onThemeChange: onThemeUpdate }), isFormEditMode && isDesktopViewMode && ((0, jsx_runtime_1.jsx)(PageSettings_1.PageSettings, { content: content, schema: schema, onChange: onContentUpdate })), isCodeEditMode && ((0, jsx_runtime_1.jsx)(CodeEditor_1.CodeEditor, { code: code, onChange: onContentUpdate, validator: codeValidator, fullscreenModeOn: codeFullscreeModeOn, onFullscreenModeOnUpdate: onCodeFullscreeModeOnUpdate })), (0, jsx_runtime_1.jsxs)(Layout_1.default, { editMode: editMode, viewMode: viewMode, children: [isFormEditMode && isDesktopViewMode && ((0, jsx_runtime_1.jsx)(Layout_1.default.Left, { children: (0, jsx_runtime_1.jsx)(Form_1.Form, { content: content, onChange: onContentUpdate, activeBlockIndex: activeBlockIndex, schema: schema, onSelect: onSelect }) })), !isCodeOnlyMode && ((0, jsx_runtime_1.jsxs)(Layout_1.default.Right, { children: [(0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(PageConstructor_1.PageConstructorProvider, Object.assign({}, providerProps, { theme: constructorTheme, children: (0, jsx_runtime_1.jsx)(PageConstructor_1.PageConstructor, Object.assign({}, outgoingProps)) })) }, errorBoundaryState), isFormEditMode && (0, jsx_runtime_1.jsx)(AddBlock_1.default, { onAdd: onAdd })] }))] })] }));
 };
+exports.Editor = Editor;
+//# sourceMappingURL=Editor.js.map

package/build/cjs/editor/containers/Editor/Editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Editor.js","sourceRoot":"../../../../../src","sources":["editor/containers/Editor/Editor.tsx"],"names":[],"mappings":";;;;;AAAA,kFAA6F;AAC7F,mDAAqC;AACrC,6FAA0D;AAC1D,0EAAkE;AAClE,yGAAsE;AACtE,mFAA2E;AAC3E,uFAAoD;AACpD,gFAAwE;AACxE,8CAA4C;AAE5C,0CAAkC;AAElC,8DAAsD;AAItD,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,QAAQ,CAAC,CAAC;AAEnB,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IACzC,MAAM,EAAC,aAAa,EAAC,GAAG,KAAK,CAAC;IAE9B,MAAM,EACF,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,gBAAgB,EAChB,aAAa,EACb,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,iBAAiB,EACjB,OAAO,EACP,MAAM,EACN,eAAe,EACf,IAAI,EACJ,aAAa,EACb,mBAAmB,EACnB,2BAA2B,EAC3B,gBAAgB,EAChB,QAAQ,EACR,cAAc,EACd,kBAAkB,EAClB,aAAa,EACb,KAAK,GACR,GAAG,IAAA,+BAAc,EAAC,KAAK,CAAC,CAAC;IAE1B,OAAO,CACH,wBAAC,uBAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,aAClC,uBAAC,sBAAY,IACT,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAE,gBAAgB,EACvB,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,aAAa,EAAE,aAAa,GAC9B,EACD,cAAc,IAAI,iBAAiB,IAAI,CACpC,uBAAC,2BAAY,IAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,eAAe,GAAI,CAChF,EACA,cAAc,IAAI,CACf,uBAAC,uBAAU,IACP,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,eAAe,EACzB,SAAS,EAAE,aAAa,EACxB,gBAAgB,EAAE,mBAAmB,EACrC,wBAAwB,EAAE,2BAA2B,GACvD,CACL,EACD,wBAAC,gBAAM,IAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,aACzC,cAAc,IAAI,iBAAiB,IAAI,CACpC,uBAAC,gBAAM,CAAC,IAAI,cACR,uBAAC,WAAI,IACD,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,eAAe,EACzB,gBAAgB,EAAE,gBAAgB,EAClC,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,GACpB,GACQ,CACjB,EACA,CAAC,cAAc,IAAI,CAChB,wBAAC,gBAAM,CAAC,KAAK,eACT,uBAAC,6BAAa,cACV,uBAAC,yCAAuB,oBAAK,aAAa,IAAE,KAAK,EAAE,gBAAgB,YAC/D,uBAAC,iCAAe,oBAAK,aAAa,EAAI,IAChB,IAHV,kBAAkB,CAItB,EACf,cAAc,IAAI,uBAAC,kBAAQ,IAAC,KAAK,EAAE,KAAK,GAAI,IAClC,CAClB,IACI,IACY,CAC5B,CAAC;AACN,CAAC,CAAC;AA7EW,QAAA,MAAM,UA6EjB","sourcesContent":["import {PageConstructor, PageConstructorProvider} from '../../../containers/PageConstructor';\nimport {block} from '../../../utils';\nimport AddBlock from '../../components/AddBlock/AddBlock';\nimport {CodeEditor} from '../../components/CodeEditor/CodeEditor';\nimport ControlPanel from '../../components/ControlPanel/ControlPanel';\nimport {ErrorBoundary} from '../../components/ErrorBoundary/ErrorBoundary';\nimport Layout from '../../components/Layout/Layout';\nimport {PageSettings} from '../../components/PageSettings/PageSettings';\nimport {EditorContext} from '../../context';\nimport {EditorProps} from '../../types';\nimport {Form} from '../Form/Form';\n\nimport {useEditorState} from './hooks/useEditorState';\n\nimport './Editor.scss';\n\nconst b = block('editor');\n\nexport const Editor = (props: EditorProps) => {\n    const {providerProps} = props;\n\n    const {\n        context,\n        viewMode,\n        editMode,\n        constructorTheme,\n        onThemeUpdate,\n        onViewModeUpdate,\n        onEditModeUpdate,\n        isCodeEditMode,\n        isFormEditMode,\n        isDesktopViewMode,\n        content,\n        schema,\n        onContentUpdate,\n        code,\n        codeValidator,\n        codeFullscreeModeOn,\n        onCodeFullscreeModeOnUpdate,\n        activeBlockIndex,\n        onSelect,\n        isCodeOnlyMode,\n        errorBoundaryState,\n        outgoingProps,\n        onAdd,\n    } = useEditorState(props);\n\n    return (\n        <EditorContext.Provider value={context}>\n            <ControlPanel\n                viewMode={viewMode}\n                onViewModeChange={onViewModeUpdate}\n                editMode={editMode}\n                onEditModeChange={onEditModeUpdate}\n                theme={constructorTheme}\n                className={b('panel')}\n                onThemeChange={onThemeUpdate}\n            />\n            {isFormEditMode && isDesktopViewMode && (\n                <PageSettings content={content} schema={schema} onChange={onContentUpdate} />\n            )}\n            {isCodeEditMode && (\n                <CodeEditor\n                    code={code}\n                    onChange={onContentUpdate}\n                    validator={codeValidator}\n                    fullscreenModeOn={codeFullscreeModeOn}\n                    onFullscreenModeOnUpdate={onCodeFullscreeModeOnUpdate}\n                />\n            )}\n            <Layout editMode={editMode} viewMode={viewMode}>\n                {isFormEditMode && isDesktopViewMode && (\n                    <Layout.Left>\n                        <Form\n                            content={content}\n                            onChange={onContentUpdate}\n                            activeBlockIndex={activeBlockIndex}\n                            schema={schema}\n                            onSelect={onSelect}\n                        />\n                    </Layout.Left>\n                )}\n                {!isCodeOnlyMode && (\n                    <Layout.Right>\n                        <ErrorBoundary key={errorBoundaryState}>\n                            <PageConstructorProvider {...providerProps} theme={constructorTheme}>\n                                <PageConstructor {...outgoingProps} />\n                            </PageConstructorProvider>\n                        </ErrorBoundary>\n                        {isFormEditMode && <AddBlock onAdd={onAdd} />}\n                    </Layout.Right>\n                )}\n            </Layout>\n        </EditorContext.Provider>\n    );\n};\n"]}

package/build/cjs/editor/containers/Editor/hooks/useCode.d.ts

@@ -1,4 +1,4 @@
-import { PageContent } from '../../../../models';
+import { PageContent } from "../../../../models/index.js";
 type UseCodeProps = {
     content: PageContent;
     codeFullscreeModeOn: boolean;

package/build/cjs/editor/containers/Editor/hooks/useCode.js

@@ -1,24 +1,29 @@
-import * as React from 'react';
-import yaml from 'js-yaml';
-import usePreviousValue from '../../../hooks/usePreviousValue';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCode = useCode;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const js_yaml_1 = tslib_1.__importDefault(require("js-yaml"));
+const usePreviousValue_1 = tslib_1.__importDefault(require("../../../hooks/usePreviousValue.js"));
 /**
  * Transorms PageConstructor content in JSON to YAML on code editor mode switching
  *
  * @param {Object} props - props parent from form
  * @returns {string} - updated code
  */
-export function useCode({ content, codeFullscreeModeOn, isCodeEditMode }) {
+function useCode({ content, codeFullscreeModeOn, isCodeEditMode }) {
     var _a;
     const [code, setCode] = React.useState('');
-    const prevContentLength = usePreviousValue((_a = content.blocks) === null || _a === void 0 ? void 0 : _a.length);
-    const prevCodeFullscreeModeOn = usePreviousValue(codeFullscreeModeOn);
+    const prevContentLength = (0, usePreviousValue_1.default)((_a = content.blocks) === null || _a === void 0 ? void 0 : _a.length);
+    const prevCodeFullscreeModeOn = (0, usePreviousValue_1.default)(codeFullscreeModeOn);
     React.useEffect(() => {
         var _a;
         const blocksCountChanged = prevContentLength !== ((_a = content.blocks) === null || _a === void 0 ? void 0 : _a.length);
         const codeModeSwitched = codeFullscreeModeOn !== prevCodeFullscreeModeOn;
         if (blocksCountChanged || isCodeEditMode || codeModeSwitched) {
-            setCode(yaml.dump(content, { lineWidth: -1 }));
+            setCode(js_yaml_1.default.dump(content, { lineWidth: -1 }));
         }
     }, [isCodeEditMode, content, prevContentLength, codeFullscreeModeOn, prevCodeFullscreeModeOn]);
     return code;
 }
+//# sourceMappingURL=useCode.js.map

package/build/cjs/editor/containers/Editor/hooks/useCode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCode.js","sourceRoot":"../../../../../../src","sources":["editor/containers/Editor/hooks/useCode.ts"],"names":[],"mappings":";;AAmBA,0BAgBC;;AAnCD,qDAA+B;AAE/B,8DAA2B;AAG3B,kGAA+D;AAQ/D;;;;;GAKG;AACH,SAAgB,OAAO,CAAC,EAAC,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAe;;IAChF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE3C,MAAM,iBAAiB,GAAG,IAAA,0BAAgB,EAAC,MAAA,OAAO,CAAC,MAAM,0CAAE,MAAM,CAAC,CAAC;IACnE,MAAM,uBAAuB,GAAG,IAAA,0BAAgB,EAAC,mBAAmB,CAAC,CAAC;IAEtE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;;QACjB,MAAM,kBAAkB,GAAG,iBAAiB,MAAK,MAAA,OAAO,CAAC,MAAM,0CAAE,MAAM,CAAA,CAAC;QACxE,MAAM,gBAAgB,GAAG,mBAAmB,KAAK,uBAAuB,CAAC;QAEzE,IAAI,kBAAkB,IAAI,cAAc,IAAI,gBAAgB,EAAE,CAAC;YAC3D,OAAO,CAAC,iBAAI,CAAC,IAAI,CAAC,OAAO,EAAE,EAAC,SAAS,EAAE,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC;QACjD,CAAC;IACL,CAAC,EAAE,CAAC,cAAc,EAAE,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,uBAAuB,CAAC,CAAC,CAAC;IAE/F,OAAO,IAAI,CAAC;AAChB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport yaml from 'js-yaml';\n\nimport {PageContent} from '../../../../models';\nimport usePreviousValue from '../../../hooks/usePreviousValue';\n\ntype UseCodeProps = {\n    content: PageContent;\n    codeFullscreeModeOn: boolean;\n    isCodeEditMode: boolean;\n};\n\n/**\n * Transorms PageConstructor content in JSON to YAML on code editor mode switching\n *\n * @param {Object} props - props parent from form\n * @returns {string} - updated code\n */\nexport function useCode({content, codeFullscreeModeOn, isCodeEditMode}: UseCodeProps) {\n    const [code, setCode] = React.useState('');\n\n    const prevContentLength = usePreviousValue(content.blocks?.length);\n    const prevCodeFullscreeModeOn = usePreviousValue(codeFullscreeModeOn);\n\n    React.useEffect(() => {\n        const blocksCountChanged = prevContentLength !== content.blocks?.length;\n        const codeModeSwitched = codeFullscreeModeOn !== prevCodeFullscreeModeOn;\n\n        if (blocksCountChanged || isCodeEditMode || codeModeSwitched) {\n            setCode(yaml.dump(content, {lineWidth: -1}));\n        }\n    }, [isCodeEditMode, content, prevContentLength, codeFullscreeModeOn, prevCodeFullscreeModeOn]);\n\n    return code;\n}\n"]}

package/build/cjs/editor/containers/Editor/hooks/useEditorState.d.ts

@@ -1,38 +1,38 @@
-import { EditModeItem, EditorProps, ViewModeItem } from '../../../types';
+import { EditModeItem, EditorProps, ViewModeItem } from "../../../types/index.js";
 export declare const useEditorState: ({ customSchema, onChange, providerProps, transformContent, deviceEmulationSettings, theme: editorTheme, ...rest }: EditorProps) => {
     context: {
         constructorProps: {
-            content: import("../../../../models").PageContent;
-            custom: import("../../../../models").CustomConfig | undefined;
+            content: import("../../../../models/index.js").PageContent;
+            custom: import("../../../../models/index.js").CustomConfig | undefined;
         };
         providerProps: {
             isMobile: boolean;
-            theme: import("../../../../models").Theme;
-            locale?: import("../../../../context/localeContext").LocaleContextProps;
-            location?: import("../../../../context/locationContext").LocationContextProps;
-            ssrConfig?: import("../../../../context/ssrContext").SSRContextProps;
-            mapsContext?: import("../../../../context/mapsContext/mapsContext").MapsContextType;
-            projectSettings?: import("../../../../context/projectSettingsContext").ProjectSettingsContextProps;
-            analytics?: import("../../../..").AnalyticsContextProps;
-            forms?: import("../../../../context/formsContext").FormsContextProps;
-            image?: import("../../../../context/imageContext").ImageContextProps;
+            theme: import("../../../../models/index.js").Theme;
+            locale?: import("../../../../context/localeContext/index.js").LocaleContextProps;
+            location?: import("../../../../context/locationContext/index.js").LocationContextProps;
+            ssrConfig?: import("../../../../context/ssrContext/index.js").SSRContextProps;
+            mapsContext?: import("../../../../context/mapsContext/mapsContext.js").MapsContextType;
+            projectSettings?: import("../../../../context/projectSettingsContext/index.js").ProjectSettingsContextProps;
+            analytics?: import("../../../../index.js").AnalyticsContextProps;
+            forms?: import("../../../../context/formsContext/index.js").FormsContextProps;
+            image?: import("../../../../context/imageContext/index.js").ImageContextProps;
         };
-        deviceEmulationSettings: import("../../../types").DeviceEmulationSettings | undefined;
-        theme: import("../../../../models").Theme | undefined;
+        deviceEmulationSettings: import("../../../types/index.js").DeviceEmulationSettings | undefined;
+        theme: import("../../../../models/index.js").Theme | undefined;
     };
     viewMode: ViewModeItem;
     editMode: EditModeItem;
-    constructorTheme: import("../../../../models").Theme;
-    onThemeUpdate: (newTheme: import("../../../../models").Theme) => void;
+    constructorTheme: import("../../../../models/index.js").Theme;
+    onThemeUpdate: (newTheme: import("../../../../models/index.js").Theme) => void;
     onViewModeUpdate: (newViewMode: ViewModeItem) => void;
     onEditModeUpdate: (newEditMode: EditModeItem) => void;
     isCodeEditMode: boolean;
     isDesktopViewMode: boolean;
-    content: import("../../../../models").PageContent;
+    content: import("../../../../models/index.js").PageContent;
     schema: import("json-schema").JSONSchema4;
-    onContentUpdate: (newContent: import("../../../../models").PageContent) => void;
+    onContentUpdate: (newContent: import("../../../../models/index.js").PageContent) => void;
     code: string;
-    codeValidator: import("../../../hooks/useCodeValidator").CodeValidator;
+    codeValidator: import("../../../hooks/useCodeValidator.js").CodeValidator;
     codeFullscreeModeOn: boolean;
     onCodeFullscreeModeOnUpdate: (newCodeFullscreeModeOn: boolean) => void;
     activeBlockIndex: number;
@@ -40,10 +40,10 @@ export declare const useEditorState: ({ customSchema, onChange, providerProps, t
     isCodeOnlyMode: boolean;
     errorBoundaryState: number;
     outgoingProps: {
-        content: import("../../../../models").PageContent;
-        custom: import("../../../../models").CustomConfig | undefined;
+        content: import("../../../../models/index.js").PageContent;
+        custom: import("../../../../models/index.js").CustomConfig | undefined;
         viewMode: ViewModeItem;
     };
-    onAdd: (block: import("../../../../models").Block) => void;
+    onAdd: (block: import("../../../../models/index.js").Block) => void;
     isFormEditMode: boolean;
 };

package/build/cjs/editor/containers/Editor/hooks/useEditorState.js

@@ -1,40 +1,41 @@
-import { createRequire as _createRequire } from "module";
-const __require = _createRequire(import.meta.url);
-const tslib_1 = __require("tslib");
-import { createElement as _createElement } from "react";
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { generateDefaultSchema } from '../../../../schema';
-import EditBlock from '../../../components/EditBlock/EditBlock';
-import { ErrorBoundary } from '../../../components/ErrorBoundary/ErrorBoundary';
-import { NotFoundBlock } from '../../../components/NotFoundBlock/NotFoundBlock';
-import { useCodeValidator } from '../../../hooks/useCodeValidator';
-import { useMainState } from '../../../store/main';
-import { useSettingsState } from '../../../store/settings';
-import { EditModeItem, ViewModeItem } from '../../../types';
-import { addCustomDecorator, checkIsMobile, getBlockId } from '../../../utils';
-import { useCode } from './useCode';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useEditorState = void 0;
+const tslib_1 = require("tslib");
+const react_1 = require("react");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
+const schema_1 = require("../../../../schema/index.js");
+const EditBlock_1 = tslib_1.__importDefault(require("../../../components/EditBlock/EditBlock.js"));
+const ErrorBoundary_1 = require("../../../components/ErrorBoundary/ErrorBoundary.js");
+const NotFoundBlock_1 = require("../../../components/NotFoundBlock/NotFoundBlock.js");
+const useCodeValidator_1 = require("../../../hooks/useCodeValidator.js");
+const main_1 = require("../../../store/main/index.js");
+const settings_1 = require("../../../store/settings/index.js");
+const types_1 = require("../../../types/index.js");
+const utils_1 = require("../../../utils/index.js");
+const useCode_1 = require("./useCode.js");
 // Editor business logic
-export const useEditorState = (_a) => {
+const useEditorState = (_a) => {
     var { customSchema, onChange, providerProps, transformContent, deviceEmulationSettings, theme: editorTheme } = _a, rest = tslib_1.__rest(_a, ["customSchema", "onChange", "providerProps", "transformContent", "deviceEmulationSettings", "theme"]);
-    const { content, activeBlockIndex, errorBoundaryState, onContentUpdate, onAdd, onSelect, injectEditBlockProps, } = useMainState(rest);
-    const { viewMode, editMode, onEditModeUpdate, theme: constructorTheme, onViewModeUpdate, onThemeUpdate, codeFullscreeModeOn, onCodeFullscreeModeOnUpdate, } = useSettingsState();
-    const isCodeEditMode = editMode === EditModeItem.Code;
-    const isViewEditMode = editMode === EditModeItem.View;
-    const isFormEditMode = editMode === EditModeItem.Form;
-    const isDesktopViewMode = viewMode === ViewModeItem.Desktop;
+    const { content, activeBlockIndex, errorBoundaryState, onContentUpdate, onAdd, onSelect, injectEditBlockProps, } = (0, main_1.useMainState)(rest);
+    const { viewMode, editMode, onEditModeUpdate, theme: constructorTheme, onViewModeUpdate, onThemeUpdate, codeFullscreeModeOn, onCodeFullscreeModeOnUpdate, } = (0, settings_1.useSettingsState)();
+    const isCodeEditMode = editMode === types_1.EditModeItem.Code;
+    const isViewEditMode = editMode === types_1.EditModeItem.View;
+    const isFormEditMode = editMode === types_1.EditModeItem.Form;
+    const isDesktopViewMode = viewMode === types_1.ViewModeItem.Desktop;
     const isCodeOnlyMode = codeFullscreeModeOn && isCodeEditMode;
     const transformedContent = React.useMemo(() => (transformContent ? transformContent(content, { viewMode, editMode }) : content), [content, transformContent, viewMode, editMode]);
-    const schema = React.useMemo(() => generateDefaultSchema(customSchema), [customSchema]);
-    const codeValidator = useCodeValidator(schema);
+    const schema = React.useMemo(() => (0, schema_1.generateDefaultSchema)(customSchema), [customSchema]);
+    const codeValidator = (0, useCodeValidator_1.useCodeValidator)(schema);
     const outgoingProps = React.useMemo(() => {
         const custom = isCodeEditMode || isViewEditMode
             ? rest.custom
-            : addCustomDecorator([
-                (props) => _jsx(NotFoundBlock, Object.assign({}, props)),
-                (props) => (_jsx(EditBlock, Object.assign({}, injectEditBlockProps(props)))),
+            : (0, utils_1.addCustomDecorator)([
+                (props) => (0, jsx_runtime_1.jsx)(NotFoundBlock_1.NotFoundBlock, Object.assign({}, props)),
+                (props) => ((0, jsx_runtime_1.jsx)(EditBlock_1.default, Object.assign({}, injectEditBlockProps(props)))),
                 // need errorBoundaryState flag to reset error on content update
-                (props) => (_createElement(ErrorBoundary, Object.assign({}, props, { key: `${getBlockId(props)}-${errorBoundaryState}` }))),
+                (props) => ((0, react_1.createElement)(ErrorBoundary_1.ErrorBoundary, Object.assign({}, props, { key: `${(0, utils_1.getBlockId)(props)}-${errorBoundaryState}` }))),
             ], rest.custom);
         return {
             content: transformedContent,
@@ -55,7 +56,7 @@ export const useEditorState = (_a) => {
             content: transformedContent,
             custom: rest.custom,
         },
-        providerProps: Object.assign(Object.assign({}, providerProps), { isMobile: checkIsMobile(viewMode), theme: constructorTheme }),
+        providerProps: Object.assign(Object.assign({}, providerProps), { isMobile: (0, utils_1.checkIsMobile)(viewMode), theme: constructorTheme }),
         deviceEmulationSettings,
         theme: editorTheme,
     }), [
@@ -70,7 +71,7 @@ export const useEditorState = (_a) => {
     React.useEffect(() => {
         onChange === null || onChange === void 0 ? void 0 : onChange(content);
     }, [content, onChange]);
-    const code = useCode({ isCodeEditMode, content, codeFullscreeModeOn });
+    const code = (0, useCode_1.useCode)({ isCodeEditMode, content, codeFullscreeModeOn });
     return {
         context,
         viewMode,
@@ -97,3 +98,5 @@ export const useEditorState = (_a) => {
         isFormEditMode,
     };
 };
+exports.useEditorState = useEditorState;
+//# sourceMappingURL=useEditorState.js.map

package/build/cjs/editor/containers/Editor/hooks/useEditorState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEditorState.js","sourceRoot":"../../../../../../src","sources":["editor/containers/Editor/hooks/useEditorState.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {BlockDecorationProps} from '../../../../models';\nimport {generateDefaultSchema} from '../../../../schema';\nimport EditBlock from '../../../components/EditBlock/EditBlock';\nimport {ErrorBoundary} from '../../../components/ErrorBoundary/ErrorBoundary';\nimport {NotFoundBlock} from '../../../components/NotFoundBlock/NotFoundBlock';\nimport {useCodeValidator} from '../../../hooks/useCodeValidator';\nimport {useMainState} from '../../../store/main';\nimport {useSettingsState} from '../../../store/settings';\nimport {EditModeItem, EditorProps, ViewModeItem} from '../../../types';\nimport {addCustomDecorator, checkIsMobile, getBlockId} from '../../../utils';\n\nimport {useCode} from './useCode';\n\n// Editor business logic\nexport const useEditorState = ({\n    customSchema,\n    onChange,\n    providerProps,\n    transformContent,\n    deviceEmulationSettings,\n    theme: editorTheme,\n    ...rest\n}: EditorProps) => {\n    const {\n        content,\n        activeBlockIndex,\n        errorBoundaryState,\n        onContentUpdate,\n        onAdd,\n        onSelect,\n        injectEditBlockProps,\n    } = useMainState(rest);\n\n    const {\n        viewMode,\n        editMode,\n        onEditModeUpdate,\n        theme: constructorTheme,\n        onViewModeUpdate,\n        onThemeUpdate,\n        codeFullscreeModeOn,\n        onCodeFullscreeModeOnUpdate,\n    } = useSettingsState();\n\n    const isCodeEditMode = editMode === EditModeItem.Code;\n    const isViewEditMode = editMode === EditModeItem.View;\n    const isFormEditMode = editMode === EditModeItem.Form;\n    const isDesktopViewMode = viewMode === ViewModeItem.Desktop;\n    const isCodeOnlyMode = codeFullscreeModeOn && isCodeEditMode;\n\n    const transformedContent = React.useMemo(\n        () => (transformContent ? transformContent(content, {viewMode, editMode}) : content),\n        [content, transformContent, viewMode, editMode],\n    );\n    const schema = React.useMemo(() => generateDefaultSchema(customSchema), [customSchema]);\n    const codeValidator = useCodeValidator(schema);\n\n    const outgoingProps = React.useMemo(() => {\n        const custom =\n            isCodeEditMode || isViewEditMode\n                ? rest.custom\n                : addCustomDecorator(\n                      [\n                          (props: BlockDecorationProps) => <NotFoundBlock {...props} />,\n                          (props: BlockDecorationProps) => (\n                              <EditBlock {...injectEditBlockProps(props)} />\n                          ),\n                          // need errorBoundaryState flag to reset error on content update\n                          (props: BlockDecorationProps) => (\n                              <ErrorBoundary\n                                  {...props}\n                                  key={`${getBlockId(props)}-${errorBoundaryState}`}\n                              />\n                          ),\n                      ],\n                      rest.custom,\n                  );\n\n        return {\n            content: transformedContent,\n            custom,\n            viewMode,\n        };\n    }, [\n        injectEditBlockProps,\n        errorBoundaryState,\n        viewMode,\n        transformedContent,\n        rest.custom,\n        isCodeEditMode,\n        isViewEditMode,\n    ]);\n\n    const context = React.useMemo(\n        () => ({\n            constructorProps: {\n                content: transformedContent,\n                custom: rest.custom,\n            },\n            providerProps: {\n                ...providerProps,\n                isMobile: checkIsMobile(viewMode),\n                theme: constructorTheme,\n            },\n            deviceEmulationSettings,\n            theme: editorTheme,\n        }),\n        [\n            providerProps,\n            rest.custom,\n            viewMode,\n            transformedContent,\n            deviceEmulationSettings,\n            constructorTheme,\n            editorTheme,\n        ],\n    );\n\n    React.useEffect(() => {\n        onChange?.(content);\n    }, [content, onChange]);\n\n    const code = useCode({isCodeEditMode, content, codeFullscreeModeOn});\n\n    return {\n        context,\n        viewMode,\n        editMode,\n        constructorTheme,\n        onThemeUpdate,\n        onViewModeUpdate,\n        onEditModeUpdate,\n        isCodeEditMode,\n        isDesktopViewMode,\n        content,\n        schema,\n        onContentUpdate,\n        code,\n        codeValidator,\n        codeFullscreeModeOn,\n        onCodeFullscreeModeOnUpdate,\n        activeBlockIndex,\n        onSelect,\n        isCodeOnlyMode,\n        errorBoundaryState,\n        outgoingProps,\n        onAdd,\n        isFormEditMode,\n    };\n};\n"]}

package/build/cjs/editor/containers/Form/Form.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { JSONSchema4 } from 'json-schema';
-import { PageContent } from '../../../models';
+import { PageContent } from "../../../models/index.js";
 export interface FormProps {
     content: PageContent;
     schema: JSONSchema4;

package/build/cjs/editor/containers/Form/Form.js

@@ -1,21 +1,26 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { Text } from '@gravity-ui/uikit';
-import { block, getBlockKey } from '../../../utils';
-import { BlockForm } from '../../components/BlockForm/BlockForm';
-import useFormSpec from '../../hooks/useFormSpec';
-const b = block('editor-form');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Form = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const utils_1 = require("../../../utils/index.js");
+const BlockForm_1 = require("../../components/BlockForm/BlockForm.js");
+const useFormSpec_1 = tslib_1.__importDefault(require("../../hooks/useFormSpec.js"));
+const b = (0, utils_1.block)('editor-form');
 // TODO in https://github.com/gravity-ui/page-constructor/issues/884 this component will be extremely refactor
-export const Form = React.memo(({ content, onChange, activeBlockIndex, onSelect, schema }) => {
+exports.Form = React.memo(({ content, onChange, activeBlockIndex, onSelect, schema }) => {
     const { blocks } = content || {};
-    const spec = useFormSpec(schema);
+    const spec = (0, useFormSpec_1.default)(schema);
     const { blocks: blocksSpec } = spec || {};
-    return (_jsxs("div", { className: b(), children: [_jsx(Text, { variant: "body-2", children: 'Blocks' }), blocks.map((blockData, index) => blocksSpec[blockData.type] ? (_jsx("div", { className: b('block-form'), children: _jsx(BlockForm, { spec: blocksSpec[blockData.type], data: blockData, active: activeBlockIndex === index, onChange: (data) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: b(), children: [(0, jsx_runtime_1.jsx)(uikit_1.Text, { variant: "body-2", children: 'Blocks' }), blocks.map((blockData, index) => blocksSpec[blockData.type] ? ((0, jsx_runtime_1.jsx)("div", { className: b('block-form'), children: (0, jsx_runtime_1.jsx)(BlockForm_1.BlockForm, { spec: blocksSpec[blockData.type], data: blockData, active: activeBlockIndex === index, onChange: (data) => {
                         onChange(Object.assign(Object.assign({}, content), { blocks: [
                                 ...blocks.slice(0, index),
                                 data,
                                 ...blocks.slice(index + 1),
                             ] }));
-                    }, onSelect: () => onSelect(index) }) }, getBlockKey(blockData, index))) : null)] }));
+                    }, onSelect: () => onSelect(index) }) }, (0, utils_1.getBlockKey)(blockData, index))) : null)] }));
 });
-Form.displayName = 'Form';
+exports.Form.displayName = 'Form';
+//# sourceMappingURL=Form.js.map

package/build/cjs/editor/containers/Form/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","sourceRoot":"../../../../../src","sources":["editor/containers/Form/Form.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,6CAAuC;AAIvC,mDAAkD;AAClD,uEAA+D;AAC/D,qFAAkD;AAIlD,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,aAAa,CAAC,CAAC;AAU/B,8GAA8G;AAEjG,QAAA,IAAI,GAAG,KAAK,CAAC,IAAI,CAC1B,CAAC,EAAC,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,EAAY,EAAE,EAAE;IACnE,MAAM,EAAC,MAAM,EAAC,GAAG,OAAO,IAAI,EAAE,CAAC;IAC/B,MAAM,IAAI,GAAG,IAAA,qBAAW,EAAC,MAAM,CAAC,CAAC;IACjC,MAAM,EAAC,MAAM,EAAE,UAAU,EAAC,GAAG,IAAI,IAAI,EAAE,CAAC;IAExC,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,EAAE,aACf,uBAAC,YAAI,IAAC,OAAO,EAAC,QAAQ,YAAE,QAAQ,GAAQ,EACvC,MAAM,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,CAC7B,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CACzB,gCAAK,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,YAC3B,uBAAC,qBAAS,IACN,IAAI,EAAE,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC,EAChC,IAAI,EAAE,SAAS,EACf,MAAM,EAAE,gBAAgB,KAAK,KAAK,EAClC,QAAQ,EAAE,CAAC,IAAW,EAAE,EAAE;wBACtB,QAAQ,iCACD,OAAO,KACV,MAAM,EAAE;gCACJ,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC;gCACzB,IAAI;gCACJ,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC;6BAC7B,IACH,CAAC;oBACP,CAAC,EACD,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,GACjC,IAhBgC,IAAA,mBAAW,EAAC,SAAS,EAAE,KAAK,CAAC,CAiB7D,CACT,CAAC,CAAC,CAAC,IAAI,CACX,IACC,CACT,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,YAAI,CAAC,WAAW,GAAG,MAAM,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Text} from '@gravity-ui/uikit';\nimport {JSONSchema4} from 'json-schema';\n\nimport {Block, PageContent} from '../../../models';\nimport {block, getBlockKey} from '../../../utils';\nimport {BlockForm} from '../../components/BlockForm/BlockForm';\nimport useFormSpec from '../../hooks/useFormSpec';\n\nimport './Form.scss';\n\nconst b = block('editor-form');\n\nexport interface FormProps {\n    content: PageContent;\n    schema: JSONSchema4;\n    activeBlockIndex: number;\n    onChange: (content: PageContent) => void;\n    onSelect: (index: number) => void;\n}\n\n// TODO in https://github.com/gravity-ui/page-constructor/issues/884 this component will be extremely refactor\n\nexport const Form = React.memo(\n    ({content, onChange, activeBlockIndex, onSelect, schema}: FormProps) => {\n        const {blocks} = content || {};\n        const spec = useFormSpec(schema);\n        const {blocks: blocksSpec} = spec || {};\n\n        return (\n            <div className={b()}>\n                <Text variant=\"body-2\">{'Blocks'}</Text>\n                {blocks.map((blockData, index) =>\n                    blocksSpec[blockData.type] ? (\n                        <div className={b('block-form')} key={getBlockKey(blockData, index)}>\n                            <BlockForm\n                                spec={blocksSpec[blockData.type]}\n                                data={blockData}\n                                active={activeBlockIndex === index}\n                                onChange={(data: Block) => {\n                                    onChange({\n                                        ...content,\n                                        blocks: [\n                                            ...blocks.slice(0, index),\n                                            data,\n                                            ...blocks.slice(index + 1),\n                                        ],\n                                    });\n                                }}\n                                onSelect={() => onSelect(index)}\n                            />\n                        </div>\n                    ) : null,\n                )}\n            </div>\n        );\n    },\n);\n\nForm.displayName = 'Form';\n"]}

package/build/cjs/editor/context.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { PageConstructorProps, PageConstructorProviderProps } from '../containers/PageConstructor';
-import { Theme } from '../models/common';
-import { EditorProps } from './types';
+import { PageConstructorProps, PageConstructorProviderProps } from "../containers/PageConstructor/index.js";
+import { Theme } from "../models/common.js";
+import { EditorProps } from "./types/index.js";
 export interface EditorContextType {
     constructorProps?: PageConstructorProps;
     providerProps?: PageConstructorProviderProps;

package/build/cjs/editor/context.js

@@ -1,2 +1,7 @@
-import * as React from 'react';
-export const EditorContext = React.createContext({});
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EditorContext = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+exports.EditorContext = React.createContext({});
+//# sourceMappingURL=context.js.map

package/build/cjs/editor/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"../../../src","sources":["editor/context.ts"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAclB,QAAA,aAAa,GAAG,KAAK,CAAC,aAAa,CAA6B,EAAE,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {PageConstructorProps, PageConstructorProviderProps} from '../containers/PageConstructor';\nimport {Theme} from '../models/common';\n\nimport {EditorProps} from './types';\n\nexport interface EditorContextType {\n    constructorProps?: PageConstructorProps;\n    providerProps?: PageConstructorProviderProps;\n    deviceEmulationSettings?: EditorProps['deviceEmulationSettings'];\n    theme?: Theme;\n}\n\nexport const EditorContext = React.createContext<Partial<EditorContextType>>({});\n"]}

package/build/cjs/editor/data/index.d.ts

@@ -1,4 +1,4 @@
-import { Block, BlockType } from '../../models';
+import { Block, BlockType } from "../../models/index.js";
 export type PreviewComponent = React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
 export interface EdiorBlockData {
     template: Block;

package/build/cjs/editor/data/index.js

@@ -1,30 +1,34 @@
-import { BlockType } from '../../models';
-import { formatBlockName } from '../utils';
-import DefaultPreview from './previews/default-preview';
-import HeaderBlock from './previews/header-block';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getEditorBlocksData = getEditorBlocksData;
+const tslib_1 = require("tslib");
+const models_1 = require("../../models/index.js");
+const utils_1 = require("../utils/index.js");
+const default_preview_1 = tslib_1.__importDefault(require("./previews/default-preview.js"));
+const header_block_1 = tslib_1.__importDefault(require("./previews/header-block.js"));
 const getBlockTemplate = (blockType) => import(`./templates/${blockType}.json`).then((data) => data.default);
 const getBlockPreview = (blockType) => {
     try {
-        if (blockType === BlockType.HeaderBlock) {
-            return HeaderBlock;
+        if (blockType === models_1.BlockType.HeaderBlock) {
+            return header_block_1.default;
         }
-        return DefaultPreview;
+        return default_preview_1.default;
     }
     catch (err) {
         /*eslint-disable no-console */
         console.warn(`Preview image for ${blockType} not found`);
-        return DefaultPreview;
+        return default_preview_1.default;
     }
 };
 async function getEditorBlocksData() {
     const EdiorBlockData = {};
-    for (const blockType of Object.values(BlockType)) {
+    for (const blockType of Object.values(models_1.BlockType)) {
         const template = await getBlockTemplate(blockType);
         const preview = getBlockPreview(blockType);
         template.meta = template.meta || {};
-        template.meta.title = template.meta.title || formatBlockName(blockType);
+        template.meta.title = template.meta.title || (0, utils_1.formatBlockName)(blockType);
         EdiorBlockData[blockType] = Object.assign(Object.assign({}, template), { preview });
     }
     return EdiorBlockData;
 }
-export { getEditorBlocksData };
+//# sourceMappingURL=index.js.map

package/build/cjs/editor/data/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["editor/data/index.ts"],"names":[],"mappings":";;AAwD0B,kDAAmB;;AAxD7C,kDAA8C;AAC9C,6CAAyC;AAEzC,4FAAwD;AACxD,sFAAkD;AAalD,MAAM,gBAAgB,GAAG,CAAC,SAAoB,EAA4C,EAAE,CACxF,MAAM,CAAC,eAAe,SAAS,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AAEzE,MAAM,eAAe,GAAG,CAAC,SAAoB,EAAoB,EAAE;IAC/D,IAAI,CAAC;QACD,IAAI,SAAS,KAAK,kBAAS,CAAC,WAAW,EAAE,CAAC;YACtC,OAAO,sBAAW,CAAC;QACvB,CAAC;QAED,OAAO,yBAAc,CAAC;IAC1B,CAAC;IAAC,OAAO,GAAG,EAAE,CAAC;QACX,8BAA8B;QAC9B,OAAO,CAAC,IAAI,CAAC,qBAAqB,SAAS,YAAY,CAAC,CAAC;QACzD,OAAO,yBAAc,CAAC;IAC1B,CAAC;AACL,CAAC,CAAC;AAIF,KAAK,UAAU,mBAAmB;IAC9B,MAAM,cAAc,GAAqB,EAAE,CAAC;IAE5C,KAAK,MAAM,SAAS,IAAI,MAAM,CAAC,MAAM,CAAC,kBAAS,CAAC,EAAE,CAAC;QAC/C,MAAM,QAAQ,GAAG,MAAM,gBAAgB,CAAC,SAAsB,CAAC,CAAC;QAEhE,MAAM,OAAO,GAAG,eAAe,CAAC,SAAS,CAAC,CAAC;QAE3C,QAAQ,CAAC,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,EAAE,CAAC;QACpC,QAAQ,CAAC,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,IAAI,IAAA,uBAAe,EAAC,SAAS,CAAC,CAAC;QAExE,cAAc,CAAC,SAAS,CAAC,mCAClB,QAAQ,KACX,OAAO,GACV,CAAC;IACN,CAAC;IAED,OAAO,cAAc,CAAC;AAC1B,CAAC","sourcesContent":["import {Block, BlockType} from '../../models';\nimport {formatBlockName} from '../utils';\n\nimport DefaultPreview from './previews/default-preview';\nimport HeaderBlock from './previews/header-block';\n\nexport type PreviewComponent = React.FunctionComponent<React.SVGProps<SVGSVGElement>>;\n\nexport interface EdiorBlockData {\n    template: Block;\n    preview: PreviewComponent;\n    meta: {\n        title: string;\n        description?: string;\n    };\n}\n\nconst getBlockTemplate = (blockType: BlockType): Promise<Omit<EdiorBlockData, 'preview'>> =>\n    import(`./templates/${blockType}.json`).then((data) => data.default);\n\nconst getBlockPreview = (blockType: BlockType): PreviewComponent => {\n    try {\n        if (blockType === BlockType.HeaderBlock) {\n            return HeaderBlock;\n        }\n\n        return DefaultPreview;\n    } catch (err) {\n        /*eslint-disable no-console */\n        console.warn(`Preview image for ${blockType} not found`);\n        return DefaultPreview;\n    }\n};\n\ntype EditorBlocksData = Partial<Record<BlockType, EdiorBlockData>>;\n\nasync function getEditorBlocksData(): Promise<EditorBlocksData> {\n    const EdiorBlockData: EditorBlocksData = {};\n\n    for (const blockType of Object.values(BlockType)) {\n        const template = await getBlockTemplate(blockType as BlockType);\n\n        const preview = getBlockPreview(blockType);\n\n        template.meta = template.meta || {};\n        template.meta.title = template.meta.title || formatBlockName(blockType);\n\n        EdiorBlockData[blockType] = {\n            ...template,\n            preview,\n        };\n    }\n\n    return EdiorBlockData;\n}\n\nexport {EditorBlocksData, getEditorBlocksData};\n"]}

package/build/cjs/editor/data/previews/default-preview.js

@@ -1,4 +1,7 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { a11yHiddenSvgProps } from '../../../utils/svg';
-const DefaultPreview = (props) => (_jsxs("svg", Object.assign({ width: "150", height: "76", viewBox: "0 0 150 76", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, a11yHiddenSvgProps, props, { children: [_jsx("rect", { x: "1", y: "1", width: "148", height: "74", rx: "8", fill: "white" }), _jsx("rect", { x: "14.7674", y: "21.6512", width: "28.3953", height: "6.88372", rx: "0.860465", fill: "#E7E7E7" }), _jsx("rect", { x: "43.1628", y: "21.6512", width: "28.3953", height: "6.88372", rx: "0.860465", fill: "white" }), _jsx("rect", { x: "14.7674", y: "31.9767", width: "56.7907", height: "3.44186", rx: "0.860465", fill: "#E7E7E7" }), _jsx("rect", { x: "14.7675", y: "37.1395", width: "56.7907", height: "3.44186", rx: "0.860465", fill: "#E7E7E7" }), _jsx("rect", { x: "14.7675", y: "42.3023", width: "56.7907", height: "3.44186", rx: "0.860465", fill: "#E7E7E7" }), _jsx("rect", { x: "14.7674", y: "49.186", width: "18.9302", height: "5.16279", rx: "0.860465", fill: "#E7E7E7" }), _jsx("rect", { x: "33.6977", y: "49.186", width: "18.9302", height: "5.16279", rx: "0.860465", fill: "white" }), _jsx("rect", { x: "52.6279", y: "49.186", width: "18.9302", height: "5.16279", rx: "0.860465", fill: "white" }), _jsx("rect", { x: "78.4418", y: "9.60464", width: "56.7907", height: "56.7907", rx: "5.16279", fill: "currentColor" }), _jsx("rect", { x: "0.5", y: "0.5", width: "149", height: "75", rx: "8.5", stroke: "black", strokeOpacity: "0.1" })] })));
-export default DefaultPreview;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const svg_1 = require("../../../utils/svg.js");
+const DefaultPreview = (props) => ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ width: "150", height: "76", viewBox: "0 0 150 76", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, svg_1.a11yHiddenSvgProps, props, { children: [(0, jsx_runtime_1.jsx)("rect", { x: "1", y: "1", width: "148", height: "74", rx: "8", fill: "white" }), (0, jsx_runtime_1.jsx)("rect", { x: "14.7674", y: "21.6512", width: "28.3953", height: "6.88372", rx: "0.860465", fill: "#E7E7E7" }), (0, jsx_runtime_1.jsx)("rect", { x: "43.1628", y: "21.6512", width: "28.3953", height: "6.88372", rx: "0.860465", fill: "white" }), (0, jsx_runtime_1.jsx)("rect", { x: "14.7674", y: "31.9767", width: "56.7907", height: "3.44186", rx: "0.860465", fill: "#E7E7E7" }), (0, jsx_runtime_1.jsx)("rect", { x: "14.7675", y: "37.1395", width: "56.7907", height: "3.44186", rx: "0.860465", fill: "#E7E7E7" }), (0, jsx_runtime_1.jsx)("rect", { x: "14.7675", y: "42.3023", width: "56.7907", height: "3.44186", rx: "0.860465", fill: "#E7E7E7" }), (0, jsx_runtime_1.jsx)("rect", { x: "14.7674", y: "49.186", width: "18.9302", height: "5.16279", rx: "0.860465", fill: "#E7E7E7" }), (0, jsx_runtime_1.jsx)("rect", { x: "33.6977", y: "49.186", width: "18.9302", height: "5.16279", rx: "0.860465", fill: "white" }), (0, jsx_runtime_1.jsx)("rect", { x: "52.6279", y: "49.186", width: "18.9302", height: "5.16279", rx: "0.860465", fill: "white" }), (0, jsx_runtime_1.jsx)("rect", { x: "78.4418", y: "9.60464", width: "56.7907", height: "56.7907", rx: "5.16279", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("rect", { x: "0.5", y: "0.5", width: "149", height: "75", rx: "8.5", stroke: "black", strokeOpacity: "0.1" })] })));
+exports.default = DefaultPreview;
+//# sourceMappingURL=default-preview.js.map

package/build/cjs/editor/data/previews/default-preview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-preview.js","sourceRoot":"../../../../../src","sources":["editor/data/previews/default-preview.tsx"],"names":[],"mappings":";;;AAEA,+CAAsD;AAEtD,MAAM,cAAc,GAA4C,CAAC,KAAK,EAAE,EAAE,CAAC,CACvE,+CACI,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,YAAY,EACpB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,IAC9B,wBAAkB,EAClB,KAAK,eAET,iCAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,IAAI,EAAC,OAAO,GAAG,EAChE,iCACI,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,SAAS,EACX,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,UAAU,EACb,IAAI,EAAC,SAAS,GAChB,EACF,iCAAM,CAAC,EAAC,SAAS,EAAC,CAAC,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,EAAE,EAAC,UAAU,EAAC,IAAI,EAAC,OAAO,GAAG,EAC5F,iCACI,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,SAAS,EACX,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,UAAU,EACb,IAAI,EAAC,SAAS,GAChB,EACF,iCACI,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,SAAS,EACX,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,UAAU,EACb,IAAI,EAAC,SAAS,GAChB,EACF,iCACI,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,SAAS,EACX,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,UAAU,EACb,IAAI,EAAC,SAAS,GAChB,EACF,iCACI,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,QAAQ,EACV,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,UAAU,EACb,IAAI,EAAC,SAAS,GAChB,EACF,iCAAM,CAAC,EAAC,SAAS,EAAC,CAAC,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,EAAE,EAAC,UAAU,EAAC,IAAI,EAAC,OAAO,GAAG,EAC3F,iCAAM,CAAC,EAAC,SAAS,EAAC,CAAC,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,EAAE,EAAC,UAAU,EAAC,IAAI,EAAC,OAAO,GAAG,EAC3F,iCACI,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,SAAS,EACX,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,SAAS,EACZ,IAAI,EAAC,cAAc,GACrB,EACF,iCAAM,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAC,aAAa,EAAC,KAAK,GAAG,KAC1F,CACT,CAAC;AAEF,kBAAe,cAAc,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {a11yHiddenSvgProps} from '../../../utils/svg';\n\nconst DefaultPreview: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\n    <svg\n        width=\"150\"\n        height=\"76\"\n        viewBox=\"0 0 150 76\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...a11yHiddenSvgProps}\n        {...props}\n    >\n        <rect x=\"1\" y=\"1\" width=\"148\" height=\"74\" rx=\"8\" fill=\"white\" />\n        <rect\n            x=\"14.7674\"\n            y=\"21.6512\"\n            width=\"28.3953\"\n            height=\"6.88372\"\n            rx=\"0.860465\"\n            fill=\"#E7E7E7\"\n        />\n        <rect x=\"43.1628\" y=\"21.6512\" width=\"28.3953\" height=\"6.88372\" rx=\"0.860465\" fill=\"white\" />\n        <rect\n            x=\"14.7674\"\n            y=\"31.9767\"\n            width=\"56.7907\"\n            height=\"3.44186\"\n            rx=\"0.860465\"\n            fill=\"#E7E7E7\"\n        />\n        <rect\n            x=\"14.7675\"\n            y=\"37.1395\"\n            width=\"56.7907\"\n            height=\"3.44186\"\n            rx=\"0.860465\"\n            fill=\"#E7E7E7\"\n        />\n        <rect\n            x=\"14.7675\"\n            y=\"42.3023\"\n            width=\"56.7907\"\n            height=\"3.44186\"\n            rx=\"0.860465\"\n            fill=\"#E7E7E7\"\n        />\n        <rect\n            x=\"14.7674\"\n            y=\"49.186\"\n            width=\"18.9302\"\n            height=\"5.16279\"\n            rx=\"0.860465\"\n            fill=\"#E7E7E7\"\n        />\n        <rect x=\"33.6977\" y=\"49.186\" width=\"18.9302\" height=\"5.16279\" rx=\"0.860465\" fill=\"white\" />\n        <rect x=\"52.6279\" y=\"49.186\" width=\"18.9302\" height=\"5.16279\" rx=\"0.860465\" fill=\"white\" />\n        <rect\n            x=\"78.4418\"\n            y=\"9.60464\"\n            width=\"56.7907\"\n            height=\"56.7907\"\n            rx=\"5.16279\"\n            fill=\"currentColor\"\n        />\n        <rect x=\"0.5\" y=\"0.5\" width=\"149\" height=\"75\" rx=\"8.5\" stroke=\"black\" strokeOpacity=\"0.1\" />\n    </svg>\n);\n\nexport default DefaultPreview;\n"]}

package/build/cjs/editor/data/previews/header-block.js

@@ -1,4 +1,7 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { a11yHiddenSvgProps } from '../../../utils/svg';
-const Header = (props) => (_jsxs("svg", Object.assign({ width: "150", height: "76", viewBox: "0 0 150 76", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, a11yHiddenSvgProps, props, { children: [_jsx("rect", { x: "1", y: "1", width: "148", height: "74", rx: "8", fill: "white" }), _jsx("rect", { x: "4.44174", y: "9.60464", width: "141.116", height: "56.7907", rx: "5.16279", fill: "currentColor" }), _jsx("rect", { x: "14.7674", y: "21.6512", width: "28.3953", height: "6.88372", rx: "0.860465", fill: "white" }), _jsx("rect", { x: "43.1628", y: "21.6512", width: "28.3953", height: "6.88372", rx: "0.860465", fill: "currentColor" }), _jsx("rect", { x: "14.7674", y: "31.9767", width: "56.7907", height: "3.44186", rx: "0.860465", fill: "white" }), _jsx("rect", { x: "14.7674", y: "37.1395", width: "56.7907", height: "3.44186", rx: "0.860465", fill: "white" }), _jsx("rect", { x: "14.7674", y: "42.3023", width: "56.7907", height: "3.44186", rx: "0.860465", fill: "white" }), _jsx("rect", { x: "14.7674", y: "49.186", width: "18.9302", height: "5.16279", rx: "0.860465", fill: "white" }), _jsx("rect", { x: "33.6976", y: "49.186", width: "18.9302", height: "5.16279", rx: "0.860465", fill: "currentColor" }), _jsx("rect", { x: "52.6279", y: "49.186", width: "18.9302", height: "5.16279", rx: "0.860465", fill: "currentColor" }), _jsx("rect", { x: "78.4418", y: "9.60464", width: "56.7907", height: "56.7907", rx: "5.16279", fill: "currentColor" }), _jsx("rect", { x: "0.5", y: "0.5", width: "149", height: "75", rx: "8.5", stroke: "black", strokeOpacity: "0.1" })] })));
-export default Header;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const svg_1 = require("../../../utils/svg.js");
+const Header = (props) => ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ width: "150", height: "76", viewBox: "0 0 150 76", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, svg_1.a11yHiddenSvgProps, props, { children: [(0, jsx_runtime_1.jsx)("rect", { x: "1", y: "1", width: "148", height: "74", rx: "8", fill: "white" }), (0, jsx_runtime_1.jsx)("rect", { x: "4.44174", y: "9.60464", width: "141.116", height: "56.7907", rx: "5.16279", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("rect", { x: "14.7674", y: "21.6512", width: "28.3953", height: "6.88372", rx: "0.860465", fill: "white" }), (0, jsx_runtime_1.jsx)("rect", { x: "43.1628", y: "21.6512", width: "28.3953", height: "6.88372", rx: "0.860465", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("rect", { x: "14.7674", y: "31.9767", width: "56.7907", height: "3.44186", rx: "0.860465", fill: "white" }), (0, jsx_runtime_1.jsx)("rect", { x: "14.7674", y: "37.1395", width: "56.7907", height: "3.44186", rx: "0.860465", fill: "white" }), (0, jsx_runtime_1.jsx)("rect", { x: "14.7674", y: "42.3023", width: "56.7907", height: "3.44186", rx: "0.860465", fill: "white" }), (0, jsx_runtime_1.jsx)("rect", { x: "14.7674", y: "49.186", width: "18.9302", height: "5.16279", rx: "0.860465", fill: "white" }), (0, jsx_runtime_1.jsx)("rect", { x: "33.6976", y: "49.186", width: "18.9302", height: "5.16279", rx: "0.860465", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("rect", { x: "52.6279", y: "49.186", width: "18.9302", height: "5.16279", rx: "0.860465", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("rect", { x: "78.4418", y: "9.60464", width: "56.7907", height: "56.7907", rx: "5.16279", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("rect", { x: "0.5", y: "0.5", width: "149", height: "75", rx: "8.5", stroke: "black", strokeOpacity: "0.1" })] })));
+exports.default = Header;
+//# sourceMappingURL=header-block.js.map

package/build/cjs/editor/data/previews/header-block.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header-block.js","sourceRoot":"../../../../../src","sources":["editor/data/previews/header-block.tsx"],"names":[],"mappings":";;;AAEA,+CAAsD;AAEtD,MAAM,MAAM,GAA4C,CAAC,KAAK,EAAE,EAAE,CAAC,CAC/D,+CACI,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,YAAY,EACpB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,IAC9B,wBAAkB,EAClB,KAAK,eAET,iCAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,IAAI,EAAC,OAAO,GAAG,EAChE,iCACI,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,SAAS,EACX,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,SAAS,EACZ,IAAI,EAAC,cAAc,GACrB,EACF,iCAAM,CAAC,EAAC,SAAS,EAAC,CAAC,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,EAAE,EAAC,UAAU,EAAC,IAAI,EAAC,OAAO,GAAG,EAC5F,iCACI,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,SAAS,EACX,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,UAAU,EACb,IAAI,EAAC,cAAc,GACrB,EACF,iCAAM,CAAC,EAAC,SAAS,EAAC,CAAC,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,EAAE,EAAC,UAAU,EAAC,IAAI,EAAC,OAAO,GAAG,EAC5F,iCAAM,CAAC,EAAC,SAAS,EAAC,CAAC,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,EAAE,EAAC,UAAU,EAAC,IAAI,EAAC,OAAO,GAAG,EAC5F,iCAAM,CAAC,EAAC,SAAS,EAAC,CAAC,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,EAAE,EAAC,UAAU,EAAC,IAAI,EAAC,OAAO,GAAG,EAC5F,iCAAM,CAAC,EAAC,SAAS,EAAC,CAAC,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,EAAE,EAAC,UAAU,EAAC,IAAI,EAAC,OAAO,GAAG,EAC3F,iCACI,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,QAAQ,EACV,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,UAAU,EACb,IAAI,EAAC,cAAc,GACrB,EACF,iCACI,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,QAAQ,EACV,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,UAAU,EACb,IAAI,EAAC,cAAc,GACrB,EACF,iCACI,CAAC,EAAC,SAAS,EACX,CAAC,EAAC,SAAS,EACX,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,SAAS,EAChB,EAAE,EAAC,SAAS,EACZ,IAAI,EAAC,cAAc,GACrB,EACF,iCAAM,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAC,aAAa,EAAC,KAAK,GAAG,KAC1F,CACT,CAAC;AAEF,kBAAe,MAAM,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {a11yHiddenSvgProps} from '../../../utils/svg';\n\nconst Header: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\n    <svg\n        width=\"150\"\n        height=\"76\"\n        viewBox=\"0 0 150 76\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...a11yHiddenSvgProps}\n        {...props}\n    >\n        <rect x=\"1\" y=\"1\" width=\"148\" height=\"74\" rx=\"8\" fill=\"white\" />\n        <rect\n            x=\"4.44174\"\n            y=\"9.60464\"\n            width=\"141.116\"\n            height=\"56.7907\"\n            rx=\"5.16279\"\n            fill=\"currentColor\"\n        />\n        <rect x=\"14.7674\" y=\"21.6512\" width=\"28.3953\" height=\"6.88372\" rx=\"0.860465\" fill=\"white\" />\n        <rect\n            x=\"43.1628\"\n            y=\"21.6512\"\n            width=\"28.3953\"\n            height=\"6.88372\"\n            rx=\"0.860465\"\n            fill=\"currentColor\"\n        />\n        <rect x=\"14.7674\" y=\"31.9767\" width=\"56.7907\" height=\"3.44186\" rx=\"0.860465\" fill=\"white\" />\n        <rect x=\"14.7674\" y=\"37.1395\" width=\"56.7907\" height=\"3.44186\" rx=\"0.860465\" fill=\"white\" />\n        <rect x=\"14.7674\" y=\"42.3023\" width=\"56.7907\" height=\"3.44186\" rx=\"0.860465\" fill=\"white\" />\n        <rect x=\"14.7674\" y=\"49.186\" width=\"18.9302\" height=\"5.16279\" rx=\"0.860465\" fill=\"white\" />\n        <rect\n            x=\"33.6976\"\n            y=\"49.186\"\n            width=\"18.9302\"\n            height=\"5.16279\"\n            rx=\"0.860465\"\n            fill=\"currentColor\"\n        />\n        <rect\n            x=\"52.6279\"\n            y=\"49.186\"\n            width=\"18.9302\"\n            height=\"5.16279\"\n            rx=\"0.860465\"\n            fill=\"currentColor\"\n        />\n        <rect\n            x=\"78.4418\"\n            y=\"9.60464\"\n            width=\"56.7907\"\n            height=\"56.7907\"\n            rx=\"5.16279\"\n            fill=\"currentColor\"\n        />\n        <rect x=\"0.5\" y=\"0.5\" width=\"149\" height=\"75\" rx=\"8.5\" stroke=\"black\" strokeOpacity=\"0.1\" />\n    </svg>\n);\n\nexport default Header;\n"]}