@gravity-ui/page-constructor 8.4.2 → 8.5.0-alpha.0

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

@@ -1,19 +1,19 @@
-import { createElement as _createElement } from "react";
-import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
-import { generateDefaultSchema } from "../../../../schema/index.js";
-import EditBlock from "../../../components/EditBlock/EditBlock.js";
-import { ErrorBoundary } from "../../../components/ErrorBoundary/ErrorBoundary.js";
-import { NotFoundBlock } from "../../../components/NotFoundBlock/NotFoundBlock.js";
+// import {PageConstructorExtension} from '../../../../containers/PageConstructor/PageConstructor';
+// import {BlockWrapperDataProps} from '../../../../models';
+import { generateDefaultSchema } from "../../../../gravity-blocks/schema/index.js";
+// import EditBlock from '../../../components/EditBlock/EditBlock';
+// import {ErrorBoundary} from '../../../components/ErrorBoundary/ErrorBoundary';
+// import {NotFoundBlock} from '../../../components/NotFoundBlock/NotFoundBlock';
 import { useCodeValidator } from "../../../hooks/useCodeValidator.js";
 import { useMainState } from "../../../store/main/index.js";
 import { useSettingsState } from "../../../store/settings/index.js";
 import { EditModeItem, ViewModeItem } from "../../../types/index.js";
