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

package/build/esm/gravity-blocks/extensions/BackgroundExtension.js

@@ -0,0 +1,139 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import BackgroundMedia from "../../components/BackgroundMedia/BackgroundMedia.js";
+import { block } from "../../utils/index.js";
+import { useContent } from "../hooks/index.js";
+const b = block('page-constructor');
+export const BackgroundExtensionContentWrapper = ({ children }) => {
+    const { content } = useContent();
+    const { background } = content;
+    return (_jsxs(React.Fragment, { children: [background && _jsx(BackgroundMedia, { ...background, className: b('background') }), children] }));
+};
+export const backgroundExtension = ({ wrapperProps = {}, globalDefaults = {}, }) => {
+    return {
+        name: 'Background Extension',
+        id: '@gravity-ui/page-constructor/background-extension',
+        settings: {
+            ContentWrapper: BackgroundExtensionContentWrapper,
+            contentWrapperProps: wrapperProps,
+            globalInputs: [
+                {
+                    type: 'section',
+                    title: 'Background',
+                    opened: false,
+                    fields: [
+                        {
+                            type: 'segmentedRadioGroup',
+                            title: 'Media type',
+                            name: 'background._mediaType',
+                            options: [
+                                { content: 'Image', value: 'image' },
+                                { content: 'Video', value: 'video' },
+                                { content: 'YouTube', value: 'youtube' },
+                                { content: 'Iframe', value: 'iframe' },
+                            ],
+                        },
+                        {
+                            type: 'text',
+                            text: 'Light theme',
+                            when: [
+                                { field: 'background._mediaType', operator: '!==', value: undefined },
+                            ],
+                        },
+                        {
+                            type: 'textInput',
+                            title: 'Desktop image URL',
+                            name: 'background.image.light.desktop',
+                            when: [
+                                { field: 'background._mediaType', operator: '===', value: 'image' },
+                            ],
+                        },
+                        {
+                            type: 'textInput',
+                            title: 'Tablet image URL',
+                            name: 'background.image.light.tablet',
+                            when: [
+                                { field: 'background._mediaType', operator: '===', value: 'image' },
+                            ],
+                        },
+                        {
+                            type: 'textInput',
+                            title: 'Mobile image URL',
+                            name: 'background.image.light.mobile',
+                            when: [
+                                { field: 'background._mediaType', operator: '===', value: 'image' },
+                            ],
+                        },
+                        {
+                            type: 'textInput',
+                            title: 'Video URL',
+                            name: 'background.video.src',
+                            when: [
+                                { field: 'background._mediaType', operator: '===', value: 'video' },
+                            ],
+                        },
+                        {
+                            type: 'textInput',
+                            title: 'YouTube URL',
+                            name: 'background.youtube',
+                            when: [
+                                { field: 'background._mediaType', operator: '===', value: 'youtube' },
+                            ],
+                        },
+                        {
+                            type: 'textInput',
+                            title: 'Iframe URL',
+                            name: 'background.iframe.src',
+                            when: [
+                                { field: 'background._mediaType', operator: '===', value: 'iframe' },
+                            ],
+                        },
+                        {
+                            type: 'text',
+                            text: 'Dark theme',
+                            when: [
+                                { field: 'background._mediaType', operator: '!==', value: undefined },
+                            ],
+                        },
+                        {
+                            type: 'textInput',
+                            title: 'Desktop image URL',
+                            name: 'background.image.dark.desktop',
+                            when: [
+                                { field: 'background._mediaType', operator: '===', value: 'image' },
+                            ],
+                        },
+                        {
+                            type: 'textInput',
+                            title: 'Tablet image URL',
+                            name: 'background.image.dark.tablet',
+                            when: [
+                                { field: 'background._mediaType', operator: '===', value: 'image' },
+                            ],
+                        },
+                        {
+                            type: 'textInput',
+                            title: 'Mobile image URL',
+                            name: 'background.image.dark.mobile',
+                            when: [
+                                { field: 'background._mediaType', operator: '===', value: 'image' },
+                            ],
+                        },
+                        {
+                            type: 'colorInput',
+                            title: 'Color overlay',
+                            name: 'background.color',
+                        },
+                        {
+                            type: 'switch',
+                            title: 'Parallax effect',
+                            name: 'background.parallax',
+                        },
+                    ],
+                },
+            ],
+            globalDefaults,
+        },
+    };
+};
+//# sourceMappingURL=BackgroundExtension.js.map

