@gravity-ui/page-constructor 5.14.2 → 5.14.4-alpha.0

package/build/cjs/context/editorContext/index.d.ts

@@ -0,0 +1,4 @@
+export * from './editorContext';
+export * from './editorProvider';
+export * from './hooks/useEditorStore';
+export * from './store';

package/build/cjs/context/editorContext/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./editorContext"), exports);
+tslib_1.__exportStar(require("./editorProvider"), exports);
+tslib_1.__exportStar(require("./hooks/useEditorStore"), exports);
+tslib_1.__exportStar(require("./store"), exports);

package/build/cjs/context/editorContext/store.d.ts

@@ -0,0 +1,24 @@
+import { WithStoreReducer } from '../../types';
+export interface EditorState {
+    manipulateOverlayMode: 'insert' | 'reorder' | false;
+    isSelectActive: boolean;
+    initialized: boolean;
+}
+export interface EditorMethods extends WithStoreReducer {
+}
+export type EditorStore = EditorState & EditorMethods;
+export declare const createEditorStore: (overrideInitialState?: Partial<EditorState> | undefined) => import("zustand").UseBoundStore<Omit<Omit<import("zustand").StoreApi<EditorState & EditorMethods>, "setState"> & {
+    setState<A extends string | {
+        type: string;
+    }>(partial: (EditorState & EditorMethods) | Partial<EditorState & EditorMethods> | ((state: EditorState & EditorMethods) => (EditorState & EditorMethods) | Partial<EditorState & EditorMethods>), replace?: boolean | undefined, action?: A | undefined): void;
+}, "persist"> & {
+    persist: {
+        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<EditorState & EditorMethods, EditorState & EditorMethods>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => void | Promise<void>;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: EditorState & EditorMethods) => void) => () => void;
+        onFinishHydration: (fn: (state: EditorState & EditorMethods) => void) => () => void;
+        getOptions: () => Partial<import("zustand/middleware").PersistOptions<EditorState & EditorMethods, EditorState & EditorMethods>>;
+    };
+}>;

package/build/cjs/context/editorContext/store.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createEditorStore = void 0;
+const actions_1 = require("../../types/actions");
+const store_1 = require("../../utils/store");
+exports.createEditorStore = (0, store_1.initializeStore)({
+    manipulateOverlayMode: false,
+    isSelectActive: false,
+    initialized: false,
+}, (set, _get) => ({
+    reducer: (action) => {
+        switch (action.type) {
+            case actions_1.ActionTypes.EditorReady: {
+                set((state) => (Object.assign(Object.assign({}, state), { initialized: true })));
+                break;
+            }
+            case actions_1.ActionTypes.ReorderModeEnable: {
+                set((state) => (Object.assign(Object.assign({}, state), { manipulateOverlayMode: 'reorder' })));
+                break;
+            }
+            case actions_1.ActionTypes.ReorderModeDisable: {
+                set((state) => (Object.assign(Object.assign({}, state), { manipulateOverlayMode: false })));
+                break;
+            }
+            case actions_1.ActionTypes.InsertModeEnable: {
+                set((state) => (Object.assign(Object.assign({}, state), { manipulateOverlayMode: 'insert' })));
+                break;
+            }
+            case actions_1.ActionTypes.InsertModeDisable: {
+                set((state) => (Object.assign(Object.assign({}, state), { manipulateOverlayMode: false })));
+                break;
+            }
+            case actions_1.ActionTypes.SelectBlock: {
+                set((state) => (Object.assign(Object.assign({}, state), { isSelectActive: true })));
+                break;
+            }
+        }
+    },
+}));

package/build/cjs/context/messagesContext/hooks/useMessageObserver.d.ts

@@ -0,0 +1,4 @@
+import { DependencyList } from 'react';
+import { Action } from '../../../types/actions';
+export declare const useMessageObserver: <A extends Action>(type: A["type"], callback: (payload: A["payload"]) => void, deps?: DependencyList) => void;
+export default useMessageObserver;

package/build/cjs/context/messagesContext/hooks/useMessageObserver.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMessageObserver = void 0;
+const react_1 = require("react");
+const useMessagesStore_1 = require("./useMessagesStore");
+const useMessageObserver = (type, callback, deps = []) => {
+    const { subscribe, unsubscribe } = (0, useMessagesStore_1.useMessagesStore)();
+    (0, react_1.useEffect)(() => {
+        subscribe(type, callback);
+        return () => {
+            unsubscribe(type, callback);
+        };
+    }, deps); // eslint-disable-line react-hooks/exhaustive-deps
+};
+exports.useMessageObserver = useMessageObserver;
+exports.default = exports.useMessageObserver;