-import { addCustomDecorator, checkIsMobile, getBlockId } from "../../../utils/index.js";
+import { checkIsMobile } from "../../../utils/index.js";
 import { useCode } from "./useCode.js";
 // Editor business logic
 export const useEditorState = ({ customSchema, onChange, providerProps, transformContent, deviceEmulationSettings, theme: editorTheme, ...rest }) => {
-    const { content, activeBlockIndex, errorBoundaryState, onContentUpdate, onAdd, onSelect, injectEditBlockProps, } = useMainState(rest);
+    const { content, activeBlockIndex, errorBoundaryState, onContentUpdate, onAdd, onSelect } = useMainState(rest);
     const { viewMode, editMode, onEditModeUpdate, theme: constructorTheme, onViewModeUpdate, onThemeUpdate, codeFullscreeModeOn, onCodeFullscreeModeOnUpdate, } = useSettingsState();
     const isCodeEditMode = editMode === EditModeItem.Code;
     const isViewEditMode = editMode === EditModeItem.View;
@@ -24,25 +24,63 @@ export const useEditorState = ({ customSchema, onChange, providerProps, transfor
     const schema = React.useMemo(() => generateDefaultSchema(customSchema), [customSchema]);
     const codeValidator = useCodeValidator(schema);
     const outgoingProps = React.useMemo(() => {
-        const custom = isCodeEditMode || isViewEditMode
-            ? rest.custom
-            : addCustomDecorator([
-                (props) => _jsx(NotFoundBlock, { ...props }),
-                (props) => (_jsx(EditBlock, { ...injectEditBlockProps(props) })),
-                // need errorBoundaryState flag to reset error on content update
-                (props) => (_createElement(ErrorBoundary, { ...props, key: `${getBlockId(props)}-${errorBoundaryState}` })),
-            ], rest.custom);
+        const userExtensions = rest.extensions ?? [];
+        if (isCodeEditMode || isViewEditMode) {
+            return {
+                content: transformedContent,
+                custom: rest.custom,
+                extensions: userExtensions,
+                viewMode,
+            };
+        }
+        // const editorExtensions: PageConstructorExtension[] = [
+        //     {
+        //         name: 'Editor Not Found Block',
+        //         id: '@gravity-ui/page-constructor/editor-not-found',
+        //         settings: {
+        //             blockWrapper: ({
+        //                 children,
+        //                 type,
+        //             }: BlockWrapperDataProps & React.PropsWithChildren) => (
+        //                 <NotFoundBlock type={type} content={{}}>
+        //                     {children}
+        //                 </NotFoundBlock>
+        //             ),
+        //         },
+        //     },
+        //     {
+        //         name: 'Editor Edit Block',
+        //         id: '@gravity-ui/page-constructor/editor-edit-block',
+        //         settings: {
+        //             blockWrapper: (props: BlockWrapperDataProps & React.PropsWithChildren) => (
+        //                 <EditBlock {...injectEditBlockProps(props)} />
+        //             ),
+        //         },
+        //     },
+        //     {
+        //         name: 'Editor Error Boundary',
+        //         id: '@gravity-ui/page-constructor/editor-error-boundary',
+        //         settings: {
+        //             blockWrapper: (props: BlockWrapperDataProps & React.PropsWithChildren) => (
+        //                 <ErrorBoundary
+        //                     {...props}
+        //                     key={`${getBlockId(props)}-${errorBoundaryState}`}
+        //                 />
+        //             ),
+        //         },
+        //     },
+        // ];
         return {
             content: transformedContent,
-            custom,
+            custom: rest.custom,
+            extensions: userExtensions,
             viewMode,
         };
     }, [
-        injectEditBlockProps,
-        errorBoundaryState,
         viewMode,
         transformedContent,
         rest.custom,
+        rest.extensions,
         isCodeEditMode,
         isViewEditMode,
     ]);

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

@@ -1 +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"]}
+{"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\n// import {PageConstructorExtension} from '../../../../containers/PageConstructor/PageConstructor';\n// import {BlockWrapperDataProps} from '../../../../models';\nimport {generateDefaultSchema} from '../../../../gravity-blocks/schema';\n// import EditBlock from '../../../components/EditBlock/EditBlock';\n// import {ErrorBoundary} from '../../../components/ErrorBoundary/ErrorBoundary';\n// import {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 {checkIsMobile} 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 {content, activeBlockIndex, errorBoundaryState, onContentUpdate, onAdd, onSelect} =\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 userExtensions = rest.extensions ?? [];\n\n        if (isCodeEditMode || isViewEditMode) {\n            return {\n                content: transformedContent,\n                custom: rest.custom,\n                extensions: userExtensions,\n                viewMode,\n            };\n        }\n\n        // const editorExtensions: PageConstructorExtension[] = [\n        //     {\n        //         name: 'Editor Not Found Block',\n        //         id: '@gravity-ui/page-constructor/editor-not-found',\n        //         settings: {\n        //             blockWrapper: ({\n        //                 children,\n        //                 type,\n        //             }: BlockWrapperDataProps & React.PropsWithChildren) => (\n        //                 <NotFoundBlock type={type} content={{}}>\n        //                     {children}\n        //                 </NotFoundBlock>\n        //             ),\n        //         },\n        //     },\n        //     {\n        //         name: 'Editor Edit Block',\n        //         id: '@gravity-ui/page-constructor/editor-edit-block',\n        //         settings: {\n        //             blockWrapper: (props: BlockWrapperDataProps & React.PropsWithChildren) => (\n        //                 <EditBlock {...injectEditBlockProps(props)} />\n        //             ),\n        //         },\n        //     },\n        //     {\n        //         name: 'Editor Error Boundary',\n        //         id: '@gravity-ui/page-constructor/editor-error-boundary',\n        //         settings: {\n        //             blockWrapper: (props: BlockWrapperDataProps & React.PropsWithChildren) => (\n        //                 <ErrorBoundary\n        //                     {...props}\n        //                     key={`${getBlockId(props)}-${errorBoundaryState}`}\n        //                 />\n        //             ),\n        //         },\n        //     },\n        // ];\n\n        return {\n            content: transformedContent,\n            custom: rest.custom,\n            extensions: userExtensions,\n            viewMode,\n        };\n    }, [\n        viewMode,\n        transformedContent,\n        rest.custom,\n        rest.extensions,\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/esm/editor/data/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["editor/data/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,SAAS,EAAC,8BAAqB;AAC9C,OAAO,EAAC,eAAe,EAAC,0BAAiB;AAEzC,OAAO,cAAc,sCAAmC;AACxD,OAAO,WAAW,mCAAgC;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,SAAS,CAAC,WAAW,EAAE,CAAC;YACtC,OAAO,WAAW,CAAC;QACvB,CAAC;QAED,OAAO,cAAc,CAAC;IAC1B,CAAC;IAAC,MAAM,CAAC;QACL,8BAA8B;QAC9B,OAAO,CAAC,IAAI,CAAC,qBAAqB,SAAS,YAAY,CAAC,CAAC;QACzD,OAAO,cAAc,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,SAAS,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,eAAe,CAAC,SAAS,CAAC,CAAC;QAExE,cAAc,CAAC,SAAS,CAAC,GAAG;YACxB,GAAG,QAAQ;YACX,OAAO;SACV,CAAC;IACN,CAAC;IAED,OAAO,cAAc,CAAC;AAC1B,CAAC;AAED,OAAO,EAAmB,mBAAmB,EAAC,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 {\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"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["editor/data/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,SAAS,EAAC,8BAAqB;AAC9C,OAAO,EAAC,eAAe,EAAC,0BAAiB;AAEzC,OAAO,cAAc,sCAAmC;AACxD,OAAO,WAAW,mCAAgC;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,SAAS,CAAC,WAAW,EAAE,CAAC;YACtC,OAAO,WAAW,CAAC;QACvB,CAAC;QAED,OAAO,cAAc,CAAC;IAC1B,CAAC;IAAC,MAAM,CAAC;QACL,8BAA8B;QAC9B,OAAO,CAAC,IAAI,CAAC,qBAAqB,SAAS,YAAY,CAAC,CAAC;QACzD,OAAO,cAAc,CAAC;IAC1B,CAAC;AACL,CAAC,CAAC;AAGF,KAAK,UAAU,mBAAmB;IAC9B,MAAM,cAAc,GAAqB,EAAE,CAAC;IAE5C,KAAK,MAAM,SAAS,IAAI,MAAM,CAAC,MAAM,CAAC,SAAS,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,eAAe,CAAC,SAAS,CAAC,CAAC;QAExE,cAAc,CAAC,SAAS,CAAC,GAAG;YACxB,GAAG,QAAQ;YACX,OAAO;SACV,CAAC;IACN,CAAC;IAED,OAAO,cAAc,CAAC;AAC1B,CAAC;AAED,OAAO,EAAmB,mBAAmB,EAAC,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 {\n        /*eslint-disable no-console */\n        console.warn(`Preview image for ${blockType} not found`);\n        return DefaultPreview;\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/esm/editor/data/templates/test-editor-block.json

@@ -0,0 +1,18 @@
+{
+  "template": {
+    "type": "test-editor-block",
+    "title": "Lorem ipsum dolor sit amet",
+    "table": {
+      "content": [
+        ["Lorem", "ipsum 1", "dolor 2", "sit 3"],
+        ["Lorem 1", "0", "0", "0"],
+        ["Lorem 2", "0", "0", "1"],
+        ["Lorem 3", "0", "0", "1"],
+        ["Lorem 4", "0", "1", "1"],
+        ["Lorem 5", "1", "1", "1"]
+      ],
+      "legend": ["ipsum 1", "ipsum 2"],
+      "justify": ["start", "center", "center", "center"]
+    }
+  }
+}

package/build/esm/editor/dynamic-forms-custom/parser/detect.d.ts

@@ -1,4 +1,4 @@
-import { Schema } from "../../../schema/index.js";
+import { Schema } from "../../../gravity-blocks/schema/index.js";
 export declare enum ParserType {
     Object = "object",
     Array = "array",

package/build/esm/editor/dynamic-forms-custom/parser/detect.js.map

@@ -1 +1 @@
-{"version":3,"file":"detect.js","sourceRoot":"../../../../../src","sources":["editor/dynamic-forms-custom/parser/detect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AAIpD,MAAM,CAAN,IAAY,UAMX;AAND,WAAY,UAAU;IAClB,+BAAiB,CAAA;IACjB,6BAAe,CAAA;IACf,mCAAqB,CAAA;IACrB,6BAAe,CAAA;IACf,qCAAuB,CAAA;AAC3B,CAAC,EANW,UAAU,KAAV,UAAU,QAMrB;AAED,MAAM,OAAO,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,OAAO,IAAI,IAAI,CAAC;AAClD,MAAM,QAAQ,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,YAAY,IAAI,IAAI,CAAC;AACxD,MAAM,OAAO,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,MAAM,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,KAAK,CAAC;AAClF,MAAM,UAAU,GAAG,CAAC,IAAY,EAAE,EAAE,CAChC,MAAM,IAAI,IAAI;IACd,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,KAAK;IAC7B,OAAO,IAAI,IAAI;IACf,OAAO,IAAI,CAAC,KAAK,KAAK,WAAW;IACjC,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC;AAEzB,kCAAkC;AAClC,MAAM,mBAAmB,GAAG;IACxB,EAAC,IAAI,EAAE,UAAU,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAC;IAC3C,EAAC,IAAI,EAAE,UAAU,CAAC,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAC;IACjD,EAAC,IAAI,EAAE,UAAU,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAC;IAC7C,EAAC,IAAI,EAAE,UAAU,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAC;CAC9C,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAAY,EAAc,EAAE;IACzD,KAAK,MAAM,EAAC,IAAI,EAAE,QAAQ,EAAC,IAAI,mBAAmB,EAAE,CAAC;QACjD,IAAI,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;YACjB,OAAO,IAAkB,CAAC;QAC9B,CAAC;IACL,CAAC;IAED,OAAO,UAAU,CAAC,SAAS,CAAC;AAChC,CAAC,CAAC","sourcesContent":["import {SpecTypes} from '@gravity-ui/dynamic-forms';\n\nimport {Schema} from '../../../schema';\n\nexport enum ParserType {\n    Object = 'object',\n    Array = 'array',\n    Children = 'children',\n    OneOf = 'oneOf',\n    Primitive = 'primitive',\n}\n\nconst isOneOf = (data: Schema) => 'oneOf' in data;\nconst isObject = (data: Schema) => 'properties' in data;\nconst isArray = (data: Schema) => 'type' in data && data.type === SpecTypes.Array;\nconst isChildren = (data: Schema) =>\n    'type' in data &&\n    data.type === SpecTypes.Array &&\n    'items' in data &&\n    typeof data.items !== 'undefined' &&\n    '$ref' in data.items;\n\n//detector applying order matters!\nconst ParserTypeDetectors = [\n    {type: ParserType.OneOf, detector: isOneOf},\n    {type: ParserType.Children, detector: isChildren},\n    {type: ParserType.Object, detector: isObject},\n    {type: ParserType.Array, detector: isArray},\n];\n\nexport const detectParserType = (data: Schema): ParserType => {\n    for (const {type, detector} of ParserTypeDetectors) {\n        if (detector(data)) {\n            return type as ParserType;\n        }\n    }\n\n    return ParserType.Primitive;\n};\n"]}
+{"version":3,"file":"detect.js","sourceRoot":"../../../../../src","sources":["editor/dynamic-forms-custom/parser/detect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AAIpD,MAAM,CAAN,IAAY,UAMX;AAND,WAAY,UAAU;IAClB,+BAAiB,CAAA;IACjB,6BAAe,CAAA;IACf,mCAAqB,CAAA;IACrB,6BAAe,CAAA;IACf,qCAAuB,CAAA;AAC3B,CAAC,EANW,UAAU,KAAV,UAAU,QAMrB;AAED,MAAM,OAAO,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,OAAO,IAAI,IAAI,CAAC;AAClD,MAAM,QAAQ,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,YAAY,IAAI,IAAI,CAAC;AACxD,MAAM,OAAO,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,MAAM,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,KAAK,CAAC;AAClF,MAAM,UAAU,GAAG,CAAC,IAAY,EAAE,EAAE,CAChC,MAAM,IAAI,IAAI;IACd,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,KAAK;IAC7B,OAAO,IAAI,IAAI;IACf,OAAO,IAAI,CAAC,KAAK,KAAK,WAAW;IACjC,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC;AAEzB,kCAAkC;AAClC,MAAM,mBAAmB,GAAG;IACxB,EAAC,IAAI,EAAE,UAAU,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAC;IAC3C,EAAC,IAAI,EAAE,UAAU,CAAC,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAC;IACjD,EAAC,IAAI,EAAE,UAAU,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAC;IAC7C,EAAC,IAAI,EAAE,UAAU,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAC;CAC9C,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAAY,EAAc,EAAE;IACzD,KAAK,MAAM,EAAC,IAAI,EAAE,QAAQ,EAAC,IAAI,mBAAmB,EAAE,CAAC;QACjD,IAAI,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;YACjB,OAAO,IAAkB,CAAC;QAC9B,CAAC;IACL,CAAC;IAED,OAAO,UAAU,CAAC,SAAS,CAAC;AAChC,CAAC,CAAC","sourcesContent":["import {SpecTypes} from '@gravity-ui/dynamic-forms';\n\nimport {Schema} from '../../../gravity-blocks/schema';\n\nexport enum ParserType {\n    Object = 'object',\n    Array = 'array',\n    Children = 'children',\n    OneOf = 'oneOf',\n    Primitive = 'primitive',\n}\n\nconst isOneOf = (data: Schema) => 'oneOf' in data;\nconst isObject = (data: Schema) => 'properties' in data;\nconst isArray = (data: Schema) => 'type' in data && data.type === SpecTypes.Array;\nconst isChildren = (data: Schema) =>\n    'type' in data &&\n    data.type === SpecTypes.Array &&\n    'items' in data &&\n    typeof data.items !== 'undefined' &&\n    '$ref' in data.items;\n\n//detector applying order matters!\nconst ParserTypeDetectors = [\n    {type: ParserType.OneOf, detector: isOneOf},\n    {type: ParserType.Children, detector: isChildren},\n    {type: ParserType.Object, detector: isObject},\n    {type: ParserType.Array, detector: isArray},\n];\n\nexport const detectParserType = (data: Schema): ParserType => {\n    for (const {type, detector} of ParserTypeDetectors) {\n        if (detector(data)) {\n            return type as ParserType;\n        }\n    }\n\n    return ParserType.Primitive;\n};\n"]}

package/build/esm/editor/dynamic-forms-custom/parser/index.d.ts

@@ -1,4 +1,4 @@
-import { Schema } from "../../../schema/index.js";
+import { Schema } from "../../../gravity-blocks/schema/index.js";
 import { FormSpecs } from "./types.js";
 declare class FormSpecParser {
     private schema;

package/build/esm/editor/dynamic-forms-custom/parser/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["editor/dynamic-forms-custom/parser/index.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable no-param-reassign */\n/* eslint-disable no-not-accumulator-reassign/no-not-accumulator-reassign */\nimport {ArraySpec, ObjectSpec, SpecTypes} from '@gravity-ui/dynamic-forms';\n\nimport {Schema, SchemaDefinitions} from '../../../schema';\n\nimport {ParserType, detectParserType} from './detect';\nimport {\n    BlocksSpec,\n    CustomSpec,\n    FormSpecs,\n    PageSpec,\n    SchemaParser,\n    SchemaParserParams,\n    Spec,\n} from './types';\nimport {getArrayViewSpec, getObjectViewSpec, getOneOfViewSpec, getPrimitiveViewSpec} from './views';\n\nclass FormSpecParser {\n    private schema: Schema = {};\n    private definitions: SchemaDefinitions = {};\n\n    /**\n     * Transforms page-constructor json schema into dynamic-forms specs for each block\n     *\n     * @param schema {Schema} - page-constructor json schema\n     * @returns {FormSpecs} - object containig dynamic-forms specs for each constructor block\n     */\n    parse(schema: Schema) {\n        this.init(schema);\n\n        return this.getFormSpec();\n    }\n\n    private getChildrenSpec = (data: Schema) => {\n        const childrenType = (data.items as Schema)?.$ref?.split('/')?.pop();\n\n        return this.definitions[childrenType as keyof typeof this.definitions];\n    };\n\n    private getRequiredProperties = (data: Schema) =>\n        Array.isArray(data.required) ? data.required : [];\n\n    private childrenParser: SchemaParser = ({data, name, required}) => {\n        const childSpec = this.getChildrenSpec(data);\n\n        const properties =\n            childSpec &&\n            Object.entries(childSpec).reduce(\n                (parsedChildSpecProperties, [childName, childSchema]: [string, Schema]) => {\n                    const childRequiredProperties = this.getRequiredProperties(childSchema);\n                    const childProperies =\n                        childSchema.properties &&\n                        Object.entries(childSchema.properties).reduce(\n                            (parsedChildProperties, [childPropertyName, childPropertyData]) => {\n                                parsedChildProperties[childPropertyName] = this.parseSchemaProperty(\n                                    {\n                                        data: childPropertyData,\n                                        name: childPropertyName,\n                                        required:\n                                            childRequiredProperties.includes(childPropertyName),\n                                    },\n                                );\n\n                                return parsedChildProperties;\n                            },\n                            {} as Record<string, CustomSpec>,\n                        );\n\n                    const childJsonSchema = {\n                        ...childSchema,\n                        properties: {\n                            ...childSchema.properties,\n                            type: {\n                                type: SpecTypes.String,\n                                enum: [childName],\n                            },\n                        },\n                    };\n\n                    parsedChildSpecProperties[childName] = {\n                        type: SpecTypes.Array,\n                        items: {\n                            ...childSchema,\n                            type: SpecTypes.Object,\n                            properties: {\n                                ...childProperies,\n                                type: {\n                                    type: SpecTypes.String,\n                                    defaultValue: childName,\n                                    viewSpec: {\n                                        type: 'hidden',\n                                    },\n                                },\n                            },\n                            viewSpec:\n                                childProperies &&\n                                getObjectViewSpec({\n                                    properties: childProperies,\n                                    layoutTitle: childName,\n                                }),\n                            __schema: childJsonSchema,\n                        } as ObjectSpec,\n                        required: false,\n                        viewSpec: getArrayViewSpec({layoutTitle: childName}),\n                        __schema: {\n                            type: SpecTypes.Array,\n                            items: childJsonSchema,\n                        },\n                    } as ArraySpec;\n\n                    return parsedChildSpecProperties;\n                },\n                {} as Record<string, CustomSpec>,\n            );\n\n        return {\n            type: SpecTypes.Object,\n            properties,\n            viewSpec: {\n                type: 'oneof_custom',\n                layout: 'row',\n                layoutTitle: name,\n                oneOfParams: {\n                    toggler: 'select',\n                },\n            },\n            required,\n        } as CustomSpec;\n    };\n\n    private oneOfParser: SchemaParser = ({data, name, required}): Spec => {\n        const requiredProperties = this.getRequiredProperties(data);\n        const properties =\n            data.oneOf &&\n            data.oneOf.reduce(\n                (result: Record<string, Spec>, propertyData, index) => {\n                    const propertyName = propertyData?.optionName\n                        ? propertyData?.optionName\n                        : `${name}_${index}`;\n                    result[propertyName] = this.parseSchemaProperty({\n                        data: propertyData,\n                        name: propertyName,\n                        required: requiredProperties.includes(propertyName),\n                    });\n                    return result;\n                },\n                {} as Record<string, ObjectSpec>,\n            );\n\n        return {\n            type: SpecTypes.Object,\n            properties,\n            required,\n            viewSpec: getOneOfViewSpec({layoutTitle: name}),\n        } as ObjectSpec;\n    };\n\n    private arrayParser: SchemaParser = ({data, name}): Spec => {\n        const items = data.items && this.parseSchemaProperty({data: data.items, name});\n\n        return {\n            ...data,\n            type: SpecTypes.Array,\n            items,\n            viewSpec: getArrayViewSpec({layoutTitle: name}),\n        } as ArraySpec;\n    };\n\n    private objectParser: SchemaParser = ({data, name, required}): Spec => {\n        const requiredProperties = this.getRequiredProperties(data);\n        const properties =\n            data.properties &&\n            Object.entries(data.properties).reduce(\n                (result, [propertyName, propertyData]) => {\n                    result[propertyName] = this.parseSchemaProperty({\n                        data: propertyData,\n                        name: propertyName,\n                        required: requiredProperties.includes(propertyName),\n                    });\n\n                    return result;\n                },\n                {} as Record<string, Spec>,\n            );\n\n        return {\n            ...data,\n            type: SpecTypes.Object,\n            properties,\n            viewSpec: getObjectViewSpec({properties, layoutTitle: name}),\n            required,\n        } as ObjectSpec;\n    };\n\n    private primitiveParser: SchemaParser = ({data, name, required}): Spec => {\n        return {\n            ...data,\n            type: data.type as SpecTypes,\n            required,\n            defaultValue: data.default,\n            viewSpec: getPrimitiveViewSpec({layoutTitle: name, data}),\n            validator: 'base',\n        } as Spec;\n    };\n\n    //eslint-disable-next-line @typescript-eslint/member-ordering\n    private schemaParserMap = {\n        [ParserType.Object]: this.objectParser,\n        [ParserType.Array]: this.arrayParser,\n        [ParserType.Primitive]: this.primitiveParser,\n        [ParserType.OneOf]: this.oneOfParser,\n        [ParserType.Children]: this.childrenParser,\n    };\n\n    private parseSchemaProperty({data, name, required}: SchemaParserParams): CustomSpec {\n        const parserType = detectParserType(data);\n        const parser = this.schemaParserMap[parserType];\n\n        return {\n            ...parser({data, name, required}),\n            //save json schema from constructor to compare with incoming intial data inside oneOf form fields\n            __schema: data,\n        };\n    }\n\n    private getBlocksSpec() {\n        const blocks = this.definitions.children;\n\n        return Object.entries(blocks).reduce((result, [blockName, blockData]) => {\n            result[blockName] = this.parseSchemaProperty({\n                name: blockName,\n                data: {...blockData},\n                required: true,\n            });\n\n            return result;\n        }, {} as BlocksSpec);\n    }\n\n    private getPageSpec() {\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        const {blocks, ...pageSchema} = this.schema?.properties || {};\n        const requiredProperties = this.getRequiredProperties(this.schema);\n\n        const properties = Object.entries(pageSchema).reduce(\n            (result, [propertyName, propertyData]) => {\n                result[propertyName] = this.parseSchemaProperty({\n                    name: propertyName,\n                    data: propertyData,\n                    required: requiredProperties.includes(propertyName),\n                });\n\n                return result;\n            },\n            {} as Record<string, CustomSpec>,\n        );\n\n        return {\n            type: SpecTypes.Object,\n            properties,\n            viewSpec: getObjectViewSpec({properties, layout: 'section'}),\n            required: true,\n        } as PageSpec;\n    }\n\n    private getFormSpec() {\n        return {\n            blocks: this.getBlocksSpec(),\n            page: this.getPageSpec(),\n        } as FormSpecs;\n    }\n\n    private init(schema: Schema) {\n        this.schema = schema;\n\n        if (schema.definitions) {\n            this.definitions = Object.entries(schema.definitions).reduce(\n                (result, [childType, childSpec]) => {\n                    result[childType] = childSpec?.selectCases;\n\n                    return result;\n                },\n                {} as SchemaDefinitions,\n            );\n        }\n    }\n}\n\nexport default new FormSpecParser();\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["editor/dynamic-forms-custom/parser/index.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable no-param-reassign */\n/* eslint-disable no-not-accumulator-reassign/no-not-accumulator-reassign */\nimport {ArraySpec, ObjectSpec, SpecTypes} from '@gravity-ui/dynamic-forms';\n\nimport {Schema, SchemaDefinitions} from '../../../gravity-blocks/schema';\n\nimport {ParserType, detectParserType} from './detect';\nimport {\n    BlocksSpec,\n    CustomSpec,\n    FormSpecs,\n    PageSpec,\n    SchemaParser,\n    SchemaParserParams,\n    Spec,\n} from './types';\nimport {getArrayViewSpec, getObjectViewSpec, getOneOfViewSpec, getPrimitiveViewSpec} from './views';\n\nclass FormSpecParser {\n    private schema: Schema = {};\n    private definitions: SchemaDefinitions = {};\n\n    /**\n     * Transforms page-constructor json schema into dynamic-forms specs for each block\n     *\n     * @param schema {Schema} - page-constructor json schema\n     * @returns {FormSpecs} - object containig dynamic-forms specs for each constructor block\n     */\n    parse(schema: Schema) {\n        this.init(schema);\n\n        return this.getFormSpec();\n    }\n\n    private getChildrenSpec = (data: Schema) => {\n        const childrenType = (data.items as Schema)?.$ref?.split('/')?.pop();\n\n        return this.definitions[childrenType as keyof typeof this.definitions];\n    };\n\n    private getRequiredProperties = (data: Schema) =>\n        Array.isArray(data.required) ? data.required : [];\n\n    private childrenParser: SchemaParser = ({data, name, required}) => {\n        const childSpec = this.getChildrenSpec(data);\n\n        const properties =\n            childSpec &&\n            Object.entries(childSpec).reduce(\n                (parsedChildSpecProperties, [childName, childSchema]: [string, Schema]) => {\n                    const childRequiredProperties = this.getRequiredProperties(childSchema);\n                    const childProperies =\n                        childSchema.properties &&\n                        Object.entries(childSchema.properties).reduce(\n                            (parsedChildProperties, [childPropertyName, childPropertyData]) => {\n                                parsedChildProperties[childPropertyName] = this.parseSchemaProperty(\n                                    {\n                                        data: childPropertyData,\n                                        name: childPropertyName,\n                                        required:\n                                            childRequiredProperties.includes(childPropertyName),\n                                    },\n                                );\n\n                                return parsedChildProperties;\n                            },\n                            {} as Record<string, CustomSpec>,\n                        );\n\n                    const childJsonSchema = {\n                        ...childSchema,\n                        properties: {\n                            ...childSchema.properties,\n                            type: {\n                                type: SpecTypes.String,\n                                enum: [childName],\n                            },\n                        },\n                    };\n\n                    parsedChildSpecProperties[childName] = {\n                        type: SpecTypes.Array,\n                        items: {\n                            ...childSchema,\n                            type: SpecTypes.Object,\n                            properties: {\n                                ...childProperies,\n                                type: {\n                                    type: SpecTypes.String,\n                                    defaultValue: childName,\n                                    viewSpec: {\n                                        type: 'hidden',\n                                    },\n                                },\n                            },\n                            viewSpec:\n                                childProperies &&\n                                getObjectViewSpec({\n                                    properties: childProperies,\n                                    layoutTitle: childName,\n                                }),\n                            __schema: childJsonSchema,\n                        } as ObjectSpec,\n                        required: false,\n                        viewSpec: getArrayViewSpec({layoutTitle: childName}),\n                        __schema: {\n                            type: SpecTypes.Array,\n                            items: childJsonSchema,\n                        },\n                    } as ArraySpec;\n\n                    return parsedChildSpecProperties;\n                },\n                {} as Record<string, CustomSpec>,\n            );\n\n        return {\n            type: SpecTypes.Object,\n            properties,\n            viewSpec: {\n                type: 'oneof_custom',\n                layout: 'row',\n                layoutTitle: name,\n                oneOfParams: {\n                    toggler: 'select',\n                },\n            },\n            required,\n        } as CustomSpec;\n    };\n\n    private oneOfParser: SchemaParser = ({data, name, required}): Spec => {\n        const requiredProperties = this.getRequiredProperties(data);\n        const properties =\n            data.oneOf &&\n            data.oneOf.reduce(\n                (result: Record<string, Spec>, propertyData, index) => {\n                    const propertyName = propertyData?.optionName\n                        ? propertyData?.optionName\n                        : `${name}_${index}`;\n                    result[propertyName] = this.parseSchemaProperty({\n                        data: propertyData,\n                        name: propertyName,\n                        required: requiredProperties.includes(propertyName),\n                    });\n                    return result;\n                },\n                {} as Record<string, ObjectSpec>,\n            );\n\n        return {\n            type: SpecTypes.Object,\n            properties,\n            required,\n            viewSpec: getOneOfViewSpec({layoutTitle: name}),\n        } as ObjectSpec;\n    };\n\n    private arrayParser: SchemaParser = ({data, name}): Spec => {\n        const items = data.items && this.parseSchemaProperty({data: data.items, name});\n\n        return {\n            ...data,\n            type: SpecTypes.Array,\n            items,\n            viewSpec: getArrayViewSpec({layoutTitle: name}),\n        } as ArraySpec;\n    };\n\n    private objectParser: SchemaParser = ({data, name, required}): Spec => {\n        const requiredProperties = this.getRequiredProperties(data);\n        const properties =\n            data.properties &&\n            Object.entries(data.properties).reduce(\n                (result, [propertyName, propertyData]) => {\n                    result[propertyName] = this.parseSchemaProperty({\n                        data: propertyData,\n                        name: propertyName,\n                        required: requiredProperties.includes(propertyName),\n                    });\n\n                    return result;\n                },\n                {} as Record<string, Spec>,\n            );\n\n        return {\n            ...data,\n            type: SpecTypes.Object,\n            properties,\n            viewSpec: getObjectViewSpec({properties, layoutTitle: name}),\n            required,\n        } as ObjectSpec;\n    };\n\n    private primitiveParser: SchemaParser = ({data, name, required}): Spec => {\n        return {\n            ...data,\n            type: data.type as SpecTypes,\n            required,\n            defaultValue: data.default,\n            viewSpec: getPrimitiveViewSpec({layoutTitle: name, data}),\n            validator: 'base',\n        } as Spec;\n    };\n\n    //eslint-disable-next-line @typescript-eslint/member-ordering\n    private schemaParserMap = {\n        [ParserType.Object]: this.objectParser,\n        [ParserType.Array]: this.arrayParser,\n        [ParserType.Primitive]: this.primitiveParser,\n        [ParserType.OneOf]: this.oneOfParser,\n        [ParserType.Children]: this.childrenParser,\n    };\n\n    private parseSchemaProperty({data, name, required}: SchemaParserParams): CustomSpec {\n        const parserType = detectParserType(data);\n        const parser = this.schemaParserMap[parserType];\n\n        return {\n            ...parser({data, name, required}),\n            //save json schema from constructor to compare with incoming intial data inside oneOf form fields\n            __schema: data,\n        };\n    }\n\n    private getBlocksSpec() {\n        const blocks = this.definitions.children;\n\n        return Object.entries(blocks).reduce((result, [blockName, blockData]) => {\n            result[blockName] = this.parseSchemaProperty({\n                name: blockName,\n                data: {...blockData},\n                required: true,\n            });\n\n            return result;\n        }, {} as BlocksSpec);\n    }\n\n    private getPageSpec() {\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        const {blocks, ...pageSchema} = this.schema?.properties || {};\n        const requiredProperties = this.getRequiredProperties(this.schema);\n\n        const properties = Object.entries(pageSchema).reduce(\n            (result, [propertyName, propertyData]) => {\n                result[propertyName] = this.parseSchemaProperty({\n                    name: propertyName,\n                    data: propertyData,\n                    required: requiredProperties.includes(propertyName),\n                });\n\n                return result;\n            },\n            {} as Record<string, CustomSpec>,\n        );\n\n        return {\n            type: SpecTypes.Object,\n            properties,\n            viewSpec: getObjectViewSpec({properties, layout: 'section'}),\n            required: true,\n        } as PageSpec;\n    }\n\n    private getFormSpec() {\n        return {\n            blocks: this.getBlocksSpec(),\n            page: this.getPageSpec(),\n        } as FormSpecs;\n    }\n\n    private init(schema: Schema) {\n        this.schema = schema;\n\n        if (schema.definitions) {\n            this.definitions = Object.entries(schema.definitions).reduce(\n                (result, [childType, childSpec]) => {\n                    result[childType] = childSpec?.selectCases;\n\n                    return result;\n                },\n                {} as SchemaDefinitions,\n            );\n        }\n    }\n}\n\nexport default new FormSpecParser();\n"]}

package/build/esm/editor/dynamic-forms-custom/parser/types.d.ts

@@ -1,5 +1,5 @@
 import { Spec as DynamicFormSpec, ObjectSpec } from '@gravity-ui/dynamic-forms';
-import { Schema } from "../../../schema/index.js";
+import { Schema } from "../../../gravity-blocks/schema/index.js";
 export type OneOfSpec = {
     oneOf: DynamicFormSpec[];
     viewSpec: ObjectSpec['viewSpec'];

package/build/esm/editor/dynamic-forms-custom/parser/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"../../../../../src","sources":["editor/dynamic-forms-custom/parser/types.ts"],"names":[],"mappings":"","sourcesContent":["import {Spec as DynamicFormSpec, ObjectSpec} from '@gravity-ui/dynamic-forms';\n\nimport {Schema} from '../../../schema';\n\nexport type OneOfSpec = {\n    oneOf: DynamicFormSpec[];\n    viewSpec: ObjectSpec['viewSpec'];\n};\n\nexport type CustomObjectSpec = Omit<ObjectSpec, 'properties'> & {\n    properties: Record<string, CustomSpec>;\n};\n\nexport interface SpecCustomProps {\n    disabled?: boolean;\n    inputType?: string;\n    __schema?: Schema;\n}\n\nexport type Spec = Exclude<DynamicFormSpec, 'ObjectSpec'> | CustomObjectSpec | OneOfSpec;\nexport type CustomSpec = Spec & SpecCustomProps;\nexport type BlocksSpec = Record<string, CustomSpec>;\nexport type PageSpec = CustomSpec;\nexport interface FormSpecs {\n    blocks: BlocksSpec;\n    page: PageSpec;\n}\n\nexport interface SchemaParserParams {\n    data: Schema;\n    name: string;\n    required?: Schema['required'];\n}\n\nexport type SchemaParser = (params: SchemaParserParams) => CustomSpec;\n"]}
+{"version":3,"file":"types.js","sourceRoot":"../../../../../src","sources":["editor/dynamic-forms-custom/parser/types.ts"],"names":[],"mappings":"","sourcesContent":["import {Spec as DynamicFormSpec, ObjectSpec} from '@gravity-ui/dynamic-forms';\n\nimport {Schema} from '../../../gravity-blocks/schema';\n\nexport type OneOfSpec = {\n    oneOf: DynamicFormSpec[];\n    viewSpec: ObjectSpec['viewSpec'];\n};\n\nexport type CustomObjectSpec = Omit<ObjectSpec, 'properties'> & {\n    properties: Record<string, CustomSpec>;\n};\n\nexport interface SpecCustomProps {\n    disabled?: boolean;\n    inputType?: string;\n    __schema?: Schema;\n}\n\nexport type Spec = Exclude<DynamicFormSpec, 'ObjectSpec'> | CustomObjectSpec | OneOfSpec;\nexport type CustomSpec = Spec & SpecCustomProps;\nexport type BlocksSpec = Record<string, CustomSpec>;\nexport type PageSpec = CustomSpec;\nexport interface FormSpecs {\n    blocks: BlocksSpec;\n    page: PageSpec;\n}\n\nexport interface SchemaParserParams {\n    data: Schema;\n    name: string;\n    required?: Schema['required'];\n}\n\nexport type SchemaParser = (params: SchemaParserParams) => CustomSpec;\n"]}

package/build/esm/editor/dynamic-forms-custom/parser/views.d.ts

@@ -1,4 +1,4 @@
-import { Schema } from "../../../schema/index.js";
+import { Schema } from "../../../gravity-blocks/schema/index.js";
 import { CustomObjectSpec, CustomSpec } from "./types.js";
 interface BaseParams {
     layoutTitle?: string;

package/build/esm/editor/dynamic-forms-custom/parser/views.js.map

@@ -1 +1 @@
-{"version":3,"file":"views.js","sourceRoot":"../../../../../src","sources":["editor/dynamic-forms-custom/parser/views.ts"],"names":[],"mappings":"AAgBA,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAC,WAAW,EAAa,EAAE,EAAE;IAC1D,OAAO;QACH,IAAI,EAAE,cAAc;QACpB,MAAM,EAAE,KAAK;QACb,WAAW;QACX,WAAW,EAAE;YACT,OAAO,EAAE,QAAiB;SAC7B;KACJ,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAC9B,UAAU,EACV,QAAQ,EACR,WAAW,EACX,MAAM,GAAG,WAAW,GACE,EAAE,EAAE;IAC1B,OAAO;QACH,WAAW;QACX,IAAI,EAAE,MAAM;QACZ,MAAM;QACN,KAAK,EAAE,UAAU,IAAI,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,IAAI,EAAE;QACnD,QAAQ;KACX,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAC,WAAW,EAAa,EAAE,EAAE,CAAC,CAAC;IAC5D,WAAW;IACX,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,WAAW;IACnB,UAAU,EAAE,IAAI;IAChB,SAAS,EAAE,UAAU;CACxB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EAAC,WAAW,EAAE,GAAG,IAAI,EAA6B,EAAE,EAAE;IACvF,IAAI,IAAI,GAAG,IAAI,EAAE,SAAS,IAAI,MAAM,CAAC;IAErC,IAAI,IAAI,IAAI,MAAM,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;QACtC,IAAI,GAAG,QAAQ,CAAC;IACpB,CAAC;IACD,OAAO;QACH,MAAM,EAAE,KAAK;QACb,IAAI;QACJ,WAAW;KACd,CAAC;AACN,CAAC,CAAC","sourcesContent":["import {Schema} from '../../../schema';\n\nimport {CustomObjectSpec, CustomSpec} from './types';\n\ninterface BaseParams {\n    layoutTitle?: string;\n}\n\ninterface GetObjectViewSpecParams\n    extends BaseParams,\n        Partial<Extract<CustomSpec, CustomObjectSpec>> {\n    layout?: string;\n}\n\ntype GetPrimitiveViewSpecParams = BaseParams & Schema;\n\nexport const getOneOfViewSpec = ({layoutTitle}: BaseParams) => {\n    return {\n        type: 'oneof_custom',\n        layout: 'row',\n        layoutTitle,\n        oneOfParams: {\n            toggler: 'select' as const,\n        },\n    };\n};\n\nexport const getObjectViewSpec = ({\n    properties,\n    disabled,\n    layoutTitle,\n    layout = 'accordeon',\n}: GetObjectViewSpecParams) => {\n    return {\n        layoutTitle,\n        type: 'base',\n        layout,\n        order: properties && Object.keys(properties).sort(),\n        disabled,\n    };\n};\n\nexport const getArrayViewSpec = ({layoutTitle}: BaseParams) => ({\n    layoutTitle,\n    type: 'base',\n    layout: 'accordeon',\n    layoutOpen: true,\n    itemLabel: 'Add Item',\n});\n\nexport const getPrimitiveViewSpec = ({layoutTitle, ...data}: GetPrimitiveViewSpecParams) => {\n    let type = data?.inputType || 'base';\n\n    if (data && 'enum' in data && data.enum) {\n        type = 'select';\n    }\n    return {\n        layout: 'row',\n        type,\n        layoutTitle,\n    };\n};\n"]}
+{"version":3,"file":"views.js","sourceRoot":"../../../../../src","sources":["editor/dynamic-forms-custom/parser/views.ts"],"names":[],"mappings":"AAgBA,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAC,WAAW,EAAa,EAAE,EAAE;IAC1D,OAAO;QACH,IAAI,EAAE,cAAc;QACpB,MAAM,EAAE,KAAK;QACb,WAAW;QACX,WAAW,EAAE;YACT,OAAO,EAAE,QAAiB;SAC7B;KACJ,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAC9B,UAAU,EACV,QAAQ,EACR,WAAW,EACX,MAAM,GAAG,WAAW,GACE,EAAE,EAAE;IAC1B,OAAO;QACH,WAAW;QACX,IAAI,EAAE,MAAM;QACZ,MAAM;QACN,KAAK,EAAE,UAAU,IAAI,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,IAAI,EAAE;QACnD,QAAQ;KACX,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAC,WAAW,EAAa,EAAE,EAAE,CAAC,CAAC;IAC5D,WAAW;IACX,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,WAAW;IACnB,UAAU,EAAE,IAAI;IAChB,SAAS,EAAE,UAAU;CACxB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EAAC,WAAW,EAAE,GAAG,IAAI,EAA6B,EAAE,EAAE;IACvF,IAAI,IAAI,GAAG,IAAI,EAAE,SAAS,IAAI,MAAM,CAAC;IAErC,IAAI,IAAI,IAAI,MAAM,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;QACtC,IAAI,GAAG,QAAQ,CAAC;IACpB,CAAC;IACD,OAAO;QACH,MAAM,EAAE,KAAK;QACb,IAAI;QACJ,WAAW;KACd,CAAC;AACN,CAAC,CAAC","sourcesContent":["import {Schema} from '../../../gravity-blocks/schema';\n\nimport {CustomObjectSpec, CustomSpec} from './types';\n\ninterface BaseParams {\n    layoutTitle?: string;\n}\n\ninterface GetObjectViewSpecParams\n    extends BaseParams,\n        Partial<Extract<CustomSpec, CustomObjectSpec>> {\n    layout?: string;\n}\n\ntype GetPrimitiveViewSpecParams = BaseParams & Schema;\n\nexport const getOneOfViewSpec = ({layoutTitle}: BaseParams) => {\n    return {\n        type: 'oneof_custom',\n        layout: 'row',\n        layoutTitle,\n        oneOfParams: {\n            toggler: 'select' as const,\n        },\n    };\n};\n\nexport const getObjectViewSpec = ({\n    properties,\n    disabled,\n    layoutTitle,\n    layout = 'accordeon',\n}: GetObjectViewSpecParams) => {\n    return {\n        layoutTitle,\n        type: 'base',\n        layout,\n        order: properties && Object.keys(properties).sort(),\n        disabled,\n    };\n};\n\nexport const getArrayViewSpec = ({layoutTitle}: BaseParams) => ({\n    layoutTitle,\n    type: 'base',\n    layout: 'accordeon',\n    layoutOpen: true,\n    itemLabel: 'Add Item',\n});\n\nexport const getPrimitiveViewSpec = ({layoutTitle, ...data}: GetPrimitiveViewSpecParams) => {\n    let type = data?.inputType || 'base';\n\n    if (data && 'enum' in data && data.enum) {\n        type = 'select';\n    }\n    return {\n        layout: 'row',\n        type,\n        layoutTitle,\n    };\n};\n"]}

package/build/esm/editor/store/main/index.d.ts

@@ -1,11 +1,12 @@
-import { Block, BlockDecorationProps, PageContent } from "../../../models/index.js";
+import * as React from 'react';
+import { Block, BlockWrapperDataProps, PageContent } from "../../../models/index.js";
 import { EditBlockProps, EditorProps } from "../../types/index.js";
 export type EditorBlockId = number | string;
 export declare function useMainState({ content: intialContent, custom }: Omit<EditorProps, 'children'>): {
     activeBlockIndex: number;
     content: PageContent;
     errorBoundaryState: number;
-    injectEditBlockProps: ({ type, index: relativeIndex, children, ...rest }: BlockDecorationProps) => EditBlockProps;
+    injectEditBlockProps: ({ type, index: relativeIndex, children, ...rest }: BlockWrapperDataProps & React.PropsWithChildren) => EditBlockProps;
     onAdd: (block: Block) => void;
     onSelect: (index: number) => void;
     onContentUpdate: (newContent: PageContent) => void;

package/build/esm/editor/store/main/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["editor/store/main/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,aAAa,EAAC,yCAAsC;AAC5D,OAAO,EAA8B,gBAAgB,EAAc,iCAAwB;AAC3F,OAAO,EAAC,cAAc,EAAE,cAAc,EAAC,gCAAuB;AAC9D,OAAO,EAAmB,iBAAiB,EAAC,gDAA6C;AACzF,OAAO,EAA8B,YAAY,EAAC,6BAAoB;AAEtE,OAAO,EACH,SAAS,EACT,UAAU,EACV,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,cAAc,EACd,OAAO,GACV,qBAAkB;AACnB,OAAO,EAAC,cAAc,EAAC,mBAAgB;AAIvC,MAAM,UAAU,YAAY,CAAC,EAAC,OAAO,EAAE,aAAa,EAAE,MAAM,EAAgC;IACxF,MAAM,CAAC,EAAC,gBAAgB,EAAE,OAAO,EAAE,kBAAkB,EAAC,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE;QAC1F,gBAAgB,EAAE,CAAC;QACnB,kBAAkB,EAAE,CAAC;QACrB,OAAO,EAAE,cAAc,CAAC,aAAa,CAAC;QACtC,QAAQ,EAAE,YAAY,CAAC,OAAO;QAC9B,KAAK,EAAE,aAAa;KACvB,CAAC,CAAC;IAEH,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACtB,MAAM,gBAAgB,GAAG,CAAC,GAAG,gBAAgB,EAAE,GAAG,cAAc,CAAC,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC;QACvF,MAAM,gBAAgB,GAAG,OAAO,CAAC,cAAc,CAAC,OAAO,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC;QACnF,MAAM,aAAa,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QAExE,MAAM,KAAK,GAAG,CAAC,KAAY,EAAE,EAAE;YAC3B,MAAM,QAAQ,GAAG,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YAE3C,IAAI,gBAAgB,IAAI,QAAQ,EAAE,CAAC;gBAC/B,2DAA2D;gBAC3D,OAAO;YACX,CAAC;YAED,6CAA6C;YAC7C,MAAM,KAAK,GAAG,QAAQ;gBAClB,CAAC,CAAC,CAAC;gBACH,CAAC,CAAC,gBAAgB,KAAK,CAAC,CAAC;oBACvB,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM;oBACvB,CAAC,CAAC,gBAAgB,GAAG,CAAC,CAAC;YAE7B,QAAQ,CAAC,EAAC,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,EAAC,KAAK,EAAE,KAAK,EAAC,EAAC,CAAC,CAAC;QACzD,CAAC,CAAC;QACF,MAAM,QAAQ,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAC,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,KAAK,EAAC,CAAC,CAAC;QACnF,MAAM,eAAe,GAAG,CAAC,UAAuB,EAAE,EAAE,CAChD,QAAQ,CAAC,EAAC,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,UAAU,EAAC,CAAC,CAAC;QAC1D,MAAM,oBAAoB,GAAG,CAAC,EAC1B,IAAI,EACJ,KAAK,EAAE,aAAa,GAAG,CAAC,EACxB,QAAQ,EACR,GAAG,IAAI,EACY,EAAE,EAAE;YACvB,MAAM,uBAAuB,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACzD,MAAM,QAAQ,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;YACrC,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,GAAG,uBAAuB,CAAC;YACrE,MAAM,QAAQ,GAAG,gBAAgB,KAAK,KAAK,CAAC;YAC5C,MAAM,OAAO,GAAqB;gBAC9B,CAAC,iBAAiB,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAC,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,KAAK,EAAC,CAAC;aACnF,CAAC;YAEF,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACZ,OAAO,CAAC,iBAAiB,CAAC,IAAI,CAAC,GAAG,GAAG,EAAE,CACnC,QAAQ,CAAC,EAAC,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAC,CAAC,CAAC;gBAEjD,IAAI,KAAK,GAAG,uBAAuB,EAAE,CAAC;oBAClC,OAAO,CAAC,iBAAiB,CAAC,EAAE,CAAC,GAAG,GAAG,EAAE,CACjC,QAAQ,CAAC;wBACL,IAAI,EAAE,WAAW;wBACjB,OAAO,EAAE,EAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,GAAG,CAAC,EAAC;qBAClD,CAAC,CAAC;gBACX,CAAC;gBAED,IAAI,KAAK,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;oBACpC,OAAO,CAAC,iBAAiB,CAAC,IAAI,CAAC,GAAG,GAAG,EAAE,CACnC,QAAQ,CAAC;wBACL,IAAI,EAAE,WAAW;wBACjB,OAAO,EAAE,EAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,GAAG,CAAC,EAAC;qBAClD,CAAC,CAAC;gBACX,CAAC;YACL,CAAC;YAED,OAAO;gBACH,QAAQ;gBACR,QAAQ;gBACR,QAAQ;gBACR,OAAO;gBACP,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC;gBAC/B,GAAG,IAAI;aACQ,CAAC;QACxB,CAAC,CAAC;QAEF,OAAO;YACH,gBAAgB;YAChB,OAAO;YACP,kBAAkB;YAClB,oBAAoB;YACpB,KAAK;YACL,QAAQ;YACR,eAAe;SAClB,CAAC;IACN,CAAC,EAAE,CAAC,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,CAAC,CAAC,CAAC;AAChE,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {DEFAULT_THEME} from '../../../components/constants';\nimport {Block, BlockDecorationProps, HeaderBlockTypes, PageContent} from '../../../models';\nimport {getCustomTypes, getHeaderBlock} from '../../../utils';\nimport {EditBlockActions, EditBlockControls} from '../../components/EditBlock/EditBlock';\nimport {EditBlockProps, EditorProps, ViewModeItem} from '../../types';\n\nimport {\n    ADD_BLOCK,\n    COPY_BLOCK,\n    DELETE_BLOCK,\n    ORDER_BLOCK,\n    SELECT_BLOCK,\n    UPDATE_CONTENT,\n    reducer,\n} from './reducer';\nimport {addEditorProps} from './utils';\n\nexport type EditorBlockId = number | string;\n\nexport function useMainState({content: intialContent, custom}: Omit<EditorProps, 'children'>) {\n    const [{activeBlockIndex, content, errorBoundaryState}, dispatch] = React.useReducer(reducer, {\n        activeBlockIndex: 0,\n        errorBoundaryState: 0,\n        content: addEditorProps(intialContent),\n        viewMode: ViewModeItem.Desktop,\n        theme: DEFAULT_THEME,\n    });\n\n    return React.useMemo(() => {\n        const headerBlockTypes = [...HeaderBlockTypes, ...getCustomTypes(['headers'], custom)];\n        const contentHasHeader = Boolean(getHeaderBlock(content.blocks, headerBlockTypes));\n        const checkIsHeader = (type: string) => headerBlockTypes.includes(type);\n\n        const onAdd = (block: Block) => {\n            const isHeader = checkIsHeader(block.type);\n\n            if (contentHasHeader && isHeader) {\n                //TODO: add warning that it should be only one header block\n                return;\n            }\n\n            // eslint-disable-next-line no-nested-ternary\n            const index = isHeader\n                ? 0\n                : activeBlockIndex === -1\n                  ? content.blocks.length\n                  : activeBlockIndex + 1;\n\n            dispatch({type: ADD_BLOCK, payload: {block, index}});\n        };\n        const onSelect = (index: number) => dispatch({type: SELECT_BLOCK, payload: index});\n        const onContentUpdate = (newContent: PageContent) =>\n            dispatch({type: UPDATE_CONTENT, payload: newContent});\n        const injectEditBlockProps = ({\n            type,\n            index: relativeIndex = 0,\n            children,\n            ...rest\n        }: BlockDecorationProps) => {\n            const orderedBlocksStartIndex = contentHasHeader ? 1 : 0;\n            const isHeader = checkIsHeader(type);\n            const index = isHeader ? 0 : relativeIndex + orderedBlocksStartIndex;\n            const isActive = activeBlockIndex === index;\n            const actions: EditBlockActions = {\n                [EditBlockControls.Delete]: () => dispatch({type: DELETE_BLOCK, payload: index}),\n            };\n\n            if (!isHeader) {\n                actions[EditBlockControls.Copy] = () =>\n                    dispatch({type: COPY_BLOCK, payload: index});\n\n                if (index > orderedBlocksStartIndex) {\n                    actions[EditBlockControls.Up] = () =>\n                        dispatch({\n                            type: ORDER_BLOCK,\n                            payload: {oldIndex: index, newIndex: index - 1},\n                        });\n                }\n\n                if (index < content.blocks.length - 1) {\n                    actions[EditBlockControls.Down] = () =>\n                        dispatch({\n                            type: ORDER_BLOCK,\n                            payload: {oldIndex: index, newIndex: index + 1},\n                        });\n                }\n            }\n\n            return {\n                children,\n                isHeader,\n                isActive,\n                actions,\n                onSelect: () => onSelect(index),\n                ...rest,\n            } as EditBlockProps;\n        };\n\n        return {\n            activeBlockIndex,\n            content,\n            errorBoundaryState,\n            injectEditBlockProps,\n            onAdd,\n            onSelect,\n            onContentUpdate,\n        };\n    }, [content, activeBlockIndex, errorBoundaryState, custom]);\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../../../src","sources":["editor/store/main/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,aAAa,EAAC,yCAAsC;AAC5D,OAAO,EAA+B,gBAAgB,EAAc,iCAAwB;AAC5F,OAAO,EAAC,cAAc,EAAE,cAAc,EAAC,gCAAuB;AAC9D,OAAO,EAAmB,iBAAiB,EAAC,gDAA6C;AACzF,OAAO,EAA8B,YAAY,EAAC,6BAAoB;AAEtE,OAAO,EACH,SAAS,EACT,UAAU,EACV,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,cAAc,EACd,OAAO,GACV,qBAAkB;AACnB,OAAO,EAAC,cAAc,EAAC,mBAAgB;AAIvC,MAAM,UAAU,YAAY,CAAC,EAAC,OAAO,EAAE,aAAa,EAAE,MAAM,EAAgC;IACxF,MAAM,CAAC,EAAC,gBAAgB,EAAE,OAAO,EAAE,kBAAkB,EAAC,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE;QAC1F,gBAAgB,EAAE,CAAC;QACnB,kBAAkB,EAAE,CAAC;QACrB,OAAO,EAAE,cAAc,CAAC,aAAa,CAAC;QACtC,QAAQ,EAAE,YAAY,CAAC,OAAO;QAC9B,KAAK,EAAE,aAAa;KACvB,CAAC,CAAC;IAEH,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACtB,MAAM,gBAAgB,GAAG,CAAC,GAAG,gBAAgB,EAAE,GAAG,cAAc,CAAC,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC;QACvF,MAAM,gBAAgB,GAAG,OAAO,CAAC,cAAc,CAAC,OAAO,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC;QACnF,MAAM,aAAa,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QAExE,MAAM,KAAK,GAAG,CAAC,KAAY,EAAE,EAAE;YAC3B,MAAM,QAAQ,GAAG,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YAE3C,IAAI,gBAAgB,IAAI,QAAQ,EAAE,CAAC;gBAC/B,2DAA2D;gBAC3D,OAAO;YACX,CAAC;YAED,6CAA6C;YAC7C,MAAM,KAAK,GAAG,QAAQ;gBAClB,CAAC,CAAC,CAAC;gBACH,CAAC,CAAC,gBAAgB,KAAK,CAAC,CAAC;oBACvB,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM;oBACvB,CAAC,CAAC,gBAAgB,GAAG,CAAC,CAAC;YAE7B,QAAQ,CAAC,EAAC,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,EAAC,KAAK,EAAE,KAAK,EAAC,EAAC,CAAC,CAAC;QACzD,CAAC,CAAC;QACF,MAAM,QAAQ,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAC,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,KAAK,EAAC,CAAC,CAAC;QACnF,MAAM,eAAe,GAAG,CAAC,UAAuB,EAAE,EAAE,CAChD,QAAQ,CAAC,EAAC,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,UAAU,EAAC,CAAC,CAAC;QAC1D,MAAM,oBAAoB,GAAG,CAAC,EAC1B,IAAI,EACJ,KAAK,EAAE,aAAa,GAAG,CAAC,EACxB,QAAQ,EACR,GAAG,IAAI,EACuC,EAAE,EAAE;YAClD,MAAM,uBAAuB,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACzD,MAAM,QAAQ,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;YACrC,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,GAAG,uBAAuB,CAAC;YACrE,MAAM,QAAQ,GAAG,gBAAgB,KAAK,KAAK,CAAC;YAC5C,MAAM,OAAO,GAAqB;gBAC9B,CAAC,iBAAiB,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAC,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,KAAK,EAAC,CAAC;aACnF,CAAC;YAEF,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACZ,OAAO,CAAC,iBAAiB,CAAC,IAAI,CAAC,GAAG,GAAG,EAAE,CACnC,QAAQ,CAAC,EAAC,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAC,CAAC,CAAC;gBAEjD,IAAI,KAAK,GAAG,uBAAuB,EAAE,CAAC;oBAClC,OAAO,CAAC,iBAAiB,CAAC,EAAE,CAAC,GAAG,GAAG,EAAE,CACjC,QAAQ,CAAC;wBACL,IAAI,EAAE,WAAW;wBACjB,OAAO,EAAE,EAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,GAAG,CAAC,EAAC;qBAClD,CAAC,CAAC;gBACX,CAAC;gBAED,IAAI,KAAK,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;oBACpC,OAAO,CAAC,iBAAiB,CAAC,IAAI,CAAC,GAAG,GAAG,EAAE,CACnC,QAAQ,CAAC;wBACL,IAAI,EAAE,WAAW;wBACjB,OAAO,EAAE,EAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,GAAG,CAAC,EAAC;qBAClD,CAAC,CAAC;gBACX,CAAC;YACL,CAAC;YAED,OAAO;gBACH,QAAQ;gBACR,QAAQ;gBACR,QAAQ;gBACR,OAAO;gBACP,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC;gBAC/B,GAAG,IAAI;aACQ,CAAC;QACxB,CAAC,CAAC;QAEF,OAAO;YACH,gBAAgB;YAChB,OAAO;YACP,kBAAkB;YAClB,oBAAoB;YACpB,KAAK;YACL,QAAQ;YACR,eAAe;SAClB,CAAC;IACN,CAAC,EAAE,CAAC,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,CAAC,CAAC,CAAC;AAChE,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {DEFAULT_THEME} from '../../../components/constants';\nimport {Block, BlockWrapperDataProps, HeaderBlockTypes, PageContent} from '../../../models';\nimport {getCustomTypes, getHeaderBlock} from '../../../utils';\nimport {EditBlockActions, EditBlockControls} from '../../components/EditBlock/EditBlock';\nimport {EditBlockProps, EditorProps, ViewModeItem} from '../../types';\n\nimport {\n    ADD_BLOCK,\n    COPY_BLOCK,\n    DELETE_BLOCK,\n    ORDER_BLOCK,\n    SELECT_BLOCK,\n    UPDATE_CONTENT,\n    reducer,\n} from './reducer';\nimport {addEditorProps} from './utils';\n\nexport type EditorBlockId = number | string;\n\nexport function useMainState({content: intialContent, custom}: Omit<EditorProps, 'children'>) {\n    const [{activeBlockIndex, content, errorBoundaryState}, dispatch] = React.useReducer(reducer, {\n        activeBlockIndex: 0,\n        errorBoundaryState: 0,\n        content: addEditorProps(intialContent),\n        viewMode: ViewModeItem.Desktop,\n        theme: DEFAULT_THEME,\n    });\n\n    return React.useMemo(() => {\n        const headerBlockTypes = [...HeaderBlockTypes, ...getCustomTypes(['headers'], custom)];\n        const contentHasHeader = Boolean(getHeaderBlock(content.blocks, headerBlockTypes));\n        const checkIsHeader = (type: string) => headerBlockTypes.includes(type);\n\n        const onAdd = (block: Block) => {\n            const isHeader = checkIsHeader(block.type);\n\n            if (contentHasHeader && isHeader) {\n                //TODO: add warning that it should be only one header block\n                return;\n            }\n\n            // eslint-disable-next-line no-nested-ternary\n            const index = isHeader\n                ? 0\n                : activeBlockIndex === -1\n                  ? content.blocks.length\n                  : activeBlockIndex + 1;\n\n            dispatch({type: ADD_BLOCK, payload: {block, index}});\n        };\n        const onSelect = (index: number) => dispatch({type: SELECT_BLOCK, payload: index});\n        const onContentUpdate = (newContent: PageContent) =>\n            dispatch({type: UPDATE_CONTENT, payload: newContent});\n        const injectEditBlockProps = ({\n            type,\n            index: relativeIndex = 0,\n            children,\n            ...rest\n        }: BlockWrapperDataProps & React.PropsWithChildren) => {\n            const orderedBlocksStartIndex = contentHasHeader ? 1 : 0;\n            const isHeader = checkIsHeader(type);\n            const index = isHeader ? 0 : relativeIndex + orderedBlocksStartIndex;\n            const isActive = activeBlockIndex === index;\n            const actions: EditBlockActions = {\n                [EditBlockControls.Delete]: () => dispatch({type: DELETE_BLOCK, payload: index}),\n            };\n\n            if (!isHeader) {\n                actions[EditBlockControls.Copy] = () =>\n                    dispatch({type: COPY_BLOCK, payload: index});\n\n                if (index > orderedBlocksStartIndex) {\n                    actions[EditBlockControls.Up] = () =>\n                        dispatch({\n                            type: ORDER_BLOCK,\n                            payload: {oldIndex: index, newIndex: index - 1},\n                        });\n                }\n\n                if (index < content.blocks.length - 1) {\n                    actions[EditBlockControls.Down] = () =>\n                        dispatch({\n                            type: ORDER_BLOCK,\n                            payload: {oldIndex: index, newIndex: index + 1},\n                        });\n                }\n            }\n\n            return {\n                children,\n                isHeader,\n                isActive,\n                actions,\n                onSelect: () => onSelect(index),\n                ...rest,\n            } as EditBlockProps;\n        };\n\n        return {\n            activeBlockIndex,\n            content,\n            errorBoundaryState,\n            injectEditBlockProps,\n            onAdd,\n            onSelect,\n            onContentUpdate,\n        };\n    }, [content, activeBlockIndex, errorBoundaryState, custom]);\n}\n"]}

package/build/esm/editor/store/main/utils.d.ts

@@ -7,7 +7,5 @@ export declare const addBlock: (array: ConstructorBlock[], block: ConstructorBlo
 export declare const addEditorProps: (content: PageContent) => {
     animated: boolean;
     blocks: ConstructorBlock[];
-    menu?: import("../../../index.js").Menu;
-    background?: import("../../../index.js").ThemedMediaProps;
 };
 export declare const getErrorBoundaryState: (prevState: number) => number;

package/build/esm/editor/types/index.d.ts

@@ -1,7 +1,8 @@
+import * as React from 'react';
 import { PageConstructorProps, PageConstructorProviderProps } from "../../containers/PageConstructor/index.js";
-import { BlockDecorationProps, PageContent } from "../../models/index.js";
+import { SchemaCustomConfig } from "../../gravity-blocks/schema/index.js";
+import { BlockWrapperDataProps, PageContent } from "../../models/index.js";
 import { Theme } from "../../models/common.js";
-import { SchemaCustomConfig } from "../../schema/index.js";
 import { EditBlockActions } from "../components/EditBlock/EditBlock.js";
 export type EditorBlockId = number | string;
 interface ContentTransformersOptions {
@@ -26,7 +27,7 @@ export interface EditBlockEditorProps {
     onSelect: () => void;
     actions: EditBlockActions;
 }
-export interface EditBlockProps extends EditBlockEditorProps, BlockDecorationProps {
+export interface EditBlockProps extends EditBlockEditorProps, BlockWrapperDataProps, React.PropsWithChildren {
     isHeader?: boolean;
 }
 export declare enum ViewModeItem {

package/build/esm/editor/types/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["editor/types/index.ts"],"names":[],"mappings":"AA4CA,MAAM,CAAN,IAAY,YAIX;AAJD,WAAY,YAAY;IACpB,mCAAmB,CAAA;IACnB,iCAAiB,CAAA;IACjB,iCAAiB,CAAA;AACrB,CAAC,EAJW,YAAY,KAAZ,YAAY,QAIvB;AAED,MAAM,CAAN,IAAY,YAIX;AAJD,WAAY,YAAY;IACpB,6BAAa,CAAA;IACb,6BAAa,CAAA;IACb,6BAAa,CAAA;AACjB,CAAC,EAJW,YAAY,KAAZ,YAAY,QAIvB","sourcesContent":["import {PageConstructorProps, PageConstructorProviderProps} from '../../containers/PageConstructor';\nimport {BlockDecorationProps, PageContent} from '../../models';\nimport {Theme} from '../../models/common';\nimport {SchemaCustomConfig} from '../../schema';\nimport {EditBlockActions} from '../components/EditBlock/EditBlock';\n\nexport type EditorBlockId = number | string;\n\ninterface ContentTransformersOptions {\n    viewMode?: ViewModeItem;\n    editMode?: EditModeItem;\n}\n\nexport type ContentTransformer = (\n    content: PageContent,\n    options: ContentTransformersOptions,\n) => PageContent;\n\nexport interface DeviceEmulationSettings {\n    customStyles?: string;\n    applyHostStyles?: boolean;\n}\n\nexport interface EditorProps\n    extends Required<Pick<PageConstructorProps, 'content'>>,\n        Partial<Omit<PageConstructorProps, 'content'>> {\n    providerProps?: PageConstructorProviderProps;\n    onChange?: (data: PageContent) => void;\n    transformContent?: ContentTransformer;\n    customSchema?: SchemaCustomConfig;\n    deviceEmulationSettings?: DeviceEmulationSettings;\n    theme?: Theme;\n}\n\nexport interface EditBlockEditorProps {\n    isActive?: boolean;\n    onSelect: () => void;\n    actions: EditBlockActions;\n}\n\nexport interface EditBlockProps extends EditBlockEditorProps, BlockDecorationProps {\n    isHeader?: boolean;\n}\n\nexport enum ViewModeItem {\n    Desktop = 'desktop',\n    Tablet = 'tablet',\n    Mobile = 'mobile',\n}\n\nexport enum EditModeItem {\n    View = 'view',\n    Form = 'form',\n    Code = 'code',\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["editor/types/index.ts"],"names":[],"mappings":"AAiDA,MAAM,CAAN,IAAY,YAIX;AAJD,WAAY,YAAY;IACpB,mCAAmB,CAAA;IACnB,iCAAiB,CAAA;IACjB,iCAAiB,CAAA;AACrB,CAAC,EAJW,YAAY,KAAZ,YAAY,QAIvB;AAED,MAAM,CAAN,IAAY,YAIX;AAJD,WAAY,YAAY;IACpB,6BAAa,CAAA;IACb,6BAAa,CAAA;IACb,6BAAa,CAAA;AACjB,CAAC,EAJW,YAAY,KAAZ,YAAY,QAIvB","sourcesContent":["import * as React from 'react';\n\nimport {PageConstructorProps, PageConstructorProviderProps} from '../../containers/PageConstructor';\nimport {SchemaCustomConfig} from '../../gravity-blocks/schema';\nimport {BlockWrapperDataProps, PageContent} from '../../models';\nimport {Theme} from '../../models/common';\nimport {EditBlockActions} from '../components/EditBlock/EditBlock';\n\nexport type EditorBlockId = number | string;\n\ninterface ContentTransformersOptions {\n    viewMode?: ViewModeItem;\n    editMode?: EditModeItem;\n}\n\nexport type ContentTransformer = (\n    content: PageContent,\n    options: ContentTransformersOptions,\n) => PageContent;\n\nexport interface DeviceEmulationSettings {\n    customStyles?: string;\n    applyHostStyles?: boolean;\n}\n\nexport interface EditorProps\n    extends Required<Pick<PageConstructorProps, 'content'>>,\n        Partial<Omit<PageConstructorProps, 'content'>> {\n    providerProps?: PageConstructorProviderProps;\n    onChange?: (data: PageContent) => void;\n    transformContent?: ContentTransformer;\n    customSchema?: SchemaCustomConfig;\n    deviceEmulationSettings?: DeviceEmulationSettings;\n    theme?: Theme;\n}\n\nexport interface EditBlockEditorProps {\n    isActive?: boolean;\n    onSelect: () => void;\n    actions: EditBlockActions;\n}\n\nexport interface EditBlockProps\n    extends EditBlockEditorProps,\n        BlockWrapperDataProps,\n        React.PropsWithChildren {\n    isHeader?: boolean;\n}\n\nexport enum ViewModeItem {\n    Desktop = 'desktop',\n    Tablet = 'tablet',\n    Mobile = 'mobile',\n}\n\nexport enum EditModeItem {\n    View = 'view',\n    Form = 'form',\n    Code = 'code',\n}\n"]}

package/build/esm/editor/utils/code.d.ts

@@ -1,6 +1,4 @@
 export declare function parseCode(code: string): {
     blocks: import("../../index.js").ConstructorBlock[];
-    menu?: import("../../index.js").Menu;
-    background?: import("../../index.js").ThemedMediaProps;
     animated?: boolean;
 };

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

@@ -1,15 +1,5 @@
-import { BlockDecorationProps, BlockDecorator, CustomConfig } from "../../models/index.js";
+import { BlockWrapperDataProps } from "../../models/index.js";
 import { ViewModeItem } from "../types/index.js";
 export declare const formatBlockName: (name: string) => string;
-export declare const addCustomDecorator: (decorators: BlockDecorator[], custom?: CustomConfig) => {
-    decorators: {
-        block: ((props: BlockDecorationProps) => React.ReactElement)[];
-    };
-    blocks?: import("../../index.js").CustomItems;
-    subBlocks?: import("../../index.js").CustomItems;
-    headers?: import("../../index.js").CustomItems;
-    navigation?: import("../../index.js").CustomItems;
-    loadable?: import("../../index.js").LoadableConfig;
-};
-export declare const getBlockId: ({ index, type }: BlockDecorationProps) => string;
+export declare const getBlockId: ({ index, type }: BlockWrapperDataProps) => string;
 export declare const checkIsMobile: (viewMode: ViewModeItem) => boolean;

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

@@ -1,16 +1,6 @@
 import capitalize from "lodash/capitalize.js";
 import { ViewModeItem } from "../types/index.js";
 export const formatBlockName = (name) => capitalize(name).replace(/(block|-)/g, ' ');
-export const addCustomDecorator = (decorators, custom = {}) => {
-    const customDecorators = custom.decorators || {};
-    return {
-        ...custom,
-        decorators: {
-            ...customDecorators,
-            block: [...(customDecorators.block || []), ...decorators],
-        },
-    };
-};
 export const getBlockId = ({ index, type }) => `${type}${index === undefined ? '' : `-${index}`}`;
 export const checkIsMobile = (viewMode) => [ViewModeItem.Mobile, ViewModeItem.Tablet].includes(viewMode);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["editor/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,6BAA0B;AAG3C,OAAO,EAAC,YAAY,EAAC,0BAAiB;AAEtC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,YAAY,EAAE,GAAG,CAAC,CAAC;AAE7F,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,UAA4B,EAAE,SAAS,EAAkB,EAAE,EAAE;IAC5F,MAAM,gBAAgB,GAAG,MAAM,CAAC,UAAU,IAAI,EAAE,CAAC;IAEjD,OAAO;QACH,GAAG,MAAM;QACT,UAAU,EAAE;YACR,GAAG,gBAAgB;YACnB,KAAK,EAAE,CAAC,GAAG,CAAC,gBAAgB,CAAC,KAAK,IAAI,EAAE,CAAC,EAAE,GAAG,UAAU,CAAC;SAC5D;KACJ,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAC,KAAK,EAAE,IAAI,EAAuB,EAAE,EAAE,CAC9D,GAAG,IAAI,GAAG,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,EAAE,EAAE,CAAC;AAEvD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,QAAsB,EAAE,EAAE,CACpD,CAAC,YAAY,CAAC,MAAM,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC","sourcesContent":["import capitalize from 'lodash/capitalize';\n\nimport {BlockDecorationProps, BlockDecorator, CustomConfig} from '../../models';\nimport {ViewModeItem} from '../types';\n\nexport const formatBlockName = (name: string) => capitalize(name).replace(/(block|-)/g, ' ');\n\nexport const addCustomDecorator = (decorators: BlockDecorator[], custom = {} as CustomConfig) => {\n    const customDecorators = custom.decorators || {};\n\n    return {\n        ...custom,\n        decorators: {\n            ...customDecorators,\n            block: [...(customDecorators.block || []), ...decorators],\n        },\n    };\n};\n\nexport const getBlockId = ({index, type}: BlockDecorationProps) =>\n    `${type}${index === undefined ? '' : `-${index}`}`;\n\nexport const checkIsMobile = (viewMode: ViewModeItem) =>\n    [ViewModeItem.Mobile, ViewModeItem.Tablet].includes(viewMode);\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["editor/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,6BAA0B;AAG3C,OAAO,EAAC,YAAY,EAAC,0BAAiB;AAEtC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,YAAY,EAAE,GAAG,CAAC,CAAC;AAE7F,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAC,KAAK,EAAE,IAAI,EAAwB,EAAE,EAAE,CAC/D,GAAG,IAAI,GAAG,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,EAAE,EAAE,CAAC;AAEvD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,QAAsB,EAAE,EAAE,CACpD,CAAC,YAAY,CAAC,MAAM,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC","sourcesContent":["import capitalize from 'lodash/capitalize';\n\nimport {BlockWrapperDataProps} from '../../models';\nimport {ViewModeItem} from '../types';\n\nexport const formatBlockName = (name: string) => capitalize(name).replace(/(block|-)/g, ' ');\n\nexport const getBlockId = ({index, type}: BlockWrapperDataProps) =>\n    `${type}${index === undefined ? '' : `-${index}`}`;\n\nexport const checkIsMobile = (viewMode: ViewModeItem) =>\n    [ViewModeItem.Mobile, ViewModeItem.Tablet].includes(viewMode);\n"]}

package/build/esm/editor-v2/components/BlockCard/BlockCard.css

@@ -0,0 +1,34 @@
+.pceditor-block-card {
+  padding: 8px;
+  cursor: grab;
+  user-select: none;
+  margin-bottom: 8px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-between;
+  text-align: center;
+  gap: 4px;
+  max-width: 300px;
+}
+.pceditor-block-card:active {
+  background-color: var(--g-color-base-generic-hover);
+  cursor: grabbing;
+}
+.pceditor-block-card__image-img {
+  pointer-events: none;
+  height: 45px;
+  object-fit: contain;
+  object-position: center;
+}
+.pceditor-block-card__name {
+  justify-self: flex-end;
+  color: var(--g-color-text-secondary);
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  width: 100%;
+}
+.pceditor-block-card__icon {
+  color: var(--g-color-text-complementary);
+}

package/build/esm/editor-v2/components/BlockCard/BlockCard.d.ts

@@ -0,0 +1,10 @@
+import './BlockCard.css';
+export interface BlockCardProps {
+    className?: string;
+    type: string;
+    name: string;
+    previewImg?: string;
+    onMouseDown: (type: string) => void;
+}
+declare const BlockCard: ({ className, type, name, previewImg, onMouseDown }: BlockCardProps) => import("react/jsx-runtime").JSX.Element;
+export default BlockCard;

package/build/esm/editor-v2/components/BlockCard/BlockCard.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { SquareBars } from '@gravity-ui/icons';
+import { Card, Icon } from '@gravity-ui/uikit';
+import { editorCn } from "../../utils/cn.js";
+import './BlockCard.css';
+const b = editorCn('block-card');
+const BlockCard = ({ className, type, name, previewImg, onMouseDown }) => {
+    const handleMouseDown = React.useCallback(() => {
+        onMouseDown(type);
+    }, [onMouseDown, type]);
+    return (_jsxs(Card, { className: b(null, className), onMouseDown: handleMouseDown, children: [_jsx("div", { className: b('image'), children: previewImg ? (_jsx("img", { className: b('image-img'), src: previewImg, alt: "" })) : (_jsx(Icon, { className: b('icon'), size: 45, data: SquareBars })) }), _jsx("div", { className: b('name'), children: name })] }));
+};
+export default BlockCard;
+//# sourceMappingURL=BlockCard.js.map

package/build/esm/editor-v2/components/BlockCard/BlockCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockCard.js","sourceRoot":"../../../../../src","sources":["editor-v2/components/BlockCard/BlockCard.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAC,QAAQ,EAAC,0BAAuB;AAExC,OAAO,iBAAiB,CAAC;AAEzB,MAAM,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;AAUjC,MAAM,SAAS,GAAG,CAAC,EAAC,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAiB,EAAE,EAAE;IACnF,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC3C,WAAW,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,EAAE,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC;IAExB,OAAO,CACH,MAAC,IAAI,IAAC,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,WAAW,EAAE,eAAe,aAC7D,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YACrB,UAAU,CAAC,CAAC,CAAC,CACV,cAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,GAAG,EAAC,EAAE,GAAG,CAC7D,CAAC,CAAC,CAAC,CACA,KAAC,IAAI,IAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,UAAU,GAAI,CAC7D,GACC,EACN,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,IAAI,GAAO,IACpC,CACV,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {SquareBars} from '@gravity-ui/icons';\nimport {Card, Icon} from '@gravity-ui/uikit';\n\nimport {editorCn} from '../../utils/cn';\n\nimport './BlockCard.scss';\n\nconst b = editorCn('block-card');\n\nexport interface BlockCardProps {\n    className?: string;\n    type: string;\n    name: string;\n    previewImg?: string;\n    onMouseDown: (type: string) => void;\n}\n\nconst BlockCard = ({className, type, name, previewImg, onMouseDown}: BlockCardProps) => {\n    const handleMouseDown = React.useCallback(() => {\n        onMouseDown(type);\n    }, [onMouseDown, type]);\n\n    return (\n        <Card className={b(null, className)} onMouseDown={handleMouseDown}>\n            <div className={b('image')}>\n                {previewImg ? (\n                    <img className={b('image-img')} src={previewImg} alt=\"\" />\n                ) : (\n                    <Icon className={b('icon')} size={45} data={SquareBars} />\n                )}\n            </div>\n            <div className={b('name')}>{name}</div>\n        </Card>\n    );\n};\n\nexport default BlockCard;\n"]}