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

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

@@ -0,0 +1,337 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultValue = exports.form = void 0;
+exports.form = [
+    {
+        type: 'section',
+        title: 'Main settings',
+        opened: true,
+        fields: [
+            {
+                title: 'Vertical offset',
+                name: 'verticalOffset',
+                type: 'select',
+                options: [
+                    { content: '0', value: '0' },
+                    { content: 'S', value: 's' },
+                    { content: 'M', value: 'm' },
+                    { content: 'L', value: 'l' },
+                    { content: 'XL', value: 'xl' },
+                ],
+            },
+        ],
+    },
+    {
+        type: 'section',
+        title: 'Breadcrumbs',
+        withAddButton: true,
+        index: 'index',
+        itemTitle: 'Item {{index}}',
+        itemView: 'card',
+        fields: [
+            {
+                title: 'Text',
+                name: 'breadcrumbs.items[{{index}}].text',
+                type: 'textInput',
+            },
+            {
+                title: 'URL',
+                name: 'breadcrumbs.items[{{index}}].url',
+                type: 'textInput',
+            },
+        ],
+    },
+    {
+        type: 'section',
+        title: 'Text',
+        opened: true,
+        fields: [
+            {
+                title: 'Overtitle',
+                name: 'overtitle',
+                type: 'textInput',
+            },
+            {
+                title: 'Title',
+                name: 'title',
+                type: 'textInput',
+            },
+            {
+                title: 'Description',
+                name: 'description',
+                type: 'textArea',
+            },
+            {
+                title: 'Width',
+                name: 'width',
+                options: [
+                    { content: 'S', value: 's' },
+                    { content: 'M', value: 'm' },
+                ],
+                type: 'select',
+            },
+            {
+                title: 'Theme',
+                name: 'theme',
+                options: [
+                    { content: 'Light', value: 'light' },
+                    { content: 'Dark', value: 'dark' },
+                ],
+                type: 'segmentedRadioGroup',
+                defaultValue: 'light',
+            },
+        ],
+    },
+    {
+        type: 'section',
+        title: 'Buttons',
+        withAddButton: true,
+        index: 'index',
+        itemTitle: 'Button {{index}}',
+        itemView: 'card',
+        fields: [
+            {
+                type: 'section',
+                title: 'Main settings',
+                opened: true,
+                fields: [
+                    {
+                        title: 'Text',
+                        type: 'textInput',
+                        name: 'buttons[{{index}}].text',
+                    },
+                    {
+                        title: 'URL',
+                        type: 'textInput',
+                        name: 'buttons[{{index}}].url',
+                    },
+                    {
+                        title: 'URL title',
+                        type: 'textInput',
+                        name: 'buttons[{{index}}].urlTitle',
+                    },
+                    {
+                        title: 'Style',
+                        type: 'select',
+                        name: 'buttons[{{index}}].theme',
+                        options: [
+                            { value: 'action', content: 'Action' },
+                            { value: 'outlined', content: 'Outlined' },
+                            { value: 'normal', content: 'Normal' },
+                            { value: 'monochrome', content: 'Monochrome' },
+                            {
+                                value: 'outlined-contrast',
+                                content: 'Outlined-contrast',
+                            },
+                            { value: 'normal-contrast', content: 'Normal-contrast' },
+                        ],
+                    },
+                    {
+                        title: 'Target',
+                        type: 'select',
+                        name: 'buttons[{{index}}].target',
+                        options: [
+                            { value: '_blank' },
+                            { value: '_self' },
+                            { value: '_parent' },
+                            { value: '_top' },
+                        ],
+                        hasClear: true,
+                    },
+                ],
+            },
+            {
+                type: 'section',
+                title: 'Analytics tracking',
+                withAddButton: true,
+                index: 'index2',
+                itemTitle: 'Analytics event {{index2}}',
+                itemView: 'card',
+                fields: [
+                    {
+                        title: 'Name',
+                        type: 'textInput',
+                        name: 'buttons[{{index}}].analyticsEvents[{{index2}}].name',
+                    },
+                    {
+                        title: 'Target',
+                        type: 'textInput',
+                        name: 'buttons[{{index}}].analyticsEvents[{{index2}}].target',
+                    },
+                    {
+                        title: 'Counters',
+                        withAddButton: true,
+                        type: 'section',
+                        index: 'indexgoal',
+                        itemTitle: 'Counter {{indexgoal}}',
+                        itemView: 'card',
+                        fields: [
+                            {
+                                title: 'Counter',
+                                type: 'textInput',
+                                name: 'buttons[{{index}}].analyticsEvents[{{index2}}].counters[{{indexgoal}}].includes',
+                            },
+                        ],
+                    },
+                ],
+            },
+        ],
+    },
+    {
+        type: 'section',
+        title: 'Background',
+        opened: true,
+        fields: [
+            {
+                title: 'Color HEX',
+                type: 'textInput',
+                name: 'background.color',
+            },
+            {
+                title: 'Type',
+                name: '_mediaType',
+                options: [
+                    { content: 'Image', value: 'image' },
+                    { content: 'Video', value: 'video' },
+                ],
+                type: 'segmentedRadioGroup',
+            },
+            {
+                type: 'text',
+                text: 'Light theme',
+                when: [
+                    {
+                        field: '_mediaType',
+                        operator: '!==',
+                        value: undefined,
+                    },
+                ],
+            },
+            {
+                title: 'Desktop',
+                type: 'textInput',
+                name: 'background.light.image.desktop',
+                when: [
+                    {
+                        field: '_mediaType',
+                        operator: '===',
+                        value: 'image',
+                    },
+                ],
+            },
+            {
+                title: 'Tablet',
+                type: 'textInput',
+                name: 'background.light.image.tablet',
+                when: [
+                    {
+                        field: '_mediaType',
+                        operator: '===',
+                        value: 'image',
+                    },
+                ],
+            },
+            {
+                title: 'Mobile',
+                type: 'textInput',
+                name: 'background.light.image.mobile',
+                when: [
+                    {
+                        field: '_mediaType',
+                        operator: '===',
+                        value: 'image',
+                    },
+                ],
+            },
+            {
+                title: 'URL',
+                type: 'textInput',
+                name: 'background.light.video.src',
+                when: [
+                    {
+                        field: '_mediaType',
+                        operator: '===',
+                        value: 'video',
+                    },
+                ],
+            },
+            {
+                type: 'text',
+                text: 'Dark theme',
+                when: [
+                    {
+                        field: '_mediaType',
+                        operator: '!==',
+                        value: undefined,
+                    },
+                ],
+            },
+            {
+                title: 'Desktop',
+                type: 'textInput',
+                name: 'background.dark.image.desktop',
+                when: [
+                    {
+                        field: '_mediaType',
+                        operator: '===',
+                        value: 'image',
+                    },
+                ],
+            },
+            {
+                title: 'Tablet',
+                type: 'textInput',
+                name: 'background.dark.image.tablet',
+                when: [
+                    {
+                        field: '_mediaType',
+                        operator: '===',
+                        value: 'image',
+                    },
+                ],
+            },
+            {
+                title: 'Mobile',
+                type: 'textInput',
+                name: 'background.dark.image.mobile',
+                when: [
+                    {
+                        field: '_mediaType',
+                        operator: '===',
+                        value: 'image',
+                    },
+                ],
+            },
+            {
+                title: 'URL',
+                type: 'textInput',
+                name: 'background.dark.video.src',
+                when: [
+                    {
+                        field: '_mediaType',
+                        operator: '===',
+                        value: 'video',
+                    },
+                ],
+            },
+        ],
+    },
+];
+exports.defaultValue = {
+    type: 'header-block',
+    title: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit',
+    description: 'Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.',
+    buttons: [
+        {
+            text: 'Button\r',
+            theme: 'action',
+            url: 'https://example.com',
+        },
+        {
+            text: 'Button',
+            theme: 'outlined',
+            url: 'https://example.com',
+        },
+    ],
+};
+//# sourceMappingURL=form.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","sourceRoot":"../../../../src","sources":["blocks/Header/form.ts"],"names":[],"mappings":"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","sourcesContent":["import {Fields} from '../../form-generator-v2/types';\n\nexport const form = [\n    {\n        type: 'section',\n        title: 'Main settings',\n        opened: true,\n        fields: [\n            {\n                title: 'Vertical offset',\n                name: 'verticalOffset',\n                type: 'select',\n                options: [\n                    {content: '0', value: '0'},\n                    {content: 'S', value: 's'},\n                    {content: 'M', value: 'm'},\n                    {content: 'L', value: 'l'},\n                    {content: 'XL', value: 'xl'},\n                ],\n            },\n        ],\n    },\n    {\n        type: 'section',\n        title: 'Breadcrumbs',\n        withAddButton: true,\n        index: 'index',\n        itemTitle: 'Item {{index}}',\n        itemView: 'card',\n        fields: [\n            {\n                title: 'Text',\n                name: 'breadcrumbs.items[{{index}}].text',\n                type: 'textInput',\n            },\n            {\n                title: 'URL',\n                name: 'breadcrumbs.items[{{index}}].url',\n                type: 'textInput',\n            },\n        ],\n    },\n    {\n        type: 'section',\n        title: 'Text',\n        opened: true,\n        fields: [\n            {\n                title: 'Overtitle',\n                name: 'overtitle',\n                type: 'textInput',\n            },\n            {\n                title: 'Title',\n                name: 'title',\n                type: 'textInput',\n            },\n            {\n                title: 'Description',\n                name: 'description',\n                type: 'textArea',\n            },\n            {\n                title: 'Width',\n                name: 'width',\n                options: [\n                    {content: 'S', value: 's'},\n                    {content: 'M', value: 'm'},\n                ],\n                type: 'select',\n            },\n            {\n                title: 'Theme',\n                name: 'theme',\n                options: [\n                    {content: 'Light', value: 'light'},\n                    {content: 'Dark', value: 'dark'},\n                ],\n                type: 'segmentedRadioGroup',\n                defaultValue: 'light',\n            },\n        ],\n    },\n    {\n        type: 'section',\n        title: 'Buttons',\n        withAddButton: true,\n        index: 'index',\n        itemTitle: 'Button {{index}}',\n        itemView: 'card',\n        fields: [\n            {\n                type: 'section',\n                title: 'Main settings',\n                opened: true,\n                fields: [\n                    {\n                        title: 'Text',\n                        type: 'textInput',\n                        name: 'buttons[{{index}}].text',\n                    },\n                    {\n                        title: 'URL',\n                        type: 'textInput',\n                        name: 'buttons[{{index}}].url',\n                    },\n                    {\n                        title: 'URL title',\n                        type: 'textInput',\n                        name: 'buttons[{{index}}].urlTitle',\n                    },\n                    {\n                        title: 'Style',\n                        type: 'select',\n                        name: 'buttons[{{index}}].theme',\n                        options: [\n                            {value: 'action', content: 'Action'},\n                            {value: 'outlined', content: 'Outlined'},\n                            {value: 'normal', content: 'Normal'},\n                            {value: 'monochrome', content: 'Monochrome'},\n                            {\n                                value: 'outlined-contrast',\n                                content: 'Outlined-contrast',\n                            },\n                            {value: 'normal-contrast', content: 'Normal-contrast'},\n                        ],\n                    },\n                    {\n                        title: 'Target',\n                        type: 'select',\n                        name: 'buttons[{{index}}].target',\n                        options: [\n                            {value: '_blank'},\n                            {value: '_self'},\n                            {value: '_parent'},\n                            {value: '_top'},\n                        ],\n                        hasClear: true,\n                    },\n                ],\n            },\n            {\n                type: 'section',\n                title: 'Analytics tracking',\n                withAddButton: true,\n                index: 'index2',\n                itemTitle: 'Analytics event {{index2}}',\n                itemView: 'card',\n                fields: [\n                    {\n                        title: 'Name',\n                        type: 'textInput',\n                        name: 'buttons[{{index}}].analyticsEvents[{{index2}}].name',\n                    },\n                    {\n                        title: 'Target',\n                        type: 'textInput',\n                        name: 'buttons[{{index}}].analyticsEvents[{{index2}}].target',\n                    },\n                    {\n                        title: 'Counters',\n                        withAddButton: true,\n                        type: 'section',\n                        index: 'indexgoal',\n                        itemTitle: 'Counter {{indexgoal}}',\n                        itemView: 'card',\n                        fields: [\n                            {\n                                title: 'Counter',\n                                type: 'textInput',\n                                name: 'buttons[{{index}}].analyticsEvents[{{index2}}].counters[{{indexgoal}}].includes',\n                            },\n                        ],\n                    },\n                ],\n            },\n        ],\n    },\n    {\n        type: 'section',\n        title: 'Background',\n        opened: true,\n        fields: [\n            {\n                title: 'Color HEX',\n                type: 'textInput',\n                name: 'background.color',\n            },\n            {\n                title: 'Type',\n                name: '_mediaType',\n                options: [\n                    {content: 'Image', value: 'image'},\n                    {content: 'Video', value: 'video'},\n                ],\n                type: 'segmentedRadioGroup',\n            },\n            {\n                type: 'text',\n                text: 'Light theme',\n                when: [\n                    {\n                        field: '_mediaType',\n                        operator: '!==',\n                        value: undefined,\n                    },\n                ],\n            },\n            {\n                title: 'Desktop',\n                type: 'textInput',\n                name: 'background.light.image.desktop',\n                when: [\n                    {\n                        field: '_mediaType',\n                        operator: '===',\n                        value: 'image',\n                    },\n                ],\n            },\n            {\n                title: 'Tablet',\n                type: 'textInput',\n                name: 'background.light.image.tablet',\n                when: [\n                    {\n                        field: '_mediaType',\n                        operator: '===',\n                        value: 'image',\n                    },\n                ],\n            },\n            {\n                title: 'Mobile',\n                type: 'textInput',\n                name: 'background.light.image.mobile',\n                when: [\n                    {\n                        field: '_mediaType',\n                        operator: '===',\n                        value: 'image',\n                    },\n                ],\n            },\n            {\n                title: 'URL',\n                type: 'textInput',\n                name: 'background.light.video.src',\n                when: [\n                    {\n                        field: '_mediaType',\n                        operator: '===',\n                        value: 'video',\n                    },\n                ],\n            },\n            {\n                type: 'text',\n                text: 'Dark theme',\n                when: [\n                    {\n                        field: '_mediaType',\n                        operator: '!==',\n                        value: undefined,\n                    },\n                ],\n            },\n            {\n                title: 'Desktop',\n                type: 'textInput',\n                name: 'background.dark.image.desktop',\n                when: [\n                    {\n                        field: '_mediaType',\n                        operator: '===',\n                        value: 'image',\n                    },\n                ],\n            },\n            {\n                title: 'Tablet',\n                type: 'textInput',\n                name: 'background.dark.image.tablet',\n                when: [\n                    {\n                        field: '_mediaType',\n                        operator: '===',\n                        value: 'image',\n                    },\n                ],\n            },\n            {\n                title: 'Mobile',\n                type: 'textInput',\n                name: 'background.dark.image.mobile',\n                when: [\n                    {\n                        field: '_mediaType',\n                        operator: '===',\n                        value: 'image',\n                    },\n                ],\n            },\n            {\n                title: 'URL',\n                type: 'textInput',\n                name: 'background.dark.video.src',\n                when: [\n                    {\n                        field: '_mediaType',\n                        operator: '===',\n                        value: 'video',\n                    },\n                ],\n            },\n        ],\n    },\n] as Fields;\n\nexport const defaultValue = {\n    type: 'header-block',\n    title: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit',\n    description:\n        'Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.',\n    buttons: [\n        {\n            text: 'Button\\r',\n            theme: 'action',\n            url: 'https://example.com',\n        },\n        {\n            text: 'Button',\n            theme: 'outlined',\n            url: 'https://example.com',\n        },\n    ],\n};\n"]}