package/build/cjs/context/messagesContext/hooks/useMessageSender.d.ts

@@ -0,0 +1,2 @@
+export declare const useMessageSender: () => (action: import("../../../types/actions").Action, options?: import("../types").SendOptions | undefined) => void;
+export default useMessageSender;

package/build/cjs/context/messagesContext/hooks/useMessageSender.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMessageSender = void 0;
+const react_1 = require("react");
+const messagesContext_1 = require("../messagesContext");
+const useMessageSender = () => {
+    const { sendMessage } = (0, react_1.useContext)(messagesContext_1.PostMessageContext);
+    return sendMessage;
+};
+exports.useMessageSender = useMessageSender;
+exports.default = exports.useMessageSender;

package/build/cjs/context/messagesContext/hooks/useMessagesStore.d.ts

@@ -0,0 +1,2 @@
+export declare const useMessagesStore: () => import("../store").MessagesStore;
+export default useMessagesStore;

package/build/cjs/context/messagesContext/hooks/useMessagesStore.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMessagesStore = void 0;
+const react_1 = require("react");
+const zustand_1 = require("zustand");
+const messagesContext_1 = require("../messagesContext");
+const useMessagesStore = () => {
+    const { state } = (0, react_1.useContext)(messagesContext_1.PostMessageContext);
+    if (!state) {
+        throw new Error('Missing PostMessageContext');
+    }
+    return (0, zustand_1.useStore)(state);
+};
+exports.useMessagesStore = useMessagesStore;
+exports.default = exports.useMessagesStore;

package/build/cjs/context/messagesContext/index.d.ts

@@ -0,0 +1,5 @@
+export * from './messagesContext';
+export * from './messagesProvider';
+export * from './hooks/useMessageSender';
+export * from './hooks/useMessageObserver';
+export * from './hooks/useMessagesStore';

package/build/cjs/context/messagesContext/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./messagesContext"), exports);
+tslib_1.__exportStar(require("./messagesProvider"), exports);
+tslib_1.__exportStar(require("./hooks/useMessageSender"), exports);
+tslib_1.__exportStar(require("./hooks/useMessageObserver"), exports);
+tslib_1.__exportStar(require("./hooks/useMessagesStore"), exports);

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

@@ -0,0 +1,14 @@
+/**
+ * Context for sending messages between Editor and App
+ * Same exist in Editor
+ **/
+import React from 'react';
+import { StoreApi } from 'zustand';
+import { Action } from '../../types/actions';
+import { MessagesStore } from './store';
+import { SendOptions } from './types';
+export interface PostMessageContextProps {
+    state?: StoreApi<MessagesStore>;
+    sendMessage: (action: Action, options?: SendOptions) => void;
+}
+export declare const PostMessageContext: React.Context<PostMessageContextProps>;

package/build/cjs/context/messagesContext/messagesContext.js

@@ -0,0 +1,12 @@
+"use strict";
+/**
+ * Context for sending messages between Editor and App
+ * Same exist in Editor
+ **/
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PostMessageContext = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+exports.PostMessageContext = react_1.default.createContext({
+    sendMessage: () => { },
+});

package/build/cjs/context/messagesContext/messagesProvider.d.ts

@@ -0,0 +1,2 @@
+import { PropsWithChildren } from 'react';
+export declare const PostMessageProvider: ({ children }: PropsWithChildren) => JSX.Element;