package/build/esm/gravity-blocks/extensions/BackgroundExtension.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackgroundExtension.js","sourceRoot":"../../../../src","sources":["gravity-blocks/extensions/BackgroundExtension.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport type {PageConstructorWrapperProps} from '../../common/types';\nimport BackgroundMedia from '../../components/BackgroundMedia/BackgroundMedia';\nimport type {PageConstructorExtension} from '../../containers/PageConstructor/PageConstructor';\nimport {MediaProps} from '../../models';\nimport {block} from '../../utils';\nimport {useContent} from '../hooks';\n\nconst b = block('page-constructor');\n\nexport interface BackgroundExtensionWrapperProps {}\n\nexport interface BackgroundExtensionGlobalConfig {\n    background?: MediaProps;\n}\n\nexport interface BackgroundPageContent extends BackgroundExtensionGlobalConfig {}\n\nexport const BackgroundExtensionContentWrapper: React.FC<\n    BackgroundExtensionWrapperProps & PageConstructorWrapperProps\n> = ({children}) => {\n    const {content} = useContent<BackgroundPageContent>();\n    const {background} = content;\n\n    return (\n        <React.Fragment>\n            {background && <BackgroundMedia {...background} className={b('background')} />}\n            {children}\n        </React.Fragment>\n    );\n};\n\nexport const backgroundExtension = ({\n    wrapperProps = {},\n    globalDefaults = {},\n}: {\n    wrapperProps?: BackgroundExtensionWrapperProps;\n    globalDefaults?: BackgroundExtensionGlobalConfig;\n}): PageConstructorExtension<BackgroundExtensionGlobalConfig, BackgroundExtensionWrapperProps> => {\n    return {\n        name: 'Background Extension',\n        id: '@gravity-ui/page-constructor/background-extension',\n        settings: {\n            ContentWrapper: BackgroundExtensionContentWrapper,\n            contentWrapperProps: wrapperProps,\n            globalInputs: [\n                {\n                    type: 'section',\n                    title: 'Background',\n                    opened: false,\n                    fields: [\n                        {\n                            type: 'segmentedRadioGroup',\n                            title: 'Media type',\n                            name: 'background._mediaType',\n                            options: [\n                                {content: 'Image', value: 'image'},\n                                {content: 'Video', value: 'video'},\n                                {content: 'YouTube', value: 'youtube'},\n                                {content: 'Iframe', value: 'iframe'},\n                            ],\n                        },\n                        {\n                            type: 'text',\n                            text: 'Light theme',\n                            when: [\n                                {field: 'background._mediaType', operator: '!==', value: undefined},\n                            ],\n                        },\n                        {\n                            type: 'textInput',\n                            title: 'Desktop image URL',\n                            name: 'background.image.light.desktop',\n                            when: [\n                                {field: 'background._mediaType', operator: '===', value: 'image'},\n                            ],\n                        },\n                        {\n                            type: 'textInput',\n                            title: 'Tablet image URL',\n                            name: 'background.image.light.tablet',\n                            when: [\n                                {field: 'background._mediaType', operator: '===', value: 'image'},\n                            ],\n                        },\n                        {\n                            type: 'textInput',\n                            title: 'Mobile image URL',\n                            name: 'background.image.light.mobile',\n                            when: [\n                                {field: 'background._mediaType', operator: '===', value: 'image'},\n                            ],\n                        },\n                        {\n                            type: 'textInput',\n                            title: 'Video URL',\n                            name: 'background.video.src',\n                            when: [\n                                {field: 'background._mediaType', operator: '===', value: 'video'},\n                            ],\n                        },\n                        {\n                            type: 'textInput',\n                            title: 'YouTube URL',\n                            name: 'background.youtube',\n                            when: [\n                                {field: 'background._mediaType', operator: '===', value: 'youtube'},\n                            ],\n                        },\n                        {\n                            type: 'textInput',\n                            title: 'Iframe URL',\n                            name: 'background.iframe.src',\n                            when: [\n                                {field: 'background._mediaType', operator: '===', value: 'iframe'},\n                            ],\n                        },\n                        {\n                            type: 'text',\n                            text: 'Dark theme',\n                            when: [\n                                {field: 'background._mediaType', operator: '!==', value: undefined},\n                            ],\n                        },\n                        {\n                            type: 'textInput',\n                            title: 'Desktop image URL',\n                            name: 'background.image.dark.desktop',\n                            when: [\n                                {field: 'background._mediaType', operator: '===', value: 'image'},\n                            ],\n                        },\n                        {\n                            type: 'textInput',\n                            title: 'Tablet image URL',\n                            name: 'background.image.dark.tablet',\n                            when: [\n                                {field: 'background._mediaType', operator: '===', value: 'image'},\n                            ],\n                        },\n                        {\n                            type: 'textInput',\n                            title: 'Mobile image URL',\n                            name: 'background.image.dark.mobile',\n                            when: [\n                                {field: 'background._mediaType', operator: '===', value: 'image'},\n                            ],\n                        },\n                        {\n                            type: 'colorInput',\n                            title: 'Color overlay',\n                            name: 'background.color',\n                        },\n                        {\n                            type: 'switch',\n                            title: 'Parallax effect',\n                            name: 'background.parallax',\n                        },\n                    ],\n                },\n            ],\n            globalDefaults,\n        },\n    };\n};\n"]}

