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

package/build/cjs/blocks/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sourceRoot":"../../../../src","sources":["blocks/Tabs/Tabs.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport AnimateBlock from '../../components/AnimateBlock/AnimateBlock';\nimport ButtonTabs, {ButtonTabsItemProps} from '../../components/ButtonTabs/ButtonTabs';\nimport Title from '../../components/Title/Title';\nimport {Col, GridJustifyContent, Row} from '../../grid';\nimport {TabsBlockProps} from '../../models';\nimport {block} from '../../utils';\nimport './Tabs.scss';\nimport {TabContent} from './TabContent/TabContent';\nimport {getUniqId} from '@gravity-ui/uikit';\n\nconst b = block('tabs-block');\n\nexport const TabsBlock = ({\n    items,\n    title,\n    description,\n    animated,\n    tabsColSizes,\n    centered,\n    direction = 'media-content',\n    contentSize = 's',\n}: TabsBlockProps) => {\n    const [activeTab, setActiveTab] = React.useState<string | null>(items[0].tabName);\n    const [play, setPlay] = React.useState<boolean>(false);\n\n    const tabs: ButtonTabsItemProps[] = items.map(({tabName}) => ({title: tabName, id: tabName}));\n    const isReverse = direction === 'content-media';\n\n    const tabIds = React.useMemo(\n        () =>\n            items.reduce(\n                (acc, {tabName}) => Object.assign(acc, {[tabName]: getUniqId()}),\n                {} as Record<string, string>,\n            ),\n        [items],\n    );\n\n    const getTabElementId = (tabId: string) => `${tabIds[tabId]}`;\n    const getTabContentElementId = (tabId: string) => `${tabIds[tabId]}-content`;\n\n    const onSelectTab = React.useCallback(\n        (tabId: string | null, e: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => {\n            setActiveTab(tabId);\n            e.currentTarget.scrollIntoView({\n                inline: 'center',\n                behavior: 'smooth',\n                block: 'nearest',\n            });\n        },\n        [],\n    );\n\n    return (\n        <AnimateBlock className={b()} onScroll={() => setPlay(true)} animate={animated}>\n            <Title\n                title={title}\n                subtitle={description}\n                className={b('title', {centered: centered})}\n            />\n            <Row justifyContent={centered ? GridJustifyContent.Center : undefined}>\n                <Col sizes={tabsColSizes}>\n                    <ButtonTabs\n                        items={tabs}\n                        onSelectTab={onSelectTab}\n                        activeTab={activeTab}\n                        className={b('tabs', {centered: centered})}\n                        getTabElementId={getTabElementId}\n                        getTabContentElementId={getTabContentElementId}\n                    />\n                </Col>\n            </Row>\n            {items.map((tabData) => {\n                const {tabName} = tabData;\n\n                return (\n                    <TabContent\n                        key={tabName}\n                        tabData={tabData}\n                        isActive={tabName === activeTab}\n                        isReverse={isReverse}\n                        contentSize={contentSize}\n                        centered={centered}\n                        play={play}\n                        getTabElementId={getTabElementId}\n                        getTabContentElementId={getTabContentElementId}\n                    />\n                );\n            })}\n        </AnimateBlock>\n    );\n};\n\nexport default TabsBlock;\n"]}
+{"version":3,"file":"Tabs.js","sourceRoot":"../../../../src","sources":["blocks/Tabs/Tabs.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport AnimateBlock from '../../components/AnimateBlock/AnimateBlock';\nimport ButtonTabs, {ButtonTabsItemProps} from '../../components/ButtonTabs/ButtonTabs';\nimport Title from '../../components/Title/Title';\nimport {Col, Grid, GridJustifyContent, Row} from '../../grid';\nimport {TabsBlockProps} from '../../models';\nimport {block} from '../../utils';\nimport './Tabs.scss';\nimport {TabContent} from './TabContent/TabContent';\nimport {getUniqId} from '@gravity-ui/uikit';\n\nconst b = block('tabs-block');\n\nexport const TabsBlock = ({\n    items,\n    title,\n    description,\n    animated,\n    tabsColSizes,\n    centered,\n    direction = 'media-content',\n    contentSize = 's',\n}: TabsBlockProps) => {\n    const [activeTab, setActiveTab] = React.useState<string | null>(items[0].tabName);\n    const [play, setPlay] = React.useState<boolean>(false);\n\n    const tabs: ButtonTabsItemProps[] = items.map(({tabName}) => ({title: tabName, id: tabName}));\n    const isReverse = direction === 'content-media';\n\n    const tabIds = React.useMemo(\n        () =>\n            items.reduce(\n                (acc, {tabName}) => Object.assign(acc, {[tabName]: getUniqId()}),\n                {} as Record<string, string>,\n            ),\n        [items],\n    );\n\n    const getTabElementId = (tabId: string) => `${tabIds[tabId]}`;\n    const getTabContentElementId = (tabId: string) => `${tabIds[tabId]}-content`;\n\n    const onSelectTab = React.useCallback(\n        (tabId: string | null, e: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => {\n            setActiveTab(tabId);\n            e.currentTarget.scrollIntoView({\n                inline: 'center',\n                behavior: 'smooth',\n                block: 'nearest',\n            });\n        },\n        [],\n    );\n\n    return (\n        <Grid>\n            <AnimateBlock className={b()} onScroll={() => setPlay(true)} animate={animated}>\n                <Title\n                    title={title}\n                    subtitle={description}\n                    className={b('title', {centered: centered})}\n                />\n                <Row justifyContent={centered ? GridJustifyContent.Center : undefined}>\n                    <Col sizes={tabsColSizes}>\n                        <ButtonTabs\n                            items={tabs}\n                            onSelectTab={onSelectTab}\n                            activeTab={activeTab}\n                            className={b('tabs', {centered: centered})}\n                            getTabElementId={getTabElementId}\n                            getTabContentElementId={getTabContentElementId}\n                        />\n                    </Col>\n                </Row>\n                {items.map((tabData) => {\n                    const {tabName} = tabData;\n\n                    return (\n                        <TabContent\n                            key={tabName}\n                            tabData={tabData}\n                            isActive={tabName === activeTab}\n                            isReverse={isReverse}\n                            contentSize={contentSize}\n                            centered={centered}\n                            play={play}\n                            getTabElementId={getTabElementId}\n                            getTabContentElementId={getTabContentElementId}\n                        />\n                    );\n                })}\n            </AnimateBlock>\n        </Grid>\n    );\n};\n\nexport default TabsBlock;\n"]}

package/build/cjs/blocks/Tabs/index.d.ts

@@ -0,0 +1,17 @@
+declare const TabsBlockConfig: {
+    component: ({ items, title, description, animated, tabsColSizes, centered, direction, contentSize, }: import("../../index.js").TabsBlockProps) => import("react/jsx-runtime").JSX.Element;
+    schema: {
+        name: string;
+        group: string;
+        inputs: import("../../../common/types/index.js").ConfigInput[];
+        default: {
+            title: string;
+            items: {
+                tabName: string;
+                text: string;
+                title: string;
+            }[];
+        };
+    };
+};
+export default TabsBlockConfig;

package/build/cjs/blocks/Tabs/index.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const form_generator_1 = require("../../utils/form-generator.js");
+const Tabs_1 = tslib_1.__importDefault(require("./Tabs.js"));
+const schema_1 = require("./schema.js");
+const TabsBlockConfig = {
+    component: Tabs_1.default,
+    schema: {
+        name: 'Tabs Block',
+        group: 'block',
+        inputs: (0, form_generator_1.generateFromAJV)(schema_1.TabsBlock['tabs-block']),
+        default: {
+            title: 'Tabs Block',
+            items: [
+                {
+                    tabName: 'First Tab',
+                    text: 'First Tab Content',
+                    title: 'First Tab Title',
+                },
+                {
+                    text: 'Second Tab Content',
+                    title: 'Second Tab Title',
+                    tabName: 'Second Tab',
+                },
+            ],
+        },
+    },
+};
+exports.default = TabsBlockConfig;
+//# sourceMappingURL=index.js.map

package/build/cjs/blocks/Tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["blocks/Tabs/index.ts"],"names":[],"mappings":";;;AAEA,kEAA2D;AAE3D,6DAA+B;AAC/B,wCAAsD;AAEtD,MAAM,eAAe,GAAG;IACpB,SAAS,EAAE,cAAS;IACpB,MAAM,EAAE;QACJ,IAAI,EAAE,YAAY;QAClB,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,IAAA,gCAAe,EAAC,kBAAe,CAAC,YAAY,CAAkC,CAAC;QACvF,OAAO,EAAE;YACL,KAAK,EAAE,YAAY;YACnB,KAAK,EAAE;gBACH;oBACI,OAAO,EAAE,WAAW;oBACpB,IAAI,EAAE,mBAAmB;oBACzB,KAAK,EAAE,iBAAiB;iBAC3B;gBACD;oBACI,IAAI,EAAE,oBAAoB;oBAC1B,KAAK,EAAE,kBAAkB;oBACzB,OAAO,EAAE,YAAY;iBACxB;aACJ;SACJ;KACJ;CACJ,CAAC;AAEF,kBAAe,eAAe,CAAC","sourcesContent":["import {JSONSchemaType} from 'ajv';\n\nimport {generateFromAJV} from '../../utils/form-generator';\n\nimport TabsBlock from './Tabs';\nimport {TabsBlock as TabsBlockSchema} from './schema';\n\nconst TabsBlockConfig = {\n    component: TabsBlock,\n    schema: {\n        name: 'Tabs Block',\n        group: 'block',\n        inputs: generateFromAJV(TabsBlockSchema['tabs-block'] as unknown as JSONSchemaType<{}>),\n        default: {\n            title: 'Tabs Block',\n            items: [\n                {\n                    tabName: 'First Tab',\n                    text: 'First Tab Content',\n                    title: 'First Tab Title',\n                },\n                {\n                    text: 'Second Tab Content',\n                    title: 'Second Tab Title',\n                    tabName: 'Second Tab',\n                },\n            ],\n        },\n    },\n};\n\nexport default TabsBlockConfig;\n"]}

