@gravity-ui/page-constructor 5.14.3 → 5.14.4-alpha.1

package/build/cjs/editor-v2/context/iframeContext/index.js

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

package/build/cjs/editor-v2/context/iframeContext/store.d.ts

@@ -0,0 +1,22 @@
+import { WithStoreReducer } from '../../../common/types';
+export interface IframeState {
+    url: string;
+    height?: number;
+}
+export interface IframeMethods extends WithStoreReducer {
+    setUrl: (url: string) => void;
+}
+export type IframeStore = IframeState & IframeMethods;
+export declare const createIframeStore: (overrideInitialState?: Partial<IframeState> | undefined) => import("zustand").UseBoundStore<Omit<Omit<import("zustand").StoreApi<IframeState & IframeMethods>, "subscribe"> & {
+    subscribe: {
+        (listener: (selectedState: IframeState & IframeMethods, previousSelectedState: IframeState & IframeMethods) => void): () => void;
+        <U>(selector: (state: IframeState & IframeMethods) => U, listener: (selectedState: U, previousSelectedState: U) => void, options?: {
+            equalityFn?: ((a: U, b: U) => boolean) | undefined;
+            fireImmediately?: boolean | undefined;
+        } | undefined): () => void;
+    };
+}, "setState"> & {
+    setState<A extends string | {
+        type: string;
+    }>(partial: (IframeState & IframeMethods) | Partial<IframeState & IframeMethods> | ((state: IframeState & IframeMethods) => (IframeState & IframeMethods) | Partial<IframeState & IframeMethods>), replace?: boolean | undefined, action?: A | undefined): void;
+}>;

package/build/cjs/editor-v2/context/iframeContext/store.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createIframeStore = void 0;
+const types_1 = require("../../../common/types");
+const store_1 = require("../../utils/store");
+exports.createIframeStore = (0, store_1.initializeStore)({
+    url: '',
+    height: 400,
+}, (set) => ({
+    setUrl: (url) => set((state) => (Object.assign(Object.assign({}, state), { url }))),
+    reducer: (action) => {
+        switch (action.type) {
+            case types_1.ActionTypes.SetHeight: {
+                set((state) => (Object.assign(Object.assign({}, state), { height: action.payload.height + 200 })));
+                break;
+            }
+        }
+    },
+}));

package/build/cjs/editor-v2/context/messagesContext/hooks/useMessageObserver.d.ts

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

package/build/cjs/editor-v2/context/messagesContext/hooks/useMessageObserver.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMessageObserver = void 0;
+const tslib_1 = require("tslib");
+const react_1 = require("react");
+const useMessagesStore_1 = tslib_1.__importDefault(require("./useMessagesStore"));
+const useMessageObserver = (type, callback, deps = []) => {
+    const { subscribe, unsubscribe } = (0, useMessagesStore_1.default)();
+    (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/editor-v2/context/messagesContext/hooks/useMessageSender.d.ts

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

package/build/cjs/editor-v2/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/editor-v2/context/messagesContext/hooks/useMessagesStore.d.ts

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

package/build/cjs/editor-v2/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/editor-v2/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/editor-v2/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/editor-v2/context/messagesContext/messagesContext.d.ts

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

package/build/cjs/editor-v2/context/messagesContext/messagesContext.js

@@ -0,0 +1,12 @@
+"use strict";
+/**
+ * Context for sending messages between Editor and App
+ * Same exist in PC
+ **/
+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/editor-v2/context/messagesContext/messagesProvider.d.ts

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

package/build/cjs/editor-v2/context/messagesContext/messagesProvider.js

@@ -0,0 +1,35 @@
+"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 usePostMessage_1 = require("../../../common/hooks/usePostMessage");
+const utils_1 = require("../../utils");
+const useContentConfigStore_1 = require("../contentConfig/hooks/useContentConfigStore");
+const useEditorStore_1 = require("../editorContext/hooks/useEditorStore");
+const iframeContext_1 = require("../iframeContext");
+const messagesContext_1 = require("./messagesContext");
+const store_1 = require("./store");
+const PostMessageProvider = ({ children }) => {
+    var _a;
+    const storeRef = (0, react_1.useRef)();
+    const { iframeElement } = (0, react_1.useContext)(iframeContext_1.IframeContext);
+    const contentConfigStore = (0, useContentConfigStore_1.useContentConfigStore)();
+    const editorStore = (0, useEditorStore_1.useEditorStore)();
+    const iframeStore = (0, iframeContext_1.useIframeStore)();
+    if (!storeRef.current) {
+        storeRef.current = (0, store_1.createMessagesStore)();
+    }
+    const storesWithReducer = [contentConfigStore, editorStore, iframeStore];
+    const { sendMessage } = (0, usePostMessage_1.usePostMessage)({
+        subscribers: (_a = storeRef.current) === null || _a === void 0 ? void 0 : _a.getState().subscribers,
+        storesWithReducer,
+        targetIframeElement: iframeElement,
+        urlOrigin: (0, utils_1.getUrlOrigin)(iframeStore.url),
+    });
+    return (react_1.default.createElement(messagesContext_1.PostMessageContext.Provider, { value: {
+            state: storeRef.current,
+            sendMessage: sendMessage,
+        } }, children));
+};
+exports.PostMessageProvider = PostMessageProvider;

package/build/cjs/editor-v2/context/messagesContext/store.d.ts

@@ -0,0 +1,22 @@
+import { Subscriber, SubscriptionFunc } from '../../../common/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>, "subscribe"> & {
+    subscribe: {
+        (listener: (selectedState: MessagesState & MessagesMethods, previousSelectedState: MessagesState & MessagesMethods) => void): () => void;
+        <U>(selector: (state: MessagesState & MessagesMethods) => U, listener: (selectedState: U, previousSelectedState: U) => void, options?: {
+            equalityFn?: ((a: U, b: U) => boolean) | undefined;
+            fireImmediately?: boolean | undefined;
+        } | undefined): () => void;
+    };
+}, "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;
+}>;