package/build/esm/gravity-blocks/extensions/BlockBaseExtension.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import type { PageConstructorExtension } from "../../containers/PageConstructor/PageConstructor.js";
+import type { BlockBaseProps, BlockWrapperDataProps } from "../../models/index.js";
+export declare const BlockBaseExtensionBlockWrapper: React.FC<BlockWrapperDataProps<BlockBaseProps> & React.PropsWithChildren>;
+export declare const blockBaseExtension: () => PageConstructorExtension<{}, {}, BlockBaseProps>;

package/build/esm/gravity-blocks/extensions/BlockBaseExtension.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import BlockBase from "../../components/BlockBase/BlockBase.js";
+export const BlockBaseExtensionBlockWrapper = ({ props, content, children }) => (_jsx(BlockBase, { anchor: content?.anchor ?? props?.anchor, indent: content?.indent ?? props?.indent, visible: content?.visible ?? props?.visible, resetPaddings: content?.resetPaddings ?? props?.resetPaddings, qa: content?.qa ?? props?.qa, children: children }));
+export const blockBaseExtension = () => ({
+    name: 'Block Base',
+    id: '@gravity-ui/page-constructor/block-base',
+    settings: {
+        blockWrapper: BlockBaseExtensionBlockWrapper,
+        blockInputs: [
+            {
+                type: 'section',
+                title: 'Block Base',
+                fields: [
+                    {
+                        type: 'textInput',
+                        title: 'Anchor',
+                        name: 'anchor.url',
+                    },
+                    {
+                        type: 'textInput',
+                        title: 'Anchor text',
+                        name: 'anchor.text',
+                    },
+                    {
+                        type: 'select',
+                        title: 'Top indent',
+                        name: 'indent.top',
+                        hasClear: true,
+                        options: [
+                            { value: '0' },
+                            { value: 'xs' },
+                            { value: 's' },
+                            { value: 'm' },
+                            { value: 'l' },
+                            { value: 'xl' },
+                        ],
+                    },
+                    {
+                        type: 'select',
+                        title: 'Bottom indent',
+                        name: 'indent.bottom',
+                        hasClear: true,
+                        options: [
+                            { value: '0' },
+                            { value: 'xs' },
+                            { value: 's' },
+                            { value: 'm' },
+                            { value: 'l' },
+                            { value: 'xl' },
+                        ],
+                    },
+                    {
+                        type: 'select',
+                        title: 'Hide on breakpoint',
+                        name: 'visible',
+                        hasClear: true,
+                        options: [
+                            { value: 'sm', content: 'SM only' },
+                            { value: 'md', content: 'MD and down' },
+                            { value: 'lg', content: 'LG and down' },
+                            { value: 'xl', content: 'XL and down' },
+                        ],
+                    },
+                ],
+            },
+        ],
+    },
+});
+//# sourceMappingURL=BlockBaseExtension.js.map