package/build/cjs/blocks/TestEditorBlock/TestEditorBlock.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export interface TestEditorBlockProps extends React.PropsWithChildren {
+}
+export declare const TestEditorBlock: (props: TestEditorBlockProps) => import("react/jsx-runtime").JSX.Element;
+export default TestEditorBlock;

package/build/cjs/blocks/TestEditorBlock/TestEditorBlock.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TestEditorBlock = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const utils_1 = require("../../utils/index.js");
+const b = (0, utils_1.block)('test-editor-block');
+const TestEditorBlock = (props) => {
+    return (0, jsx_runtime_1.jsx)("div", { className: b(), children: JSON.stringify(props, null, 2) });
+};
+exports.TestEditorBlock = TestEditorBlock;
+exports.default = exports.TestEditorBlock;
+//# sourceMappingURL=TestEditorBlock.js.map

package/build/cjs/blocks/TestEditorBlock/TestEditorBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestEditorBlock.js","sourceRoot":"../../../../src","sources":["blocks/TestEditorBlock/TestEditorBlock.tsx"],"names":[],"mappings":";;;;AAEA,gDAAkC;AAElC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,mBAAmB,CAAC,CAAC;AAI9B,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,EAAE;IAC3D,OAAO,gCAAK,SAAS,EAAE,CAAC,EAAE,YAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,GAAO,CAAC;AACvE,CAAC,CAAC;AAFW,QAAA,eAAe,mBAE1B;AAEF,kBAAe,uBAAe,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {block} from '../../utils';\n\nconst b = block('test-editor-block');\n\nexport interface TestEditorBlockProps extends React.PropsWithChildren {}\n\nexport const TestEditorBlock = (props: TestEditorBlockProps) => {\n    return <div className={b()}>{JSON.stringify(props, null, 2)}</div>;\n};\n\nexport default TestEditorBlock;\n"]}

package/build/cjs/blocks/TestEditorBlock/form.d.ts