package/build/cjs/editor-v2/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/editor-v2/icons/Tablet.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Tablet: React.FC<React.SVGProps<SVGSVGElement>>;

package/build/cjs/editor-v2/icons/Tablet.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tablet = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const svg_1 = require("../../utils/svg");
+const Tablet = (props) => (react_1.default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "12", height: "14", viewBox: "0 0 12 14", fill: "none" }, svg_1.a11yHiddenSvgProps, props),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.5 3L10.5 11C10.5 11.8284 9.82843 12.5 9 12.5L3 12.5C2.17157 12.5 1.5 11.8284 1.5 11L1.5 3C1.5 2.17157 2.17157 1.5 3 1.5L9 1.5C9.82843 1.5 10.5 2.17157 10.5 3ZM9 -1.31134e-07C10.6569 -5.87108e-08 12 1.34315 12 3L12 11C12 12.6569 10.6569 14 9 14L3 14C1.34315 14 4.00426e-07 12.6569 4.72849e-07 11L8.2254e-07 3C8.94964e-07 1.34315 1.34315 -4.65826e-07 3 -3.93403e-07L9 -1.31134e-07ZM3.75 9.5C3.33579 9.5 3 9.83579 3 10.25C3 10.6642 3.33579 11 3.75 11L8.25 11C8.66421 11 9 10.6642 9 10.25C9 9.83579 8.66421 9.5 8.25 9.5L3.75 9.5Z", fill: "currentColor", fillOpacity: "0.85" })));
+exports.Tablet = Tablet;

package/build/cjs/editor-v2/index.d.ts

@@ -0,0 +1,2 @@
+export { Editor } from './containers/Editor/Editor';
+export * from '../common/types';

package/build/cjs/editor-v2/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Editor = void 0;
+const tslib_1 = require("tslib");
+var Editor_1 = require("./containers/Editor/Editor");
+Object.defineProperty(exports, "Editor", { enumerable: true, get: function () { return Editor_1.Editor; } });
+tslib_1.__exportStar(require("../common/types"), exports);

package/build/cjs/editor-v2/styles/root.css

@@ -0,0 +1,9 @@
+body {
+  --pc-editor-header-height: 48px;
+  --pc-editor-code-header-height: 36px;
+  --pc-editor-divider-width: 12px;
+  --pc-editor-left-column-width: calc(400px + var(--pc-editor-divider-width));
+  --pc-editor-base-color: var(--g-color-base-brand);
+  --pc-editor-control-color: var(--g-color-base-brand);
+  --pc-editor-control-icon-color: var(--g-color-text-dark-primary);
+}

package/build/cjs/editor-v2/utils/code.d.ts

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

package/build/cjs/editor-v2/utils/code.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseCode = void 0;
+const tslib_1 = require("tslib");
+const js_yaml_1 = tslib_1.__importDefault(require("js-yaml"));
+function parseCode(code) {
+    var _a;
+    const pageContent = js_yaml_1.default.load(code);
+    return Object.assign(Object.assign({}, pageContent), { blocks: (_a = pageContent.blocks) === null || _a === void 0 ? void 0 : _a.filter(Boolean) });
+}
+exports.parseCode = parseCode;

package/build/cjs/editor-v2/utils/index.d.ts