package/build/cjs/context/messagesContext/messagesProvider.js

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PostMessageProvider = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const editorContext_1 = require("../editorContext");
+const messagesContext_1 = require("./messagesContext");
+const store_1 = require("./store");
+const DEBUG_MODE = false;
+const PostMessageProvider = ({ children }) => {
+    const storeRef = (0, react_1.useRef)();
+    if (!storeRef.current) {
+        storeRef.current = (0, store_1.createMessagesStore)();
+    }
+    const editorStore = (0, editorContext_1.useEditorStore)();
+    const sendPostMessage = (0, react_1.useCallback)((args) => {
+        window.parent.postMessage(args, '*');
+    }, []);
+    const notifySubscribers = (0, react_1.useCallback)((action, source) => {
+        const meta = { source };
+        const storesWithReducer = [editorStore];
+        const { type, payload } = action;
+        const store = storeRef.current;
+        if (!type) {
+            return;
+        }
+        if (store) {
+            const { subscribers } = store.getState();
+            const foundedSubscribers = subscribers.filter((subscriber) => subscriber.action === type);
+            for (const storeWithReducer of storesWithReducer) {
+                storeWithReducer.reducer(action, meta);
+            }
+            if (foundedSubscribers.length) {
+                for (const subscriber of foundedSubscribers) {
+                    subscriber.handler(payload, meta);
+                }
+            }
+        }
+    }, [editorStore]);
+    (0, react_1.useEffect)(() => {
+        const onMessage = (e) => {
+            const { action, debug } = e.data;
+            if (action && action.type) {
+                if (debug) {
+                    // eslint-disable-next-line no-console
+                    console.log(`🔵 ➡️ Editor ${action.type}`, action.payload);
+                }
+                notifySubscribers(action, 'editor');
+            }
+        };
+        window.addEventListener('message', onMessage);
+        return () => {
+            window.removeEventListener('message', onMessage);
+        };
+    }, [notifySubscribers]);
+    const sendMessage = (0, react_1.useCallback)((action, { debug = DEBUG_MODE, direction = 'both' } = {}) => {
+        if (debug) {
+            // eslint-disable-next-line no-console
+            console.log(`🟢 Website ➡️ ${action.type}`, action.payload);
+        }
+        if (direction === 'both' || direction === 'editor') {
+            sendPostMessage({ action, debug });
+        }
+        if (direction === 'both' || direction === 'pc') {
+            notifySubscribers(action, 'pc');
+        }
+    }, [notifySubscribers, sendPostMessage]);
+    return (react_1.default.createElement(messagesContext_1.PostMessageContext.Provider, { value: {
+            state: storeRef.current,
+            sendMessage: sendMessage,
+        } }, children));
+};
+exports.PostMessageProvider = PostMessageProvider;

package/build/cjs/context/messagesContext/store.d.ts

@@ -0,0 +1,25 @@
+import { Subscriber } from '../../types';
+import { SubscriptionFunc } from './types';
+export interface MessagesState {
+    subscribers: Subscriber[];
+}
+export interface MessagesMethods {
+    subscribe: SubscriptionFunc;
+    unsubscribe: SubscriptionFunc;
+}
+export type MessagesStore = MessagesState & MessagesMethods;
+export declare const createMessagesStore: (overrideInitialState?: Partial<MessagesState> | undefined) => import("zustand").UseBoundStore<Omit<Omit<import("zustand").StoreApi<MessagesState & MessagesMethods>, "setState"> & {
+    setState<A extends string | {
+        type: string;
+    }>(partial: (MessagesState & MessagesMethods) | Partial<MessagesState & MessagesMethods> | ((state: MessagesState & MessagesMethods) => (MessagesState & MessagesMethods) | Partial<MessagesState & MessagesMethods>), replace?: boolean | undefined, action?: A | undefined): void;
+}, "persist"> & {
+    persist: {
+        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<MessagesState & MessagesMethods, MessagesState & MessagesMethods>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => void | Promise<void>;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: MessagesState & MessagesMethods) => void) => () => void;
+        onFinishHydration: (fn: (state: MessagesState & MessagesMethods) => void) => () => void;
+        getOptions: () => Partial<import("zustand/middleware").PersistOptions<MessagesState & MessagesMethods, MessagesState & MessagesMethods>>;
+    };
+}>;

package/build/cjs/context/messagesContext/store.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createMessagesStore = void 0;
+const store_1 = require("../../utils/store");
+exports.createMessagesStore = (0, store_1.initializeStore)({
+    subscribers: [],
+}, (set, _get) => ({
+    subscribe: (type, payloadCallback) => {
+        set((state) => (Object.assign(Object.assign({}, state), { subscribers: [...state.subscribers, { action: type, handler: payloadCallback }] })));
+        return () => {
+            set((state) => (Object.assign(Object.assign({}, state), { subscribers: state.subscribers.filter(({ handler, action }) => payloadCallback !== handler || type !== action) })));
+        };
+    },
+    unsubscribe: (type, payloadCallback) => {
+        set((state) => (Object.assign(Object.assign({}, state), { subscribers: state.subscribers.filter(({ handler, action }) => payloadCallback !== handler || type !== action) })));
+    },
+}));