package/build/esm/gravity-blocks/extensions/BlockBaseExtension.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockBaseExtension.js","sourceRoot":"../../../../src","sources":["gravity-blocks/extensions/BlockBaseExtension.tsx"],"names":[],"mappings":";AAEA,OAAO,SAAS,gDAA6C;AAI7D,MAAM,CAAC,MAAM,8BAA8B,GAEvC,CAAC,EAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAC,EAAE,EAAE,CAAC,CAChC,KAAC,SAAS,IACN,MAAM,EAAE,OAAO,EAAE,MAAM,IAAI,KAAK,EAAE,MAAM,EACxC,MAAM,EAAE,OAAO,EAAE,MAAM,IAAI,KAAK,EAAE,MAAM,EACxC,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,OAAO,EAC3C,aAAa,EAAE,OAAO,EAAE,aAAa,IAAI,KAAK,EAAE,aAAa,EAC7D,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,KAAK,EAAE,EAAE,YAE3B,QAAQ,GACD,CACf,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAqD,EAAE,CAAC,CAAC;IACvF,IAAI,EAAE,YAAY;IAClB,EAAE,EAAE,yCAAyC;IAC7C,QAAQ,EAAE;QACN,YAAY,EAAE,8BAA8B;QAC5C,WAAW,EAAE;YACT;gBACI,IAAI,EAAE,SAAS;gBACf,KAAK,EAAE,YAAY;gBACnB,MAAM,EAAE;oBACJ;wBACI,IAAI,EAAE,WAAW;wBACjB,KAAK,EAAE,QAAQ;wBACf,IAAI,EAAE,YAAY;qBACrB;oBACD;wBACI,IAAI,EAAE,WAAW;wBACjB,KAAK,EAAE,aAAa;wBACpB,IAAI,EAAE,aAAa;qBACtB;oBACD;wBACI,IAAI,EAAE,QAAQ;wBACd,KAAK,EAAE,YAAY;wBACnB,IAAI,EAAE,YAAY;wBAClB,QAAQ,EAAE,IAAI;wBACd,OAAO,EAAE;4BACL,EAAC,KAAK,EAAE,GAAG,EAAC;4BACZ,EAAC,KAAK,EAAE,IAAI,EAAC;4BACb,EAAC,KAAK,EAAE,GAAG,EAAC;4BACZ,EAAC,KAAK,EAAE,GAAG,EAAC;4BACZ,EAAC,KAAK,EAAE,GAAG,EAAC;4BACZ,EAAC,KAAK,EAAE,IAAI,EAAC;yBAChB;qBACJ;oBACD;wBACI,IAAI,EAAE,QAAQ;wBACd,KAAK,EAAE,eAAe;wBACtB,IAAI,EAAE,eAAe;wBACrB,QAAQ,EAAE,IAAI;wBACd,OAAO,EAAE;4BACL,EAAC,KAAK,EAAE,GAAG,EAAC;4BACZ,EAAC,KAAK,EAAE,IAAI,EAAC;4BACb,EAAC,KAAK,EAAE,GAAG,EAAC;4BACZ,EAAC,KAAK,EAAE,GAAG,EAAC;4BACZ,EAAC,KAAK,EAAE,GAAG,EAAC;4BACZ,EAAC,KAAK,EAAE,IAAI,EAAC;yBAChB;qBACJ;oBACD;wBACI,IAAI,EAAE,QAAQ;wBACd,KAAK,EAAE,oBAAoB;wBAC3B,IAAI,EAAE,SAAS;wBACf,QAAQ,EAAE,IAAI;wBACd,OAAO,EAAE;4BACL,EAAC,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAC;4BACjC,EAAC,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,aAAa,EAAC;4BACrC,EAAC,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,aAAa,EAAC;4BACrC,EAAC,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,aAAa,EAAC;yBACxC;qBACJ;iBACJ;aACJ;SACJ;KACJ;CACJ,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport BlockBase from '../../components/BlockBase/BlockBase';\nimport type {PageConstructorExtension} from '../../containers/PageConstructor/PageConstructor';\nimport type {BlockBaseProps, BlockWrapperDataProps} from '../../models';\n\nexport const BlockBaseExtensionBlockWrapper: React.FC<\n    BlockWrapperDataProps<BlockBaseProps> & React.PropsWithChildren\n> = ({props, content, children}) => (\n    <BlockBase\n        anchor={content?.anchor ?? props?.anchor}\n        indent={content?.indent ?? props?.indent}\n        visible={content?.visible ?? props?.visible}\n        resetPaddings={content?.resetPaddings ?? props?.resetPaddings}\n        qa={content?.qa ?? props?.qa}\n    >\n        {children}\n    </BlockBase>\n);\n\nexport const blockBaseExtension = (): PageConstructorExtension<{}, {}, BlockBaseProps> => ({\n    name: 'Block Base',\n    id: '@gravity-ui/page-constructor/block-base',\n    settings: {\n        blockWrapper: BlockBaseExtensionBlockWrapper,\n        blockInputs: [\n            {\n                type: 'section',\n                title: 'Block Base',\n                fields: [\n                    {\n                        type: 'textInput',\n                        title: 'Anchor',\n                        name: 'anchor.url',\n                    },\n                    {\n                        type: 'textInput',\n                        title: 'Anchor text',\n                        name: 'anchor.text',\n                    },\n                    {\n                        type: 'select',\n                        title: 'Top indent',\n                        name: 'indent.top',\n                        hasClear: true,\n                        options: [\n                            {value: '0'},\n                            {value: 'xs'},\n                            {value: 's'},\n                            {value: 'm'},\n                            {value: 'l'},\n                            {value: 'xl'},\n                        ],\n                    },\n                    {\n                        type: 'select',\n                        title: 'Bottom indent',\n                        name: 'indent.bottom',\n                        hasClear: true,\n                        options: [\n                            {value: '0'},\n                            {value: 'xs'},\n                            {value: 's'},\n                            {value: 'm'},\n                            {value: 'l'},\n                            {value: 'xl'},\n                        ],\n                    },\n                    {\n                        type: 'select',\n                        title: 'Hide on breakpoint',\n                        name: 'visible',\n                        hasClear: true,\n                        options: [\n                            {value: 'sm', content: 'SM only'},\n                            {value: 'md', content: 'MD and down'},\n                            {value: 'lg', content: 'LG and down'},\n                            {value: 'xl', content: 'XL and down'},\n                        ],\n                    },\n                ],\n            },\n        ],\n    },\n});\n"]}