@@ -0,0 +1,17 @@
+import { ConstructorBlock } from '../../models';
+export declare function insert<T>(arr: Array<T>, index: number, newItem: T): T[];
+export declare function removeFromArray<T>(array: Array<T>, index: number): T[];
+export declare function swapArrayItems<T>(array: Array<T>, firstIndex: number, secondIndex: number): T[];
+export declare function reorderArrayItems<T>(array: Array<T>, index: number, destination: number): T[];
+export declare function duplicateArrayItem<T>(array: Array<T>, index: number): T[];
+export declare function insertByPath<T extends object>(object: T, path: string, value: any): T;
+export declare function splitPathAndIndex(path: string): {
+    path: string;
+    index: number;
+} | undefined;
+export declare function generateChildrenPathFromArray(indexes: number[]): string;
+export declare function modifyObjectByPath(blocks: ConstructorBlock[], arrayPath: number[], modifyCallback: (parentBlocks: ConstructorBlock[], index: number) => ConstructorBlock[]): ConstructorBlock[];
+export declare function isItemsNeighbours(arrayA: number[], arrayB: number[]): boolean;
+export declare function getDestinationShiftBeforeReorder(arrayInit: number[], arrayDest: number[]): number[];
+export declare function prepareShift(arrayInit: number[], arrayDest: number[]): number[];
+export declare const getUrlOrigin: (url: string) => string | undefined;

package/build/cjs/editor-v2/utils/index.js

@@ -0,0 +1,151 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getUrlOrigin = exports.prepareShift = exports.getDestinationShiftBeforeReorder = exports.isItemsNeighbours = exports.modifyObjectByPath = exports.generateChildrenPathFromArray = exports.splitPathAndIndex = exports.insertByPath = exports.duplicateArrayItem = exports.reorderArrayItems = exports.swapArrayItems = exports.removeFromArray = exports.insert = void 0;
+const tslib_1 = require("tslib");
+const lodash_1 = tslib_1.__importDefault(require("lodash"));
+function insert(arr, index, newItem) {
+    return [...arr.slice(0, index), newItem, ...arr.slice(index)];
+}
+exports.insert = insert;
+function removeFromArray(array, index) {
+    return [...array.slice(0, index), ...array.slice(index + 1)];
+}
+exports.removeFromArray = removeFromArray;
+function swapArrayItems(array, firstIndex, secondIndex) {
+    const results = array.slice();
+    const firstItem = array[firstIndex];
+    results[firstIndex] = array[secondIndex];
+    results[secondIndex] = firstItem;
+    return results;
+}
+exports.swapArrayItems = swapArrayItems;
+function reorderArrayItems(array, index, destination) {
+    const min = Math.min(index, destination);
+    const max = Math.max(index, destination);
+    const firstOperationRemove = index < destination;
+    const result = [];
+    result.push(...array.slice(0, min));
+    if (!firstOperationRemove) {
+        result.push(array[index]);
+    }
+    result.push(...array.slice(firstOperationRemove ? min + 1 : min, max));
+    if (firstOperationRemove) {
+        result.push(array[index]);
+    }
+    result.push(...array.slice(firstOperationRemove ? max : max + 1, array.length));
+    return result;
+}
+exports.reorderArrayItems = reorderArrayItems;
+function duplicateArrayItem(array, index) {
+    const duplicatedItem = lodash_1.default.cloneDeep(array[index]);
+    return [...array.slice(0, index), duplicatedItem, ...array.slice(index)];
+}
+exports.duplicateArrayItem = duplicateArrayItem;
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function insertByPath(object, path, value) {
+    if (!path) {
+        return value;
+    }
+    return lodash_1.default.setWith(lodash_1.default.clone(object), path, value, lodash_1.default.clone);
+}
+exports.insertByPath = insertByPath;
+/*
+ *  path: string;
+ *  Example:
+ *  1. blocks[0] => {path: blocks, index: 0}
+ *  2. blocks[2].children[10] => {path: blocks[2].children, index: 10}
+ **/
+function splitPathAndIndex(path) {
+    // Match blocks[3], blocks[0].children[12], blocks[0], blocks[999999]
+    const bracketsRegExp = /(.*)\[(\d+)]$/g;
+    const regexpMatches = [...path.matchAll(bracketsRegExp)];
+    if (regexpMatches.length) {
+        return {
+            // blocks, blocks[0].children
+            path: regexpMatches[0][1],
+            // 3, 12, 0, 9999
+            index: Number(regexpMatches[0][2]),
+        };
+    }
+    // eslint-disable-next-line no-console
+    console.error('Non correct path for splitting');
+    return undefined;
+}
+exports.splitPathAndIndex = splitPathAndIndex;
+/*
+ * [0, 4, 3] => [0].children[4].children[3]
+ * */
+function generateChildrenPathFromArray(indexes) {
+    if (!indexes.length) {
+        return '';
+    }
+    let resultPath = `[${indexes[0]}]`;
+    if (indexes.length > 1) {
+        for (let i = 1; i < indexes.length; i++) {
+            resultPath += `.children[${indexes[i]}]`;
+        }
+    }
+    return resultPath;
+}
+exports.generateChildrenPathFromArray = generateChildrenPathFromArray;
+function modifyObjectByPath(blocks, arrayPath, modifyCallback) {
+    // [1]
+    // [4].children[3]
+    const insertPath = generateChildrenPathFromArray(arrayPath);
+    // path: ''                 index: 1
+    // path: '[4].children'     index: 3
+    const splitPath = splitPathAndIndex(insertPath);
+    if (splitPath) {
+        const { path: parentPath, index } = splitPath;
+        // Get Array that lies on path
+        const parentArray = parentPath ? lodash_1.default.get(blocks, parentPath) : blocks;
+        const value = Array.isArray(parentArray) ? parentArray : [];
+        // Modify Array
+        const newModifiedArray = modifyCallback(value, index);
+        // Return it back
+        return insertByPath(blocks, parentPath, newModifiedArray);
+    }
+    return blocks;
+}
+exports.modifyObjectByPath = modifyObjectByPath;
+function isItemsNeighbours(arrayA, arrayB) {
+    if (arrayA.length !== arrayB.length) {
+        return false;
+    }
+    for (let i = 0; i < arrayA.length - 1; i++) {
+        if (arrayA[i] !== arrayB[i]) {
+            return false;
+        }
+    }
+    return true;
+}
+exports.isItemsNeighbours = isItemsNeighbours;
+function getDestinationShiftBeforeReorder(arrayInit, arrayDest) {
+    if (arrayInit.length === arrayDest.length || arrayInit.length > arrayDest.length) {
+        return arrayDest;
+    }
+    for (let i = 0; i < arrayInit.length; i++) {
+        if (arrayInit[i] < arrayDest[i]) {
+            return prepareShift(arrayInit, arrayDest);
+        }
+    }
+    return arrayDest;
+}
+exports.getDestinationShiftBeforeReorder = getDestinationShiftBeforeReorder;
+function prepareShift(arrayInit, arrayDest) {
+    if (arrayInit.length === arrayDest.length || arrayInit.length > arrayDest.length) {
+        return arrayDest;
+    }
+    return arrayDest.map((pathIndex, index) => index === arrayInit.length - 1 ? pathIndex - 1 : pathIndex);
+}
+exports.prepareShift = prepareShift;
+const getUrlOrigin = (url) => {
+    try {
+        const urlObject = new URL(url);
+        return urlObject.origin;
+    }
+    catch (_a) {
+        return undefined;
+    }
+};
+exports.getUrlOrigin = getUrlOrigin;