package/build/cjs/context/messagesContext/types.d.ts

@@ -0,0 +1,14 @@
+import { Action } from '../../types/actions';
+export interface SendOptions {
+    direction?: MetaSource | 'both';
+    debug?: boolean;
+}
+export interface PostMessageArgs {
+    action: Action;
+    debug: boolean;
+}
+export type SubscriptionFunc = <A extends Action>(type: A['type'], payloadCallback: (payload: A['payload'], meta: Meta) => void) => void;
+export type MetaSource = 'pc' | 'editor';
+export interface Meta {
+    source: MetaSource;
+}

package/build/cjs/context/messagesContext/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/build/cjs/grid/Col/Col.d.ts

@@ -5,4 +5,4 @@ export interface GridColumnProps extends GridColumnClassParams, Refable<HTMLDivE
     style?: CSSProperties;
     children?: React.ReactNode;
 }
-export declare const Col: React.ForwardRefExoticComponent<Pick<WithChildren<GridColumnProps>, "style" | "children" | "sizes" | "className" | "hidden" | "role" | "qa" | "reset" | "visible" | "offsets" | "orders" | "alignSelf" | "justifyContent"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Col: React.ForwardRefExoticComponent<Pick<WithChildren<GridColumnProps>, "style" | "children" | "sizes" | "className" | "hidden" | "role" | "qa" | "offsets" | "orders" | "visible" | "alignSelf" | "justifyContent" | "reset"> & React.RefAttributes<HTMLDivElement>>;

package/build/cjs/grid/Grid/Grid.css

@@ -2,15 +2,11 @@
 .pc-Grid .container {
   max-width: calc(1232px + 8px * 2 + 40px * 2);
 }
-.pc-Grid .row {
-  margin-right: 0;
-  margin-left: 0;
-}
 .pc-Grid .pc-Grid .container-fluid,
 .pc-Grid .pc-Grid .container {
   padding: 0;
 }