package/build/esm/gravity-blocks/extensions/GeneralExtension.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import type { PageConstructorWrapperProps } from "../../common/types/index.js";
+import type { PageConstructorExtension } from "../../containers/PageConstructor/PageConstructor.js";
+import { GravityBlocksProviderProps } from "../context/GravityBlocksProvider.js";
+import { MicrodataContextProps } from "../context/microdataContext/index.js";
+export interface GeneralExtensionGlobalConfig extends GravityBlocksProviderProps {
+    isBranded?: boolean;
+}
+export interface GeneralExtensionWrapperProps extends GeneralExtensionGlobalConfig {
+    microdata?: MicrodataContextProps;
+}
+export interface GeneralPageContent extends GeneralExtensionGlobalConfig {
+}
+export declare const GeneralExtensionContentWrapper: React.FC<GeneralExtensionWrapperProps & PageConstructorWrapperProps>;
+export declare const generalExtension: ({ wrapperProps, globalDefaults, }: {
+    wrapperProps?: GeneralExtensionWrapperProps;
+    globalDefaults?: GeneralExtensionGlobalConfig;
+}) => PageConstructorExtension<GeneralExtensionGlobalConfig, GeneralExtensionWrapperProps>;

package/build/esm/gravity-blocks/extensions/GeneralExtension.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import BrandFooter from "../../components/BrandFooter/BrandFooter.js";
+import { block } from "../../utils/index.js";
+import { GravityBlocksProvider } from "../context/GravityBlocksProvider.js";
+import { useContent } from "../hooks/index.js";
+const b = block('page-constructor');
+export const GeneralExtensionContentWrapper = (props) => {
+    const { children, isBranded: isBrandedProp, ...rest } = props;
+    const { content } = useContent();
+    const { isBranded = isBrandedProp, animated = rest.animated } = content;
+    return (_jsx("div", { className: b('wrapper'), children: _jsxs(GravityBlocksProvider, { animated: animated, ...rest, children: [children, isBranded && _jsx(BrandFooter, {})] }) }));
+};
+export const generalExtension = ({ wrapperProps = {}, globalDefaults = {}, }) => {
+    return {
+        name: 'General Extension',
+        id: '@gravity-ui/page-constructor/general-extension',
+        settings: {
+            ContentWrapper: GeneralExtensionContentWrapper,
+            contentWrapperProps: wrapperProps,
+            globalInputs: [
+                {
+                    type: 'switch',
+                    title: 'Is branded',
+                    name: 'isBranded',
+                },
+                {
+                    type: 'switch',
+                    title: 'Animated',
+                    name: 'animated',
+                },
+            ],
+            globalDefaults,
+        },
+    };
+};
+//# sourceMappingURL=GeneralExtension.js.map