@@ -0,0 +1,3 @@
+import { ArrayObjectInput, ArrayTextInput, BooleanInput, NumberInput, ObjectInput, OneOfInput, SelectMultipleInput, SelectSingleInput, TextAreaInput, TextInput } from "../../../common/types/index.js";
+declare const _default: (TextInput | BooleanInput | NumberInput | TextAreaInput | SelectSingleInput | SelectMultipleInput | ObjectInput | ArrayTextInput | ArrayObjectInput | OneOfInput)[];
+export default _default;

package/build/cjs/blocks/TestEditorBlock/form.js

@@ -0,0 +1,91 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const textInput = {
+    type: 'text',
+    name: 'text',
+    title: 'Text Input',
+};
+const textAreaInput = {
+    type: 'textarea',
+    name: 'textarea',
+    title: 'TextArea Input',
+};
+const booleanInput = {
+    type: 'boolean',
+    name: 'boolean',
+    title: 'Boolean Input',
+};
+const numberInput = {
+    type: 'number',
+    name: 'number',
+    title: 'Number Input',
+};
+const selectInput = {
+    type: 'select',
+    name: 'selectSingle',
+    title: 'Select Single Input',
+    mode: 'single',
+    view: 'select',
+    enum: [
+        { value: 'id_1', content: 'Option 1' },
+        { value: 'id_2', content: 'Option 2' },
+    ],
+};
+const radioButtonsViewSingleInput = {
+    ...selectInput,
+    name: 'radioButtons',
+    title: 'Radio Button Input',
+    view: 'radiobutton',
+};
+// @ts-ignore
+const selectMultipleModeInput = {
+    ...selectInput,
+    name: 'selectMultiple',
+    title: 'Select Multiple Input',
+    mode: 'multiple',
+};
+const objectInput = {
+    type: 'object',
+    name: 'object',
+    title: 'Object Input',
+    properties: [textInput, textAreaInput, selectInput],
+};
+const arrayTextInput = {
+    type: 'array',
+    name: 'arrayText',
+    title: 'Array Text Input',
+    buttonText: 'Add Array Item',
+    arrayType: 'text',
+};
+const arrayObjectInput = {
+    type: 'array',
+    name: 'arrayObject',
+    title: 'Array Object Input',
+    buttonText: 'Add Array Item',
+    arrayType: 'object',
+    properties: [textInput, textAreaInput, selectInput],
+};
+const oneOfInput = {
+    type: 'oneOf',
+    name: 'oneOf',
+    key: 'oneOfKey',
+    title: 'Array Text Input',
+    options: [
+        { value: 'text', title: 'Text', properties: [textInput] },
+        { value: 'textarea', title: 'TextArea', properties: [textAreaInput] },
+    ],
+};
+exports.default = [
+    textInput,
+    textAreaInput,
+    booleanInput,
+    numberInput,
+    selectInput,
+    radioButtonsViewSingleInput,
+    selectMultipleModeInput,
+    objectInput,
+    arrayTextInput,
+    arrayObjectInput,
+    oneOfInput,
+];
+//# sourceMappingURL=form.js.map

package/build/cjs/blocks/TestEditorBlock/form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","sourceRoot":"../../../../src","sources":["blocks/TestEditorBlock/form.ts"],"names":[],"mappings":";;AAaA,MAAM,SAAS,GAAc;IACzB,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,YAAY;CACtB,CAAC;AAEF,MAAM,aAAa,GAAkB;IACjC,IAAI,EAAE,UAAU;IAChB,IAAI,EAAE,UAAU;IAChB,KAAK,EAAE,gBAAgB;CAC1B,CAAC;AAEF,MAAM,YAAY,GAAiB;IAC/B,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,eAAe;CACzB,CAAC;AAEF,MAAM,WAAW,GAAgB;IAC7B,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,cAAc;CACxB,CAAC;AAEF,MAAM,WAAW,GAAsB;IACnC,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,cAAc;IACpB,KAAK,EAAE,qBAAqB;IAC5B,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE;QACF,EAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAC;QACpC,EAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAC;KACvC;CACJ,CAAC;AAEF,MAAM,2BAA2B,GAAsB;IACnD,GAAG,WAAW;IACd,IAAI,EAAE,cAAc;IACpB,KAAK,EAAE,oBAAoB;IAE3B,IAAI,EAAE,aAAa;CACtB,CAAC;AAEF,aAAa;AACb,MAAM,uBAAuB,GAAwB;IACjD,GAAG,WAAW;IACd,IAAI,EAAE,gBAAgB;IACtB,KAAK,EAAE,uBAAuB;IAE9B,IAAI,EAAE,UAAU;CACnB,CAAC;AAEF,MAAM,WAAW,GAAgB;IAC7B,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,cAAc;IACrB,UAAU,EAAE,CAAC,SAAS,EAAE,aAAa,EAAE,WAAW,CAAC;CACtD,CAAC;AAEF,MAAM,cAAc,GAAmB;IACnC,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,WAAW;IACjB,KAAK,EAAE,kBAAkB;IACzB,UAAU,EAAE,gBAAgB;IAC5B,SAAS,EAAE,MAAM;CACpB,CAAC;AAEF,MAAM,gBAAgB,GAAqB;IACvC,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,aAAa;IACnB,KAAK,EAAE,oBAAoB;IAC3B,UAAU,EAAE,gBAAgB;IAC5B,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE,CAAC,SAAS,EAAE,aAAa,EAAE,WAAW,CAAC;CACtD,CAAC;AAEF,MAAM,UAAU,GAAe;IAC3B,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,OAAO;IACb,GAAG,EAAE,UAAU;IACf,KAAK,EAAE,kBAAkB;IACzB,OAAO,EAAE;QACL,EAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,SAAS,CAAC,EAAC;QACvD,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,aAAa,CAAC,EAAC;KACtE;CACJ,CAAC;AAEF,kBAAe;IACX,SAAS;IACT,aAAa;IACb,YAAY;IACZ,WAAW;IACX,WAAW;IACX,2BAA2B;IAC3B,uBAAuB;IACvB,WAAW;IACX,cAAc;IACd,gBAAgB;IAChB,UAAU;CACb,CAAC","sourcesContent":["import {\n    ArrayObjectInput,\n    ArrayTextInput,\n    BooleanInput,\n    NumberInput,\n    ObjectInput,\n    OneOfInput,\n    SelectMultipleInput,\n    SelectSingleInput,\n    TextAreaInput,\n    TextInput,\n} from '../../../common/types';\n\nconst textInput: TextInput = {\n    type: 'text',\n    name: 'text',\n    title: 'Text Input',\n};\n\nconst textAreaInput: TextAreaInput = {\n    type: 'textarea',\n    name: 'textarea',\n    title: 'TextArea Input',\n};\n\nconst booleanInput: BooleanInput = {\n    type: 'boolean',\n    name: 'boolean',\n    title: 'Boolean Input',\n};\n\nconst numberInput: NumberInput = {\n    type: 'number',\n    name: 'number',\n    title: 'Number Input',\n};\n\nconst selectInput: SelectSingleInput = {\n    type: 'select',\n    name: 'selectSingle',\n    title: 'Select Single Input',\n    mode: 'single',\n    view: 'select',\n    enum: [\n        {value: 'id_1', content: 'Option 1'},\n        {value: 'id_2', content: 'Option 2'},\n    ],\n};\n\nconst radioButtonsViewSingleInput: SelectSingleInput = {\n    ...selectInput,\n    name: 'radioButtons',\n    title: 'Radio Button Input',\n\n    view: 'radiobutton',\n};\n\n// @ts-ignore\nconst selectMultipleModeInput: SelectMultipleInput = {\n    ...selectInput,\n    name: 'selectMultiple',\n    title: 'Select Multiple Input',\n\n    mode: 'multiple',\n};\n\nconst objectInput: ObjectInput = {\n    type: 'object',\n    name: 'object',\n    title: 'Object Input',\n    properties: [textInput, textAreaInput, selectInput],\n};\n\nconst arrayTextInput: ArrayTextInput = {\n    type: 'array',\n    name: 'arrayText',\n    title: 'Array Text Input',\n    buttonText: 'Add Array Item',\n    arrayType: 'text',\n};\n\nconst arrayObjectInput: ArrayObjectInput = {\n    type: 'array',\n    name: 'arrayObject',\n    title: 'Array Object Input',\n    buttonText: 'Add Array Item',\n    arrayType: 'object',\n    properties: [textInput, textAreaInput, selectInput],\n};\n\nconst oneOfInput: OneOfInput = {\n    type: 'oneOf',\n    name: 'oneOf',\n    key: 'oneOfKey',\n    title: 'Array Text Input',\n    options: [\n        {value: 'text', title: 'Text', properties: [textInput]},\n        {value: 'textarea', title: 'TextArea', properties: [textAreaInput]},\n    ],\n};\n\nexport default [\n    textInput,\n    textAreaInput,\n    booleanInput,\n    numberInput,\n    selectInput,\n    radioButtonsViewSingleInput,\n    selectMultipleModeInput,\n    objectInput,\n    arrayTextInput,\n    arrayObjectInput,\n    oneOfInput,\n];\n"]}