package/build/cjs/editor-v2/utils/store.d.ts

@@ -0,0 +1,14 @@
+import { StoreApi } from 'zustand';
+export declare function initializeStore<State, Methods>(initialState: State, methods: (set: StoreApi<State & Methods>['setState'], get: StoreApi<State & Methods>['getState']) => Methods): (overrideInitialState?: Partial<State>) => import("zustand").UseBoundStore<Omit<Omit<StoreApi<State & Methods>, "subscribe"> & {
+    subscribe: {
+        (listener: (selectedState: State & Methods, previousSelectedState: State & Methods) => void): () => void;
+        <U>(selector: (state: State & Methods) => U, listener: (selectedState: U, previousSelectedState: U) => void, options?: {
+            equalityFn?: ((a: U, b: U) => boolean) | undefined;
+            fireImmediately?: boolean | undefined;
+        } | undefined): () => void;
+    };
+}, "setState"> & {
+    setState<A extends string | {
+        type: string;
+    }>(partial: (State & Methods) | Partial<State & Methods> | ((state: State & Methods) => (State & Methods) | Partial<State & Methods>), replace?: boolean | undefined, action?: A | undefined): void;
+}>;

package/build/cjs/editor-v2/utils/store.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.initializeStore = void 0;
+const zustand_1 = require("zustand");
+const middleware_1 = require("zustand/middleware");
+function initializeStore(initialState, methods) {
+    return (overrideInitialState) => (0, zustand_1.create)((0, middleware_1.subscribeWithSelector)((0, middleware_1.devtools)((set, get) => (Object.assign(Object.assign(Object.assign({}, initialState), overrideInitialState), methods(set, get))))));
+}
+exports.initializeStore = initializeStore;

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;