package/build/esm/gravity-blocks/extensions/GeneralExtension.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GeneralExtension.js","sourceRoot":"../../../../src","sources":["gravity-blocks/extensions/GeneralExtension.tsx"],"names":[],"mappings":";AAGA,OAAO,WAAW,oDAAiD;AAEnE,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAClC,OAAO,EAAC,qBAAqB,EAA6B,4CAAyC;AAEnG,OAAO,EAAC,UAAU,EAAC,0BAAiB;AAEpC,MAAM,CAAC,GAAG,KAAK,CAAC,kBAAkB,CAAC,CAAC;AAYpC,MAAM,CAAC,MAAM,8BAA8B,GAEvC,CAAC,KAAK,EAAE,EAAE;IACV,MAAM,EAAC,QAAQ,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,IAAI,EAAC,GAAG,KAAK,CAAC;IAC5D,MAAM,EAAC,OAAO,EAAC,GAAG,UAAU,EAAsB,CAAC;IACnD,MAAM,EAAC,SAAS,GAAG,aAAa,EAAE,QAAQ,GAAG,IAAI,CAAC,QAAQ,EAAC,GAAG,OAAO,CAAC;IAEtE,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,YACxB,MAAC,qBAAqB,IAAC,QAAQ,EAAE,QAAQ,KAAM,IAAI,aAC9C,QAAQ,EACR,SAAS,IAAI,KAAC,WAAW,KAAG,IACT,GACtB,CACT,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC7B,YAAY,GAAG,EAAE,EACjB,cAAc,GAAG,EAAE,GAItB,EAAwF,EAAE;IACvF,OAAO;QACH,IAAI,EAAE,mBAAmB;QACzB,EAAE,EAAE,gDAAgD;QACpD,QAAQ,EAAE;YACN,cAAc,EAAE,8BAA8B;YAC9C,mBAAmB,EAAE,YAAY;YACjC,YAAY,EAAE;gBACV;oBACI,IAAI,EAAE,QAAQ;oBACd,KAAK,EAAE,YAAY;oBACnB,IAAI,EAAE,WAAW;iBACpB;gBACD;oBACI,IAAI,EAAE,QAAQ;oBACd,KAAK,EAAE,UAAU;oBACjB,IAAI,EAAE,UAAU;iBACnB;aACJ;YACD,cAAc;SACjB;KACJ,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport type {PageConstructorWrapperProps} from '../../common/types';\nimport BrandFooter from '../../components/BrandFooter/BrandFooter';\nimport type {PageConstructorExtension} from '../../containers/PageConstructor/PageConstructor';\nimport {block} from '../../utils';\nimport {GravityBlocksProvider, GravityBlocksProviderProps} from '../context/GravityBlocksProvider';\nimport {MicrodataContextProps} from '../context/microdataContext';\nimport {useContent} from '../hooks';\n\nconst b = block('page-constructor');\n\nexport interface GeneralExtensionGlobalConfig extends GravityBlocksProviderProps {\n    isBranded?: boolean;\n}\n\nexport interface GeneralExtensionWrapperProps extends GeneralExtensionGlobalConfig {\n    microdata?: MicrodataContextProps;\n}\n\nexport interface GeneralPageContent extends GeneralExtensionGlobalConfig {}\n\nexport const GeneralExtensionContentWrapper: React.FC<\n    GeneralExtensionWrapperProps & PageConstructorWrapperProps\n> = (props) => {\n    const {children, isBranded: isBrandedProp, ...rest} = props;\n    const {content} = useContent<GeneralPageContent>();\n    const {isBranded = isBrandedProp, animated = rest.animated} = content;\n\n    return (\n        <div className={b('wrapper')}>\n            <GravityBlocksProvider animated={animated} {...rest}>\n                {children}\n                {isBranded && <BrandFooter />}\n            </GravityBlocksProvider>\n        </div>\n    );\n};\n\nexport const generalExtension = ({\n    wrapperProps = {},\n    globalDefaults = {},\n}: {\n    wrapperProps?: GeneralExtensionWrapperProps;\n    globalDefaults?: GeneralExtensionGlobalConfig;\n}): PageConstructorExtension<GeneralExtensionGlobalConfig, GeneralExtensionWrapperProps> => {\n    return {\n        name: 'General Extension',\n        id: '@gravity-ui/page-constructor/general-extension',\n        settings: {\n            ContentWrapper: GeneralExtensionContentWrapper,\n            contentWrapperProps: wrapperProps,\n            globalInputs: [\n                {\n                    type: 'switch',\n                    title: 'Is branded',\n                    name: 'isBranded',\n                },\n                {\n                    type: 'switch',\n                    title: 'Animated',\n                    name: 'animated',\n                },\n            ],\n            globalDefaults,\n        },\n    };\n};\n"]}