package/build/cjs/blocks/TestEditorBlock/index.d.ts

@@ -0,0 +1,11 @@
+declare const TestEditorBlockConfig: {
+    component: (props: import("./TestEditorBlock.js").TestEditorBlockProps) => import("react/jsx-runtime").JSX.Element;
+    schema: {
+        name: string;
+        inputs: (import("../../../common/types/index.js").TextInput | import("../../../common/types/index.js").BooleanInput | import("../../../common/types/index.js").NumberInput | import("../../../common/types/index.js").TextAreaInput | import("../../../common/types/index.js").SelectSingleInput | import("../../../common/types/index.js").SelectMultipleInput | import("../../../common/types/index.js").ObjectInput | import("../../../common/types/index.js").ArrayTextInput | import("../../../common/types/index.js").ArrayObjectInput | import("../../../common/types/index.js").OneOfInput)[];
+    };
+};
+export declare const TestEditorBlockSchema: {
+    "test-editor-block": {};
+};
+export default TestEditorBlockConfig;

package/build/cjs/blocks/TestEditorBlock/index.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TestEditorBlockSchema = void 0;
+const tslib_1 = require("tslib");
+const TestEditorBlock_1 = tslib_1.__importDefault(require("./TestEditorBlock.js"));
+const form_1 = tslib_1.__importDefault(require("./form.js"));
+const TestEditorBlockConfig = {
+    component: TestEditorBlock_1.default,
+    schema: {
+        name: 'Test Editor Block',
+        inputs: form_1.default,
+    },
+};
+exports.TestEditorBlockSchema = {
+    ['test-editor-block']: {},
+};
+exports.default = TestEditorBlockConfig;
+//# sourceMappingURL=index.js.map

package/build/cjs/blocks/TestEditorBlock/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["blocks/TestEditorBlock/index.ts"],"names":[],"mappings":";;;;AAAA,mFAAgD;AAChD,6DAA2C;AAE3C,MAAM,qBAAqB,GAAG;IAC1B,SAAS,EAAE,yBAAe;IAC1B,MAAM,EAAE;QACJ,IAAI,EAAE,mBAAmB;QACzB,MAAM,EAAE,cAAqB;KAChC;CACJ,CAAC;AAEW,QAAA,qBAAqB,GAAG;IACjC,CAAC,mBAAmB,CAAC,EAAE,EAAE;CAC5B,CAAC;AAEF,kBAAe,qBAAqB,CAAC","sourcesContent":["import TestEditorBlock from './TestEditorBlock';\nimport testEditorBlockInputs from './form';\n\nconst TestEditorBlockConfig = {\n    component: TestEditorBlock,\n    schema: {\n        name: 'Test Editor Block',\n        inputs: testEditorBlockInputs,\n    },\n};\n\nexport const TestEditorBlockSchema = {\n    ['test-editor-block']: {},\n};\n\nexport default TestEditorBlockConfig;\n"]}

package/build/cjs/components/BlockBase/BlockBase.css

@@ -4,30 +4,25 @@ unpredictable css rules order in build */
   --anchor-offset: 48px;
 }
 .pc-block-base.pc-block-base {
-  margin-top: 48px;
-  padding: 0 0 48px;
+  padding: 48px 0;
 }