-.pc-Grid .row .row {
+.pc-Grid .row {
   margin: 0 -8px;
 }
 .pc-Grid_debug .container,
@@ -81,7 +77,7 @@
   .pc-Grid .col-12 {
     padding: 0 8px;
   }
-  .pc-Grid .row .row {
+  .pc-Grid .row {
     margin: 0 -8px;
   }
 }

package/build/cjs/hooks/useAnalytics.js

@@ -11,7 +11,7 @@ const useAnalytics = (name = '', target) => {
     const defaultEvent = (0, react_1.useMemo)(() => name
         ? {
             name,
-            context,
+            context: String(context),
             type: models_1.PredefinedEventTypes.Default,
             target: target,
         }

package/build/cjs/hooks/useEditorInitialize.d.ts

@@ -0,0 +1,7 @@
+import { PageContent } from '../models';
+interface UseEditorInitializeProps {
+    content: PageContent;
+    setContent: (content: PageContent) => void;
+}
+declare const useEditorInitialize: ({ setContent, content }: UseEditorInitializeProps) => void;
+export default useEditorInitialize;

package/build/cjs/hooks/useEditorInitialize.js

@@ -0,0 +1,90 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = require("react");
+const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const constructor_items_1 = require("../constructor-items");
+const editorContext_1 = require("../context/editorContext");
+const messagesContext_1 = require("../context/messagesContext");
+const schema_1 = require("../schema");
+const actions_1 = require("../types/actions");
+const form_generator_1 = require("../utils/form-generator");
+const useEditorInitialize = ({ setContent, content }) => {
+    const { manipulateOverlayMode, isSelectActive } = (0, editorContext_1.useEditorStore)();
+    const sendMessage = (0, messagesContext_1.useMessageSender)();
+    const { activeElement } = (0, react_1.useContext)(editorContext_1.EditorContext);
+    const onResize = (0, react_1.useCallback)(() => {
+        const height = document.documentElement.getBoundingClientRect().height;
+        sendMessage({
+            type: actions_1.ActionTypes.SetHeight,
+            payload: { height },
+        });
+        if (isSelectActive && activeElement) {
+            const rect = activeElement.getClientRects().item(0);
+            if (rect) {
+                sendMessage({
+                    type: actions_1.ActionTypes.UpdateSelectedBlockRect,
+                    payload: {
+                        rect: rect,
+                    },
+                });
+            }
+        }
+    }, [activeElement, isSelectActive, sendMessage]);
+    (0, messagesContext_1.useMessageObserver)(actions_1.ActionTypes.UpdateConfigs, ({ content: newContent }) => {
+        setContent(newContent);
+    });
+    (0, react_1.useEffect)(() => {
+        onResize();
+    }, [content, onResize]);
+    // Fires only once
+    (0, react_1.useEffect)(() => {
+        const height = document.documentElement.getBoundingClientRect().height;
+        sendMessage({
+            type: actions_1.ActionTypes.IframeReady,
+            payload: { height },
+        }, { direction: 'editor' });
+        sendMessage({
+            type: actions_1.ActionTypes.BlocksConfigs,
+            payload: {
+                blocks: Object.entries(constructor_items_1.blockDataMap).reduce((acc, [key, value]) => {
+                    acc.push({ type: key, schema: value.schema });
+                    return acc;
+                }, []),
+                subBlocks: [],
+                global: (0, form_generator_1.generateFromAJV)(schema_1.defaultComponentsConfigurationSchema),
+            },
+        });
+    }, [sendMessage]);
+    (0, react_1.useEffect)(() => {
+        const onMouseUp = (e) => {
+            if (manipulateOverlayMode === 'insert') {
+                e.preventDefault();
+                sendMessage({ type: actions_1.ActionTypes.InsertModeDisable, payload: undefined });
+            }
+            if (manipulateOverlayMode === 'reorder') {
+                e.preventDefault();
+                sendMessage({ type: actions_1.ActionTypes.ReorderModeDisable, payload: undefined });
+            }
+        };
+        const onMouseMove = (event) => {
+            if (manipulateOverlayMode) {
+                sendMessage({
+                    type: actions_1.ActionTypes.OverlayModeOnMove,
+                    payload: { cursor: { x: event.clientX, y: event.clientY } },
+                });
+            }
+        };
+        const throttleOnMouseMove = lodash_1.default.throttle(onMouseMove, 1);
+        const throttleOnMouseUp = lodash_1.default.throttle(onMouseUp, 1);
+        document.addEventListener('mousemove', throttleOnMouseMove);
+        document.addEventListener('mouseup', throttleOnMouseUp);
+        window.addEventListener('resize', onResize);
+        return () => {
+            document.removeEventListener('mousemove', throttleOnMouseMove);
+            document.removeEventListener('mouseup', throttleOnMouseUp);
+            window.removeEventListener('resize', onResize);
+        };
+    }, [activeElement, manipulateOverlayMode, onResize, sendMessage]);
+};
+exports.default = useEditorInitialize;

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

@@ -24,7 +24,8 @@ export declare enum BlockType {
     ShareBlock = "share-block",
     MapBlock = "map-block",
     FilterBlock = "filter-block",
-    FormBlock = "form-block"
+    FormBlock = "form-block",
+    TestEditorBlock = "test-editor-block"
 }
 export declare const BlockTypes: BlockType[];
 export declare const HeaderBlockTypes: BlockType[];

package/build/cjs/models/constructor-items/blocks.js

@@ -22,6 +22,7 @@ var BlockType;
     BlockType["MapBlock"] = "map-block";
     BlockType["FilterBlock"] = "filter-block";
     BlockType["FormBlock"] = "form-block";
+    BlockType["TestEditorBlock"] = "test-editor-block";
 })(BlockType = exports.BlockType || (exports.BlockType = {}));
 exports.BlockTypes = Object.values(BlockType);
 exports.HeaderBlockTypes = [BlockType.HeaderBlock, BlockType.HeaderSliderBlock];

package/build/cjs/models/constructor-items/sub-blocks.d.ts

@@ -117,7 +117,7 @@ export interface BannerCardProps {
     disableCompress?: boolean;
     color?: ThemeSupporting<string>;
     theme?: TextTheme;
-    button: Pick<ButtonProps, 'text' | 'url' | 'target' | 'theme'>;
+    button?: Pick<ButtonProps, 'text' | 'url' | 'target' | 'theme'>;
     mediaView?: MediaView;
 }
 export interface MediaCardProps extends MediaProps, AnalyticsEventsBase, CardBaseProps {

package/build/cjs/navigation/components/NavigationItem/NavigationItem.js

@@ -24,7 +24,10 @@ const NavigationItem = (_a) => {
             ? componentProperties
             : Object.assign(Object.assign({}, componentProperties), { menuLayout });
     }, [data, props, type, menuLayout]);
-    return (react_1.default.createElement(blockIdContext_1.BlockIdContext.Provider, { value: ANALYTICS_ID },
+    return (
+    // TODO: fix any
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    react_1.default.createElement(blockIdContext_1.BlockIdContext.Provider, { value: ANALYTICS_ID },
         react_1.default.createElement("li", { className: b({ 'menu-layout': menuLayout }, className) },
             react_1.default.createElement(Component, Object.assign({}, componentProps, { className: b('content', { type }) })))));
 };

package/build/cjs/navigation/components/NavigationItem/components/NavigationButton/NavigationButton.js

@@ -11,7 +11,10 @@ const ANALYTICS_ID = 'navigation';
 const NavigationButton = (props) => {
     const { url, target, className } = props;
     const classes = b(null, className);
-    return (react_1.default.createElement(blockIdContext_1.BlockIdContext.Provider, { value: ANALYTICS_ID }, target ? (react_1.default.createElement(components_1.Button, Object.assign({ className: classes }, props, { url: url }))) : (react_1.default.createElement(components_1.RouterLink, { href: url },
+    return (
+    // TODO: fix any
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    react_1.default.createElement(blockIdContext_1.BlockIdContext.Provider, { value: ANALYTICS_ID }, target ? (react_1.default.createElement(components_1.Button, Object.assign({ className: classes }, props, { url: url }))) : (react_1.default.createElement(components_1.RouterLink, { href: url },
         react_1.default.createElement(components_1.Button, Object.assign({}, props, { className: classes, url: url }))))));
 };
 exports.NavigationButton = NavigationButton;

package/build/cjs/navigation/containers/Layout/Layout.css

@@ -1,7 +1,6 @@
 .pc-layout {
   display: flex;
   flex-direction: column;
-  min-height: 100vh;
 }
 .pc-layout__content {
   display: flex;

package/build/cjs/schema/constants.d.ts

@@ -119,7 +119,7 @@ export declare const cardSchemas: {
                 };
             } | undefined;
             controlPosition: {
-                type: string; /** @deprecated */
+                type: string;
                 enum: string[];
             };
             border: {

package/build/cjs/schema/constants.js

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.constructorCardSchemaNames = exports.constructorBlockSchemaNames = exports.cardSchemas = exports.blockSchemas = void 0;
+const TestEditorBlock_1 = require("../blocks/TestEditorBlock");
 const blocks_1 = require("./validators/blocks");
 const sub_blocks_1 = require("./validators/sub-blocks");
-exports.blockSchemas = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, sub_blocks_1.Divider), blocks_1.ExtendedFeaturesBlock), blocks_1.PromoFeaturesBlock), blocks_1.SliderBlock), blocks_1.QuestionsBlock), blocks_1.HeaderBlock), blocks_1.BannerBlock), blocks_1.CompaniesBlock), blocks_1.MediaBlock), blocks_1.MapBlock), blocks_1.InfoBlock), blocks_1.TableBlock), blocks_1.TabsBlock), blocks_1.HeaderSliderBlock), blocks_1.IconsBlock), blocks_1.CardLayoutBlock), blocks_1.ContentLayoutBlock), blocks_1.ShareBlock), blocks_1.FilterBlock), blocks_1.FormBlock);
+exports.blockSchemas = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, sub_blocks_1.Divider), blocks_1.ExtendedFeaturesBlock), blocks_1.PromoFeaturesBlock), blocks_1.SliderBlock), blocks_1.QuestionsBlock), blocks_1.HeaderBlock), blocks_1.BannerBlock), blocks_1.CompaniesBlock), blocks_1.MediaBlock), blocks_1.MapBlock), blocks_1.InfoBlock), blocks_1.TableBlock), blocks_1.TabsBlock), blocks_1.HeaderSliderBlock), blocks_1.IconsBlock), blocks_1.CardLayoutBlock), blocks_1.ContentLayoutBlock), blocks_1.ShareBlock), blocks_1.FilterBlock), blocks_1.FormBlock), TestEditorBlock_1.TestEditorBlockSchema);
 exports.cardSchemas = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, sub_blocks_1.MediaCardBlock), blocks_1.BannerCard), sub_blocks_1.PriceDetailedBlock), sub_blocks_1.BackgroundCard), sub_blocks_1.Quote), sub_blocks_1.BasicCard), sub_blocks_1.PriceCardBlock), sub_blocks_1.ImageCard);
 exports.constructorBlockSchemaNames = [
     'divider',