package/build/esm/gravity-blocks/extensions/GravityBlocksExtension.d.ts

@@ -0,0 +1,24 @@
+import type { PageConstructorExtension } from "../../containers/PageConstructor/PageConstructor.js";
+import { MediaProps, NavigationData, PageContent } from "../../models/index.js";
+export { GravityBlocksProvider, type GravityBlocksProviderProps, } from "../context/GravityBlocksProvider.js";
+export interface GravityBlocksWrapperProps {
+    isBranded?: boolean;
+    animated?: boolean;
+    renderMenu?: () => React.ReactNode;
+    microdata?: {
+        contentUpdatedDate?: string;
+    };
+}
+export interface GravityBlocksGlobalConfig {
+    background?: MediaProps;
+    navigation?: NavigationData;
+    isBranded?: boolean;
+    animated?: boolean;
+}
+export interface GravityPageContent extends PageContent, GravityBlocksGlobalConfig {
+}
+/** @returns Array of PageConstructorExtension instances for gravity-blocks. */
+export declare const gravityBlocksExtension: ({ wrapperProps, globalDefaults, }: {
+    wrapperProps?: GravityBlocksWrapperProps;
+    globalDefaults?: GravityBlocksGlobalConfig;
+}) => PageConstructorExtension<GravityBlocksGlobalConfig, GravityBlocksWrapperProps>[];

package/build/esm/gravity-blocks/extensions/GravityBlocksExtension.js

@@ -0,0 +1,20 @@
+export { GravityBlocksProvider, } from "../context/GravityBlocksProvider.js";
+import { backgroundExtension, blockBaseExtension, generalExtension, navigationExtension } from "./index.js";
+/** @returns Array of PageConstructorExtension instances for gravity-blocks. */
+export const gravityBlocksExtension = ({ wrapperProps = {}, globalDefaults = {}, }) => {
+    const { background, navigation, isBranded, animated } = globalDefaults;
+    return [
+        generalExtension({
+            globalDefaults: { isBranded, animated },
+        }),
+        backgroundExtension({
+            globalDefaults: { background },
+        }),
+        navigationExtension({
+            wrapperProps,
+            globalDefaults: { navigation },
+        }),
+        blockBaseExtension(),
+    ];
+};
+//# sourceMappingURL=GravityBlocksExtension.js.map