package/build/cjs/blocks/Header/icon.d.ts

@@ -0,0 +1,2 @@
+declare const _default: string;
+export default _default;

package/build/cjs/blocks/Header/icon.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const svg_1 = require("../../utils/svg.js");
+exports.default = (0, svg_1.svgToDataUri)(`<svg width="100" height="50" viewBox="0 0 100 50" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="100" height="50" rx="7.97674" fill="white"/>
+<rect x="9.11627" y="10.7559" width="81.7674" height="28.4884" rx="3" fill="#262626"/>
+<rect x="13.6744" y="19" width="13" height="2" rx="0.569767" fill="#C0C8DB"/>
+<rect x="13.6744" y="22" width="31.7674" height="2" rx="0.569767" fill="#C0C8DB"/>
+<rect x="13.6744" y="25" width="31.7674" height="2" rx="0.569767" fill="#C0C8DB"/>
+<rect x="13.6744" y="29" width="7" height="2" rx="0.569767" fill="#C0C8DB"/>
+<rect x="50.6" y="11.3559" width="39.6837" height="27.2884" rx="2.8186" fill="#C0C8DB" stroke="#262626" stroke-width="1.2"/>
+</svg>`);
+//# sourceMappingURL=icon.js.map

package/build/cjs/blocks/Header/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.js","sourceRoot":"../../../../src","sources":["blocks/Header/icon.ts"],"names":[],"mappings":";;AAAA,4CAA6C;AAE7C,kBAAe,IAAA,kBAAY,EACvB;;;;;;;;OAQG,CACN,CAAC","sourcesContent":["import {svgToDataUri} from '../../utils/svg';\n\nexport default svgToDataUri(\n    `<svg width=\"100\" height=\"50\" viewBox=\"0 0 100 50\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<rect width=\"100\" height=\"50\" rx=\"7.97674\" fill=\"white\"/>\n<rect x=\"9.11627\" y=\"10.7559\" width=\"81.7674\" height=\"28.4884\" rx=\"3\" fill=\"#262626\"/>\n<rect x=\"13.6744\" y=\"19\" width=\"13\" height=\"2\" rx=\"0.569767\" fill=\"#C0C8DB\"/>\n<rect x=\"13.6744\" y=\"22\" width=\"31.7674\" height=\"2\" rx=\"0.569767\" fill=\"#C0C8DB\"/>\n<rect x=\"13.6744\" y=\"25\" width=\"31.7674\" height=\"2\" rx=\"0.569767\" fill=\"#C0C8DB\"/>\n<rect x=\"13.6744\" y=\"29\" width=\"7\" height=\"2\" rx=\"0.569767\" fill=\"#C0C8DB\"/>\n<rect x=\"50.6\" y=\"11.3559\" width=\"39.6837\" height=\"27.2884\" rx=\"2.8186\" fill=\"#C0C8DB\" stroke=\"#262626\" stroke-width=\"1.2\"/>\n</svg>`,\n);\n"]}