-.pc-block-base.pc-block-base:first-child {
-  margin-top: var(--pc-first-block-indent, 96px);
-}
-
 .pc-block-base.pc-block-base.pc-block-base.pc-block-base_indentTop_0 {
-  margin-top: 0;
+  padding-top: 0;
 }
 .pc-block-base.pc-block-base.pc-block-base.pc-block-base_indentTop_xs {
-  margin-top: 16px;
+  padding-top: 16px;
 }
 .pc-block-base.pc-block-base.pc-block-base.pc-block-base_indentTop_s {
-  margin-top: 24px;
+  padding-top: 24px;
 }
 .pc-block-base.pc-block-base.pc-block-base.pc-block-base_indentTop_m {
-  margin-top: 32px;
+  padding-top: 32px;
 }
 .pc-block-base.pc-block-base.pc-block-base.pc-block-base_indentTop_l {
-  margin-top: 48px;
+  padding-top: 48px;
 }
 .pc-block-base.pc-block-base.pc-block-base.pc-block-base_indentTop_xl {
-  margin-top: 64px;
+  padding-top: 64px;
 }
 .pc-block-base.pc-block-base.pc-block-base.pc-block-base_indentBottom_0 {
   padding-bottom: 0;
@@ -50,12 +45,9 @@ unpredictable css rules order in build */
 
 @media only screen and (max-width: 577px) {
   .pc-block-base.pc-block-base {
-    margin-top: 32px;
+    padding-top: 32px;
     padding-bottom: 32px;
   }
-  .pc-block-base.pc-block-base:first-child {
-    margin-top: var(--pc-first-block-mobile-indent, 64px);
-  }
 }
 
 .pc-block-base_reset-paddings.pc-block-base.pc-block-base_reset-paddings.pc-block-base {

package/build/cjs/components/Image/dynamic-form.d.ts

@@ -0,0 +1,2 @@
+import { ConfigInput } from "../../../common/types/index.js";
+export declare const imageInputs: ConfigInput[];

package/build/cjs/components/Image/dynamic-form.js

@@ -0,0 +1,85 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.imageInputs = void 0;
+const tslib_1 = require("tslib");
+const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const devices = ['desktop', 'tablet', 'mobile'];
+const imageBaseInputs = [
+    {
+        type: 'text',
+        name: 'alt',
+        title: 'Alternative',
+    },
+    {
+        type: 'boolean',
+        name: 'disableCompress',
+        title: 'Disable Compress',
+    },
+];
+const imageStyleInputs = [
+    {
+        type: 'text',
+        name: 'style.backgroundColor',
+        title: 'Background Color',
+    },
+    {
+        type: 'text',
+        name: 'style.height',
+        title: 'Height',
+    },
+    {
+        type: 'text',
+        name: 'style.width',
+        title: 'Width',
+    },
+    {
+        type: 'text',
+        name: 'style.color',
+        title: 'Color',
+    },
+];
+const devicesInputs = devices.map((device) => ({
+    type: 'text',
+    title: lodash_1.default.capitalize(device),
+    name: `${device}`,
+}));
+exports.imageInputs = [
+    {
+        type: 'oneOf',
+        name: '',
+        key: 'imageType',
+        title: 'Image Type',
+        options: [
+            {
+                title: 'Simple',
+                value: 'simple',
+                properties: [
+                    {
+                        type: 'text',
+                        name: '', // image props
+                        title: 'Image URL',
+                    },
+                ],
+            },
+            {
+                title: 'Complex',
+                value: 'complex',
+                properties: [
+                    {
+                        type: 'text',
+                        name: 'src',
+                        title: 'Source',
+                    },
+                    ...imageStyleInputs,
+                    ...imageBaseInputs,
+                ],
+            },
+            {
+                title: 'Device Based',
+                value: 'deviseBased',
+                properties: [...devicesInputs, ...imageBaseInputs],
+            },
+        ],
+    },
+];
+//# sourceMappingURL=dynamic-form.js.map

package/build/cjs/components/Image/dynamic-form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic-form.js","sourceRoot":"../../../../src","sources":["components/Image/dynamic-form.ts"],"names":[],"mappings":";;;;AAAA,4DAAuB;AAIvB,MAAM,OAAO,GAAG,CAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;AAEhD,MAAM,eAAe,GAAkB;IACnC;QACI,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,aAAa;KACvB;IACD;QACI,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,iBAAiB;QACvB,KAAK,EAAE,kBAAkB;KAC5B;CACJ,CAAC;AAEF,MAAM,gBAAgB,GAAkB;IACpC;QACI,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,uBAAuB;QAC7B,KAAK,EAAE,kBAAkB;KAC5B;IACD;QACI,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,cAAc;QACpB,KAAK,EAAE,QAAQ;KAClB;IACD;QACI,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,OAAO;KACjB;IACD;QACI,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,OAAO;KACjB;CACJ,CAAC;AAEF,MAAM,aAAa,GAAkB,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAC1D,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,gBAAC,CAAC,UAAU,CAAC,MAAM,CAAC;IAC3B,IAAI,EAAE,GAAG,MAAM,EAAE;CACpB,CAAC,CAAC,CAAC;AAES,QAAA,WAAW,GAAkB;IACtC;QACI,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,WAAW;QAChB,KAAK,EAAE,YAAY;QACnB,OAAO,EAAE;YACL;gBACI,KAAK,EAAE,QAAQ;gBACf,KAAK,EAAE,QAAQ;gBACf,UAAU,EAAE;oBACR;wBACI,IAAI,EAAE,MAAM;wBACZ,IAAI,EAAE,EAAE,EAAE,cAAc;wBACxB,KAAK,EAAE,WAAW;qBACrB;iBACJ;aACJ;YACD;gBACI,KAAK,EAAE,SAAS;gBAChB,KAAK,EAAE,SAAS;gBAChB,UAAU,EAAE;oBACR;wBACI,IAAI,EAAE,MAAM;wBACZ,IAAI,EAAE,KAAK;wBACX,KAAK,EAAE,QAAQ;qBAClB;oBACD,GAAG,gBAAgB;oBACnB,GAAG,eAAe;iBACrB;aACJ;YACD;gBACI,KAAK,EAAE,cAAc;gBACrB,KAAK,EAAE,aAAa;gBACpB,UAAU,EAAE,CAAC,GAAG,aAAa,EAAE,GAAG,eAAe,CAAC;aACrD;SACJ;KACJ;CACJ,CAAC","sourcesContent":["import _ from 'lodash';\n\nimport {ConfigInput} from '../../../common/types';\n\nconst devices = ['desktop', 'tablet', 'mobile'];\n\nconst imageBaseInputs: ConfigInput[] = [\n    {\n        type: 'text',\n        name: 'alt',\n        title: 'Alternative',\n    },\n    {\n        type: 'boolean',\n        name: 'disableCompress',\n        title: 'Disable Compress',\n    },\n];\n\nconst imageStyleInputs: ConfigInput[] = [\n    {\n        type: 'text',\n        name: 'style.backgroundColor',\n        title: 'Background Color',\n    },\n    {\n        type: 'text',\n        name: 'style.height',\n        title: 'Height',\n    },\n    {\n        type: 'text',\n        name: 'style.width',\n        title: 'Width',\n    },\n    {\n        type: 'text',\n        name: 'style.color',\n        title: 'Color',\n    },\n];\n\nconst devicesInputs: ConfigInput[] = devices.map((device) => ({\n    type: 'text',\n    title: _.capitalize(device),\n    name: `${device}`,\n}));\n\nexport const imageInputs: ConfigInput[] = [\n    {\n        type: 'oneOf',\n        name: '',\n        key: 'imageType',\n        title: 'Image Type',\n        options: [\n            {\n                title: 'Simple',\n                value: 'simple',\n                properties: [\n                    {\n                        type: 'text',\n                        name: '', // image props\n                        title: 'Image URL',\n                    },\n                ],\n            },\n            {\n                title: 'Complex',\n                value: 'complex',\n                properties: [\n                    {\n                        type: 'text',\n                        name: 'src',\n                        title: 'Source',\n                    },\n                    ...imageStyleInputs,\n                    ...imageBaseInputs,\n                ],\n            },\n            {\n                title: 'Device Based',\n                value: 'deviseBased',\n                properties: [...devicesInputs, ...imageBaseInputs],\n            },\n        ],\n    },\n];\n"]}

package/build/cjs/components/editor/ItemWrap/ItemWrap.css

@@ -0,0 +1,9 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-item-wrap {
+  height: 100%;
+}
+
+.pc-page-constructor_with-editor .pc-item-wrap {
+  cursor: pointer;
+}

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

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export interface ItemWrapProps extends React.PropsWithChildren {
+    index: number;
+}
+declare const ItemWrap: ({ index, children }: ItemWrapProps) => import("react/jsx-runtime").JSX.Element;
+export default ItemWrap;

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

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const usePCEditorItemWrap_1 = require("../../../hooks/usePCEditorItemWrap.js");
+const utils_1 = require("../../../utils/index.js");
+const b = (0, utils_1.block)('item-wrap');
+const ItemWrap = ({ index, children }) => {
+    const { blockRef, adminBlockMouseEvents } = (0, usePCEditorItemWrap_1.usePCEditorItemWrap)(index);
+    return ((0, jsx_runtime_1.jsx)("div", { ref: blockRef, className: b(), ...adminBlockMouseEvents, children: children }));
+};
+exports.default = ItemWrap;
+//# sourceMappingURL=ItemWrap.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ItemWrap.js","sourceRoot":"../../../../../src","sources":["components/editor/ItemWrap/ItemWrap.tsx"],"names":[],"mappings":";;;AAEA,+EAAuE;AACvE,mDAAqC;AAIrC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,WAAW,CAAC,CAAC;AAM7B,MAAM,QAAQ,GAAG,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAgB,EAAE,EAAE;IAClD,MAAM,EAAC,QAAQ,EAAE,qBAAqB,EAAC,GAAG,IAAA,yCAAmB,EAAC,KAAK,CAAC,CAAC;IACrE,OAAO,CACH,gCAAK,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAAE,KAAM,qBAAqB,YACxD,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {usePCEditorItemWrap} from '../../../hooks/usePCEditorItemWrap';\nimport {block} from '../../../utils';\n\nimport './ItemWrap.scss';\n\nconst b = block('item-wrap');\n\nexport interface ItemWrapProps extends React.PropsWithChildren {\n    index: number;\n}\n\nconst ItemWrap = ({index, children}: ItemWrapProps) => {\n    const {blockRef, adminBlockMouseEvents} = usePCEditorItemWrap(index);\n    return (\n        <div ref={blockRef} className={b()} {...adminBlockMouseEvents}>\n            {children}\n        </div>\n    );\n};\n\nexport default ItemWrap;\n"]}

package/build/cjs/constructor-items.d.ts

@@ -1,3 +1,9 @@
+import * as React from 'react';
+import { BlockConfig } from "../common/types/index.js";
+/**
+ * TODO: remove it
+ * @deprecated use blockDataMap
+ **/
 export declare const blockMap: {
     "slider-block": (props: React.PropsWithChildren<import("./blocks/Slider/Slider.js").SliderProps>) => import("react/jsx-runtime").JSX.Element;
     "extended-features-block": ({ title, description, items, colSizes, animated, }: import("./models/index.js").ExtendedFeaturesProps) => import("react/jsx-runtime").JSX.Element;
@@ -12,14 +18,19 @@ export declare const blockMap: {
     "header-block": (props: React.PropsWithChildren<import("./models/index.js").HeaderBlockProps & import("./models/index.js").ClassNameProps>) => import("react/jsx-runtime").JSX.Element;
     "icons-block": ({ title, description, size, colSizes, items }: import("./models/index.js").IconsBlockProps) => import("react/jsx-runtime").JSX.Element;
     "header-slider-block": ({ items, arrows, ...props }: import("./models/index.js").HeaderSliderBlockProps) => import("react/jsx-runtime").JSX.Element;
-    "card-layout-block": import("react").FC<import("./blocks/CardLayout/CardLayout").CardLayoutBlockProps>;
+    "card-layout-block": React.FC<import("./blocks/CardLayout/CardLayout.js").CardLayoutBlockProps>;
     "content-layout-block": (props: import("./models/index.js").ContentLayoutBlockProps) => import("react/jsx-runtime").JSX.Element;
     "share-block": ({ items, title }: import("./models/index.js").ShareBlockProps) => import("react/jsx-runtime").JSX.Element;
     "map-block": ({ map, border, disableShadow, ...props }: import("./models/index.js").MapBlockProps) => import("react/jsx-runtime").JSX.Element;
-    "filter-block": import("react").FC<import("./models").FilterBlockProps>;
-    "form-block": import("react").FC<import("./models").FormBlockProps>;
+    "filter-block": React.FC<import("./models/index.js").FilterBlockProps>;
+    "form-block": React.FC<import("./models/index.js").FormBlockProps>;
     "slider-new-block": ({ animated, title, description, type, anchorId, arrows, adaptive, autoplay: autoplayMs, dots, className, dotsClassName, disclaimer, children, blockClassName, arrowSize, slidesToShow, onSlideChange, onSlideChangeTransitionStart, onSlideChangeTransitionEnd, onActiveIndexChange, onBreakpoint, }: React.PropsWithChildren<import("./blocks/SliderNew/Slider.js").SliderNewProps>) => import("react/jsx-runtime").JSX.Element;
+    "test-editor-block": (props: import("./blocks/TestEditorBlock/TestEditorBlock.js").TestEditorBlockProps) => import("react/jsx-runtime").JSX.Element;
 };
+/**
+ * TODO: remove it
+ * @deprecated use blockDataMap
+ **/
 export declare const subBlockMap: {
     divider: ({ size, border }: import("./models/index.js").DividerProps) => import("react/jsx-runtime").JSX.Element;
     "price-detailed": (props: import("./models/index.js").PriceDetailedProps) => import("react/jsx-runtime").JSX.Element;
@@ -34,9 +45,14 @@ export declare const subBlockMap: {
     "image-card": (props: import("./models/index.js").ImageCardProps) => import("react/jsx-runtime").JSX.Element;
 };
 export declare const navItemMap: {
-    button: import("react").FC<Pick<import("./navigation").NavigationItemProps, "className"> & import("./models").ButtonProps>;
-    social: import("react").FC<import("./navigation/components/SocialIcon/SocialIcon").NavigationSocialItemOwnProps>;
+    button: React.FC<Pick<import("./navigation/index.js").NavigationItemProps, "className"> & import("./models/index.js").ButtonProps>;
+    social: React.FC<import("./navigation/index.js").NavigationSocialItemOwnProps>;
     dropdown: ({ text, icon, className, iconSize, hidePopup, items, isActive, ...props }: import("./navigation/index.js").NavigationItemProps & import("./models/index.js").NavigationDropdownItem) => import("react/jsx-runtime").JSX.Element;
-    link: import("react").FC<import("./navigation").NavigationItemProps & import("./models").NavigationLinkItem>;
+    link: React.FC<import("./navigation/index.js").NavigationItemProps & import("./models/index.js").NavigationLinkItem>;
     "github-button": ({ text, url, className, label, size, icon, urlTitle, }: import("./navigation/index.js").NavigationItemProps & import("./models/index.js").NavigationGithubButton) => import("react/jsx-runtime").JSX.Element;
 };
+export interface BlockData {
+    component: React.ComponentType<any>;
+    schema: BlockConfig;
+}
+export declare const blockDataMap: Record<string, BlockData>;

package/build/cjs/constructor-items.js

@@ -1,13 +1,49 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.navItemMap = exports.subBlockMap = exports.blockMap = void 0;
+exports.blockDataMap = exports.navItemMap = exports.subBlockMap = exports.blockMap = void 0;
 const tslib_1 = require("tslib");
 const blocks_1 = require("./blocks/index.js");
+const Banner_1 = tslib_1.__importDefault(require("./blocks/Banner/index.js"));
+const CardLayout_1 = tslib_1.__importDefault(require("./blocks/CardLayout/index.js"));
+const Companies_1 = tslib_1.__importDefault(require("./blocks/Companies/index.js"));
+const ContentLayout_1 = tslib_1.__importDefault(require("./blocks/ContentLayout/index.js"));
+const ExtendedFeatures_1 = tslib_1.__importDefault(require("./blocks/ExtendedFeatures/index.js"));
+const FilterBlock_1 = tslib_1.__importDefault(require("./blocks/FilterBlock/index.js"));
+const Form_1 = tslib_1.__importDefault(require("./blocks/Form/index.js"));
+const Header_1 = tslib_1.__importDefault(require("./blocks/Header/index.js"));
+const HeaderSlider_1 = tslib_1.__importDefault(require("./blocks/HeaderSlider/index.js"));
+const Icons_1 = tslib_1.__importDefault(require("./blocks/Icons/index.js"));
+const Info_1 = tslib_1.__importDefault(require("./blocks/Info/index.js"));
+const Map_1 = tslib_1.__importDefault(require("./blocks/Map/index.js"));
+const Media_1 = tslib_1.__importDefault(require("./blocks/Media/index.js"));
+const PromoFeaturesBlock_1 = tslib_1.__importDefault(require("./blocks/PromoFeaturesBlock/index.js"));
+const Questions_1 = tslib_1.__importDefault(require("./blocks/Questions/index.js"));
+const Share_1 = tslib_1.__importDefault(require("./blocks/Share/index.js"));
+const Slider_1 = tslib_1.__importDefault(require("./blocks/Slider/index.js"));
+const Table_1 = tslib_1.__importDefault(require("./blocks/Table/index.js"));
+const Tabs_1 = tslib_1.__importDefault(require("./blocks/Tabs/index.js"));
+const TestEditorBlock_1 = tslib_1.__importDefault(require("./blocks/TestEditorBlock/index.js"));
+const TestEditorBlock_2 = tslib_1.__importDefault(require("./blocks/TestEditorBlock/TestEditorBlock.js"));
 const unstable_1 = require("./blocks/unstable.js");
 const models_1 = require("./models/index.js");
-const NavigationItem_1 = require("./navigation/components/NavigationItem/index.js");
+const navigation_1 = require("./navigation/index.js");
 const SocialIcon_1 = tslib_1.__importDefault(require("./navigation/components/SocialIcon/SocialIcon.js"));
 const sub_blocks_1 = require("./sub-blocks/index.js");
+const BackgroundCard_1 = tslib_1.__importDefault(require("./sub-blocks/BackgroundCard/index.js"));
+const BannerCard_1 = tslib_1.__importDefault(require("./sub-blocks/BannerCard/index.js"));
+const BasicCard_1 = tslib_1.__importDefault(require("./sub-blocks/BasicCard/index.js"));
+const Content_1 = tslib_1.__importDefault(require("./sub-blocks/Content/index.js"));
+const Divider_1 = tslib_1.__importDefault(require("./sub-blocks/Divider/index.js"));
+const ImageCard_1 = tslib_1.__importDefault(require("./sub-blocks/ImageCard/index.js"));
+const LayoutItem_1 = tslib_1.__importDefault(require("./sub-blocks/LayoutItem/index.js"));
+const MediaCard_1 = tslib_1.__importDefault(require("./sub-blocks/MediaCard/index.js"));
+const PriceCard_1 = tslib_1.__importDefault(require("./sub-blocks/PriceCard/index.js"));
+const PriceDetailed_1 = tslib_1.__importDefault(require("./sub-blocks/PriceDetailed/index.js"));
+const Quote_1 = tslib_1.__importDefault(require("./sub-blocks/Quote/index.js"));
+/**
+ * TODO: remove it
+ * @deprecated use blockDataMap
+ **/
 exports.blockMap = {
     [models_1.BlockType.SliderBlock]: blocks_1.SliderBlock,
     [models_1.BlockType.ExtendedFeaturesBlock]: blocks_1.ExtendedFeaturesBlock,
@@ -30,7 +66,12 @@ exports.blockMap = {
     [models_1.BlockType.FormBlock]: blocks_1.FormBlock,
     // unstable
     [models_1.BlockType.SliderNewBlock]: unstable_1.SliderNewBlock,
+    [models_1.BlockType.TestEditorBlock]: TestEditorBlock_2.default,
 };
+/**
+ * TODO: remove it
+ * @deprecated use blockDataMap
+ **/
 exports.subBlockMap = {
     [models_1.SubBlockType.Divider]: sub_blocks_1.Divider,
     [models_1.SubBlockType.PriceDetailed]: sub_blocks_1.PriceDetailed,
@@ -45,10 +86,43 @@ exports.subBlockMap = {
     [models_1.SubBlockType.ImageCard]: sub_blocks_1.ImageCard,
 };
 exports.navItemMap = {
-    [models_1.NavigationItemType.Button]: NavigationItem_1.NavigationButton,
+    [models_1.NavigationItemType.Button]: navigation_1.NavigationButton,
     [models_1.NavigationItemType.Social]: SocialIcon_1.default,
-    [models_1.NavigationItemType.Dropdown]: NavigationItem_1.NavigationDropdown,
-    [models_1.NavigationItemType.Link]: NavigationItem_1.NavigationLink,
-    [models_1.NavigationItemType.GithubButton]: NavigationItem_1.GithubButton,
+    [models_1.NavigationItemType.Dropdown]: navigation_1.NavigationDropdown,
+    [models_1.NavigationItemType.Link]: navigation_1.NavigationLink,
+    [models_1.NavigationItemType.GithubButton]: navigation_1.GithubButton,
+};
+exports.blockDataMap = {
+    [models_1.BlockType.ExtendedFeaturesBlock]: ExtendedFeatures_1.default,
+    [models_1.BlockType.PromoFeaturesBlock]: PromoFeaturesBlock_1.default,
+    [models_1.BlockType.QuestionsBlock]: Questions_1.default,
+    [models_1.BlockType.BannerBlock]: Banner_1.default,
+    [models_1.BlockType.CompaniesBlock]: Companies_1.default,
+    [models_1.BlockType.MediaBlock]: Media_1.default,
+    [models_1.BlockType.InfoBlock]: Info_1.default,
+    [models_1.BlockType.TableBlock]: Table_1.default,
+    [models_1.BlockType.TabsBlock]: Tabs_1.default,
+    [models_1.BlockType.HeaderBlock]: Header_1.default,
+    [models_1.BlockType.IconsBlock]: Icons_1.default,
+    [models_1.BlockType.HeaderSliderBlock]: HeaderSlider_1.default,
+    [models_1.BlockType.CardLayoutBlock]: CardLayout_1.default,
+    [models_1.BlockType.ContentLayoutBlock]: ContentLayout_1.default,
+    [models_1.BlockType.ShareBlock]: Share_1.default,
+    [models_1.BlockType.MapBlock]: Map_1.default,
+    [models_1.BlockType.FilterBlock]: FilterBlock_1.default,
+    [models_1.BlockType.FormBlock]: Form_1.default,
+    [models_1.BlockType.TestEditorBlock]: TestEditorBlock_1.default,
+    [models_1.BlockType.SliderBlock]: Slider_1.default,
+    [models_1.SubBlockType.Divider]: Divider_1.default,
+    [models_1.SubBlockType.PriceDetailed]: PriceDetailed_1.default,
+    [models_1.SubBlockType.MediaCard]: MediaCard_1.default,
+    [models_1.SubBlockType.BannerCard]: BannerCard_1.default,
+    [models_1.SubBlockType.LayoutItem]: LayoutItem_1.default,
+    [models_1.SubBlockType.BackgroundCard]: BackgroundCard_1.default,
+    [models_1.SubBlockType.BasicCard]: BasicCard_1.default,
+    [models_1.SubBlockType.Content]: Content_1.default,
+    [models_1.SubBlockType.Quote]: Quote_1.default,
+    [models_1.SubBlockType.PriceCard]: PriceCard_1.default,
+    [models_1.SubBlockType.ImageCard]: ImageCard_1.default,
 };
 //# sourceMappingURL=constructor-items.js.map