package/build/esm/gravity-blocks/extensions/GravityBlocksExtension.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GravityBlocksExtension.js","sourceRoot":"../../../../src","sources":["gravity-blocks/extensions/GravityBlocksExtension.tsx"],"names":[],"mappings":"AAGA,OAAO,EACH,qBAAqB,GAExB,4CAAyC;AAE1C,OAAO,EAAC,mBAAmB,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,mBAAmB,EAAC,mBAAU;AAoBjG,+EAA+E;AAC/E,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACnC,YAAY,GAAG,EAAE,EACjB,cAAc,GAAG,EAAE,GAItB,EAAoF,EAAE;IACnF,MAAM,EAAC,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAC,GAAG,cAAc,CAAC;IAErE,OAAO;QACH,gBAAgB,CAAC;YACb,cAAc,EAAE,EAAC,SAAS,EAAE,QAAQ,EAAC;SACxC,CAAC;QACF,mBAAmB,CAAC;YAChB,cAAc,EAAE,EAAC,UAAU,EAAC;SAC/B,CAAC;QACF,mBAAmB,CAAC;YAChB,YAAY;YACZ,cAAc,EAAE,EAAC,UAAU,EAAC;SAC/B,CAAC;QACF,kBAAkB,EAAE;KACvB,CAAC;AACN,CAAC,CAAC","sourcesContent":["import type {PageConstructorExtension} from '../../containers/PageConstructor/PageConstructor';\nimport {MediaProps, NavigationData, PageContent} from '../../models';\n\nexport {\n    GravityBlocksProvider,\n    type GravityBlocksProviderProps,\n} from '../context/GravityBlocksProvider';\n\nimport {backgroundExtension, blockBaseExtension, generalExtension, navigationExtension} from '.';\n\nexport interface GravityBlocksWrapperProps {\n    isBranded?: boolean;\n    animated?: boolean;\n    renderMenu?: () => React.ReactNode;\n    microdata?: {\n        contentUpdatedDate?: string;\n    };\n}\n\nexport interface GravityBlocksGlobalConfig {\n    background?: MediaProps;\n    navigation?: NavigationData;\n    isBranded?: boolean;\n    animated?: boolean;\n}\n\nexport interface GravityPageContent extends PageContent, GravityBlocksGlobalConfig {}\n\n/** @returns Array of PageConstructorExtension instances for gravity-blocks. */\nexport const gravityBlocksExtension = ({\n    wrapperProps = {},\n    globalDefaults = {},\n}: {\n    wrapperProps?: GravityBlocksWrapperProps;\n    globalDefaults?: GravityBlocksGlobalConfig;\n}): PageConstructorExtension<GravityBlocksGlobalConfig, GravityBlocksWrapperProps>[] => {\n    const {background, navigation, isBranded, animated} = globalDefaults;\n\n    return [\n        generalExtension({\n            globalDefaults: {isBranded, animated},\n        }),\n        backgroundExtension({\n            globalDefaults: {background},\n        }),\n        navigationExtension({\n            wrapperProps,\n            globalDefaults: {navigation},\n        }),\n        blockBaseExtension(),\n    ];\n};\n"]}

package/build/esm/gravity-blocks/extensions/NavigationExtension.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import type { PageConstructorWrapperProps } from "../../common/types/index.js";
+import type { PageConstructorExtension } from "../../containers/PageConstructor/PageConstructor.js";
+import { NavigationData } from "../../models/index.js";
+export interface NavigationExtensionWrapperProps {
+    renderMenu?: () => React.ReactNode;
+}
+export interface NavigationExtensionGlobalConfig {
+    navigation?: NavigationData;
+}
+export interface NavigationPageContent extends NavigationExtensionGlobalConfig {
+}
+export declare const NavigationExtensionContentWrapper: React.FC<NavigationExtensionWrapperProps & PageConstructorWrapperProps>;
+export declare const navigationExtension: ({ wrapperProps, globalDefaults, }: {
+    wrapperProps?: NavigationExtensionWrapperProps;
+    globalDefaults?: NavigationExtensionGlobalConfig;
+}) => PageConstructorExtension<NavigationExtensionGlobalConfig, NavigationExtensionWrapperProps>;