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

package/build/cjs/containers/PageConstructor/components/ConstructorRow/ConstructorRow.js

@@ -2,9 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ConstructorRow = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const grid_1 = require("../../../../grid/index.js");
 const utils_1 = require("../../../../utils/index.js");
 const b = (0, utils_1.block)('constructor-row');
-const ConstructorRow = ({ children }) => children ? ((0, jsx_runtime_1.jsx)(grid_1.Row, { className: b(), children: (0, jsx_runtime_1.jsx)(grid_1.Col, { children: children }) })) : null;
+const ConstructorRow = ({ children }) => children ? (0, jsx_runtime_1.jsx)("div", { className: b(), children: children }) : null;
 exports.ConstructorRow = ConstructorRow;
 //# sourceMappingURL=ConstructorRow.js.map

package/build/cjs/containers/PageConstructor/components/ConstructorRow/ConstructorRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConstructorRow.js","sourceRoot":"../../../../../../src","sources":["containers/PageConstructor/components/ConstructorRow/ConstructorRow.tsx"],"names":[],"mappings":";;;;AAEA,oDAA0C;AAC1C,sDAAwC;AAIxC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,iBAAiB,CAAC,CAAC;AAE5B,MAAM,cAAc,GAAG,CAAC,EAAC,QAAQ,EAA8B,EAAE,EAAE,CACtE,QAAQ,CAAC,CAAC,CAAC,CACP,uBAAC,UAAG,IAAC,SAAS,EAAE,CAAC,EAAE,YACf,uBAAC,UAAG,cAAE,QAAQ,GAAO,GACnB,CACT,CAAC,CAAC,CAAC,IAAI,CAAC;AALA,QAAA,cAAc,kBAKd","sourcesContent":["import * as React from 'react';\n\nimport {Col, Row} from '../../../../grid';\nimport {block} from '../../../../utils';\n\nimport './ConstructorRow.scss';\n\nconst b = block('constructor-row');\n\nexport const ConstructorRow = ({children}: React.PropsWithChildren<{}>) =>\n    children ? (\n        <Row className={b()}>\n            <Col>{children}</Col>\n        </Row>\n    ) : null;\n"]}
+{"version":3,"file":"ConstructorRow.js","sourceRoot":"../../../../../../src","sources":["containers/PageConstructor/components/ConstructorRow/ConstructorRow.tsx"],"names":[],"mappings":";;;;AAEA,sDAAwC;AAIxC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,iBAAiB,CAAC,CAAC;AAE5B,MAAM,cAAc,GAAG,CAAC,EAAC,QAAQ,EAA8B,EAAE,EAAE,CACtE,QAAQ,CAAC,CAAC,CAAC,gCAAK,SAAS,EAAE,CAAC,EAAE,YAAG,QAAQ,GAAO,CAAC,CAAC,CAAC,IAAI,CAAC;AAD/C,QAAA,cAAc,kBACiC","sourcesContent":["import * as React from 'react';\n\nimport {block} from '../../../../utils';\n\nimport './ConstructorRow.scss';\n\nconst b = block('constructor-row');\n\nexport const ConstructorRow = ({children}: React.PropsWithChildren<{}>) =>\n    children ? <div className={b()}>{children}</div> : null;\n"]}

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

@@ -1,3 +1,3 @@
 import * as React from 'react';
-export type BlockIdContextProp = string;
-export declare const BlockIdContext: React.Context<string>;
+export type BlockIdContextProp = number[];
+export declare const BlockIdContext: React.Context<BlockIdContextProp>;

package/build/cjs/context/blockIdContext/blockIdContext.js

@@ -3,5 +3,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.BlockIdContext = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
-exports.BlockIdContext = React.createContext('');
+exports.BlockIdContext = React.createContext([]);
 //# sourceMappingURL=blockIdContext.js.map

package/build/cjs/context/blockIdContext/blockIdContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"blockIdContext.js","sourceRoot":"../../../../src","sources":["context/blockIdContext/blockIdContext.ts"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAIlB,QAAA,cAAc,GAAG,KAAK,CAAC,aAAa,CAAqB,EAAE,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nexport type BlockIdContextProp = string;\n\nexport const BlockIdContext = React.createContext<BlockIdContextProp>('');\n"]}
+{"version":3,"file":"blockIdContext.js","sourceRoot":"../../../../src","sources":["context/blockIdContext/blockIdContext.ts"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAIlB,QAAA,cAAc,GAAG,KAAK,CAAC,aAAa,CAAqB,EAAE,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nexport type BlockIdContextProp = number[];\n\nexport const BlockIdContext = React.createContext<BlockIdContextProp>([]);\n"]}

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

@@ -0,0 +1,13 @@
+import * as React from 'react';
+export type BlockRegistry = {
+    register: (pathKey: string, path: number[], element: HTMLElement, dropZone?: boolean) => void;
+    unregister: (pathKey: string) => void;
+    subscribe: (listener: () => void) => () => void;
+    getEntries: () => Array<{
+        path: number[];
+        element: HTMLElement;
+        dropZone?: boolean;
+    }>;
+};
+export declare const BlockRegistryContext: React.Context<BlockRegistry | null>;
+export declare function pathKey(path: number[]): string;

package/build/cjs/context/blockRegistryContext/blockRegistryContext.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BlockRegistryContext = void 0;
+exports.pathKey = pathKey;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+exports.BlockRegistryContext = React.createContext(null);
+function pathKey(path) {
+    return path.join('.');
+}
+//# sourceMappingURL=blockRegistryContext.js.map

package/build/cjs/context/blockRegistryContext/blockRegistryContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"blockRegistryContext.js","sourceRoot":"../../../../src","sources":["context/blockRegistryContext/blockRegistryContext.ts"],"names":[],"mappings":";;;AAWA,0BAEC;;AAbD,qDAA+B;AASlB,QAAA,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAAuB,IAAI,CAAC,CAAC;AAEpF,SAAgB,OAAO,CAAC,IAAc;IAClC,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC1B,CAAC","sourcesContent":["import * as React from 'react';\n\nexport type BlockRegistry = {\n    register: (pathKey: string, path: number[], element: HTMLElement, dropZone?: boolean) => void;\n    unregister: (pathKey: string) => void;\n    subscribe: (listener: () => void) => () => void;\n    getEntries: () => Array<{path: number[]; element: HTMLElement; dropZone?: boolean}>;\n};\n\nexport const BlockRegistryContext = React.createContext<BlockRegistry | null>(null);\n\nexport function pathKey(path: number[]): string {\n    return path.join('.');\n}\n"]}

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

@@ -0,0 +1,2 @@
+export * from "./blockRegistryContext.js";
+export * from "./useBlockRegistryProvider.js";

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

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./blockRegistryContext.js"), exports);
+tslib_1.__exportStar(require("./useBlockRegistryProvider.js"), exports);
+//# sourceMappingURL=index.js.map

package/build/cjs/context/blockRegistryContext/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["context/blockRegistryContext/index.ts"],"names":[],"mappings":";;;AAAA,oEAAuC;AACvC,wEAA2C","sourcesContent":["export * from './blockRegistryContext';\nexport * from './useBlockRegistryProvider';\n"]}

package/build/cjs/context/blockRegistryContext/useBlockRegistryProvider.d.ts

@@ -0,0 +1,2 @@
+import { BlockRegistry } from "./blockRegistryContext.js";
+export declare function useBlockRegistryProvider(): BlockRegistry;

package/build/cjs/context/blockRegistryContext/useBlockRegistryProvider.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useBlockRegistryProvider = useBlockRegistryProvider;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+function useBlockRegistryProvider() {
+    const entriesRef = React.useRef(new Map());
+    const listenersRef = React.useRef(new Set());
+    return React.useMemo(() => {
+        const notify = () => {
+            for (const listener of listenersRef.current) {
+                listener();
+            }
+        };
+        return {
+            register(pathKey, path, element, dropZone) {
+                entriesRef.current.set(pathKey, { path, element, dropZone });
+                notify();
+            },
+            unregister(pathKey) {
+                if (entriesRef.current.delete(pathKey)) {
+                    notify();
+                }
+            },
+            subscribe(listener) {
+                listenersRef.current.add(listener);
+                return () => {
+                    listenersRef.current.delete(listener);
+                };
+            },
+            getEntries() {
+                return Array.from(entriesRef.current.values());
+            },
+        };
+    }, []);
+}
+//# sourceMappingURL=useBlockRegistryProvider.js.map

package/build/cjs/context/blockRegistryContext/useBlockRegistryProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBlockRegistryProvider.js","sourceRoot":"../../../../src","sources":["context/blockRegistryContext/useBlockRegistryProvider.ts"],"names":[],"mappings":";;AAIA,4DAkCC;;AAtCD,qDAA+B;AAI/B,SAAgB,wBAAwB;IACpC,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAC3B,IAAI,GAAG,EAAsE,CAChF,CAAC;IACF,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,GAAG,EAAc,CAAC,CAAC;IAEzD,OAAO,KAAK,CAAC,OAAO,CAAgB,GAAG,EAAE;QACrC,MAAM,MAAM,GAAG,GAAG,EAAE;YAChB,KAAK,MAAM,QAAQ,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;gBAC1C,QAAQ,EAAE,CAAC;YACf,CAAC;QACL,CAAC,CAAC;QAEF,OAAO;YACH,QAAQ,CAAC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ;gBACrC,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,EAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAC,CAAC,CAAC;gBAC3D,MAAM,EAAE,CAAC;YACb,CAAC;YACD,UAAU,CAAC,OAAO;gBACd,IAAI,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC;oBACrC,MAAM,EAAE,CAAC;gBACb,CAAC;YACL,CAAC;YACD,SAAS,CAAC,QAAQ;gBACd,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;gBACnC,OAAO,GAAG,EAAE;oBACR,YAAY,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;gBAC1C,CAAC,CAAC;YACN,CAAC;YACD,UAAU;gBACN,OAAO,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;YACnD,CAAC;SACJ,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;AACX,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {BlockRegistry} from './blockRegistryContext';\n\nexport function useBlockRegistryProvider(): BlockRegistry {\n    const entriesRef = React.useRef(\n        new Map<string, {path: number[]; element: HTMLElement; dropZone?: boolean}>(),\n    );\n    const listenersRef = React.useRef(new Set<() => void>());\n\n    return React.useMemo<BlockRegistry>(() => {\n        const notify = () => {\n            for (const listener of listenersRef.current) {\n                listener();\n            }\n        };\n\n        return {\n            register(pathKey, path, element, dropZone) {\n                entriesRef.current.set(pathKey, {path, element, dropZone});\n                notify();\n            },\n            unregister(pathKey) {\n                if (entriesRef.current.delete(pathKey)) {\n                    notify();\n                }\n            },\n            subscribe(listener) {\n                listenersRef.current.add(listener);\n                return () => {\n                    listenersRef.current.delete(listener);\n                };\n            },\n            getEntries() {\n                return Array.from(entriesRef.current.values());\n            },\n        };\n    }, []);\n}\n"]}

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

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { BlockData } from "../../constructor-items.js";
+export type BlocksContextProps = {
+    blocks: Array<BlockData>;
+};
+export declare const BlocksContext: React.Context<BlocksContextProps>;

package/build/cjs/context/blocksContext/blocksContext.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BlocksContext = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+exports.BlocksContext = React.createContext({ blocks: [] });
+//# sourceMappingURL=blocksContext.js.map

package/build/cjs/context/blocksContext/blocksContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"blocksContext.js","sourceRoot":"../../../../src","sources":["context/blocksContext/blocksContext.ts"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAQlB,QAAA,aAAa,GAAG,KAAK,CAAC,aAAa,CAAqB,EAAC,MAAM,EAAE,EAAE,EAAC,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {BlockData} from '../../constructor-items';\n\nexport type BlocksContextProps = {\n    blocks: Array<BlockData>;\n};\n\nexport const BlocksContext = React.createContext<BlocksContextProps>({blocks: []});\n"]}

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

@@ -0,0 +1 @@
+export * from "./blocksContext.js";

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./blocksContext.js"), exports);
+//# sourceMappingURL=index.js.map

package/build/cjs/context/blocksContext/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["context/blocksContext/index.ts"],"names":[],"mappings":";;;AAAA,6DAAgC","sourcesContent":["export * from './blocksContext';\n"]}

package/build/cjs/context/editorStoreContext/PCEditorStoreContext.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { StoreApi } from 'zustand';
+import { EditorState } from "../../common/store.js";
+export interface PCEditorStoreContextProps {
+    state: StoreApi<EditorState>;
+}
+export declare const PCEditorStoreContext: React.Context<PCEditorStoreContextProps>;

package/build/cjs/context/editorStoreContext/PCEditorStoreContext.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PCEditorStoreContext = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const store_1 = require("../../common/store.js");
+exports.PCEditorStoreContext = React.createContext({
+    state: (0, store_1.createPCEditorStore)(),
+});
+//# sourceMappingURL=PCEditorStoreContext.js.map

package/build/cjs/context/editorStoreContext/PCEditorStoreContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PCEditorStoreContext.js","sourceRoot":"../../../../src","sources":["context/editorStoreContext/PCEditorStoreContext.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAI/B,iDAAoE;AAMvD,QAAA,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAA4B;IAC/E,KAAK,EAAE,IAAA,2BAAmB,GAAE;CAC/B,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {StoreApi} from 'zustand';\n\nimport {EditorState, createPCEditorStore} from '../../common/store';\n\nexport interface PCEditorStoreContextProps {\n    state: StoreApi<EditorState>;\n}\n\nexport const PCEditorStoreContext = React.createContext<PCEditorStoreContextProps>({\n    state: createPCEditorStore(),\n});\n"]}

package/build/cjs/context/editorStoreContext/PCEditorStoreProvider.d.ts

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

package/build/cjs/context/editorStoreContext/PCEditorStoreProvider.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PCEditorStoreProvider = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
+const store_1 = require("../../common/store.js");
+const usePostMessageAPI_1 = require("../../hooks/usePostMessageAPI.js");
+const PCEditorStoreContext_1 = require("./PCEditorStoreContext.js");
+const PCEditorStoreProvider = ({ children }) => {
+    const storeRef = React.useRef();
+    const syncStore = React.useCallback((message) => {
+        if (storeRef.current && message.state) {
+            storeRef.current.setState(message.state);
+        }
+    }, []);
+    React.useEffect(() => {
+        const onMessage = (e) => {
+            const message = e.data;
+            syncStore(message);
+        };
+        window.addEventListener('message', onMessage);
+        return () => {
+            window.removeEventListener('message', onMessage);
+        };
+    }, [syncStore]);
+    // When Page Constructor runs inside the editor preview iframe, keyboard focus stays in the iframe
+    // after clicking the canvas — parent window never receives Cmd+Z. Forward to parent via postMessage.
+    React.useEffect(() => {
+        if (typeof window === 'undefined' || window.parent === window) {
+            return undefined;
+        }
+        const onKeyDown = (e) => {
+            if (!(e.metaKey || e.ctrlKey) || e.key.toLowerCase() !== 'z') {
+                return;
+            }
+            const target = e.target;
+            if (target?.closest('input, textarea, select, [contenteditable="true"]')) {
+                return;
+            }
+            e.preventDefault();
+            if (e.shiftKey) {
+                (0, usePostMessageAPI_1.sendEventPostMessage)('ON_EDITOR_REDO', {});
+            }
+            else {
+                (0, usePostMessageAPI_1.sendEventPostMessage)('ON_EDITOR_UNDO', {});
+            }
+        };
+        window.addEventListener('keydown', onKeyDown, true);
+        return () => window.removeEventListener('keydown', onKeyDown, true);
+    }, []);
+    if (!storeRef.current) {
+        storeRef.current = (0, store_1.createPCEditorStore)();
+    }
+    return ((0, jsx_runtime_1.jsx)(PCEditorStoreContext_1.PCEditorStoreContext.Provider, { value: {
+            state: storeRef.current,
+        }, children: children }));
+};
+exports.PCEditorStoreProvider = PCEditorStoreProvider;
+//# sourceMappingURL=PCEditorStoreProvider.js.map

package/build/cjs/context/editorStoreContext/PCEditorStoreProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PCEditorStoreProvider.js","sourceRoot":"../../../../src","sources":["context/editorStoreContext/PCEditorStoreProvider.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAI/B,iDAAoE;AAEpE,wEAAmE;AAEnE,oEAA4D;AAIrD,MAAM,qBAAqB,GAAG,CAAC,EAAC,QAAQ,EAA6B,EAAE,EAAE;IAC5E,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,EAAyB,CAAC;IAEvD,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,OAAyB,EAAE,EAAE;QAC9D,IAAI,QAAQ,CAAC,OAAO,IAAI,OAAO,CAAC,KAAK,EAAE,CAAC;YACpC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAC7C,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,SAAS,GAAG,CAAC,CAAe,EAAE,EAAE;YAClC,MAAM,OAAO,GAAG,CAAC,CAAC,IAAwB,CAAC;YAC3C,SAAS,CAAC,OAAO,CAAC,CAAC;QACvB,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAE9C,OAAO,GAAG,EAAE;YACR,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QACrD,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,kGAAkG;IAClG,qGAAqG;IACrG,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,MAAM,CAAC,MAAM,KAAK,MAAM,EAAE,CAAC;YAC5D,OAAO,SAAS,CAAC;QACrB,CAAC;QACD,MAAM,SAAS,GAAG,CAAC,CAAgB,EAAE,EAAE;YACnC,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,KAAK,GAAG,EAAE,CAAC;gBAC3D,OAAO;YACX,CAAC;YAED,MAAM,MAAM,GAAG,CAAC,CAAC,MAA4B,CAAC;YAC9C,IAAI,MAAM,EAAE,OAAO,CAAC,mDAAmD,CAAC,EAAE,CAAC;gBACvE,OAAO;YACX,CAAC;YAED,CAAC,CAAC,cAAc,EAAE,CAAC;YAEnB,IAAI,CAAC,CAAC,QAAQ,EAAE,CAAC;gBACb,IAAA,wCAAoB,EAAC,gBAAgB,EAAE,EAAE,CAAC,CAAC;YAC/C,CAAC;iBAAM,CAAC;gBACJ,IAAA,wCAAoB,EAAC,gBAAgB,EAAE,EAAE,CAAC,CAAC;YAC/C,CAAC;QACL,CAAC,CAAC;QACF,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC;QACpD,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC;IACxE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;QACpB,QAAQ,CAAC,OAAO,GAAG,IAAA,2BAAmB,GAAE,CAAC;IAC7C,CAAC;IAED,OAAO,CACH,uBAAC,2CAAoB,CAAC,QAAQ,IAC1B,KAAK,EAAE;YACH,KAAK,EAAE,QAAQ,CAAC,OAAO;SAC1B,YAEA,QAAQ,GACmB,CACnC,CAAC;AACN,CAAC,CAAC;AA/DW,QAAA,qBAAqB,yBA+DhC","sourcesContent":["import * as React from 'react';\n\nimport {StoreApi} from 'zustand';\n\nimport {EditorState, createPCEditorStore} from '../../common/store';\nimport {StoreSyncMessage} from '../../common/types';\nimport {sendEventPostMessage} from '../../hooks/usePostMessageAPI';\n\nimport {PCEditorStoreContext} from './PCEditorStoreContext';\n\ninterface PCEditorStoreProviderProps extends React.PropsWithChildren {}\n\nexport const PCEditorStoreProvider = ({children}: PCEditorStoreProviderProps) => {\n    const storeRef = React.useRef<StoreApi<EditorState>>();\n\n    const syncStore = React.useCallback((message: StoreSyncMessage) => {\n        if (storeRef.current && message.state) {\n            storeRef.current.setState(message.state);\n        }\n    }, []);\n\n    React.useEffect(() => {\n        const onMessage = (e: MessageEvent) => {\n            const message = e.data as StoreSyncMessage;\n            syncStore(message);\n        };\n\n        window.addEventListener('message', onMessage);\n\n        return () => {\n            window.removeEventListener('message', onMessage);\n        };\n    }, [syncStore]);\n\n    // When Page Constructor runs inside the editor preview iframe, keyboard focus stays in the iframe\n    // after clicking the canvas — parent window never receives Cmd+Z. Forward to parent via postMessage.\n    React.useEffect(() => {\n        if (typeof window === 'undefined' || window.parent === window) {\n            return undefined;\n        }\n        const onKeyDown = (e: KeyboardEvent) => {\n            if (!(e.metaKey || e.ctrlKey) || e.key.toLowerCase() !== 'z') {\n                return;\n            }\n\n            const target = e.target as HTMLElement | null;\n            if (target?.closest('input, textarea, select, [contenteditable=\"true\"]')) {\n                return;\n            }\n\n            e.preventDefault();\n\n            if (e.shiftKey) {\n                sendEventPostMessage('ON_EDITOR_REDO', {});\n            } else {\n                sendEventPostMessage('ON_EDITOR_UNDO', {});\n            }\n        };\n        window.addEventListener('keydown', onKeyDown, true);\n        return () => window.removeEventListener('keydown', onKeyDown, true);\n    }, []);\n\n    if (!storeRef.current) {\n        storeRef.current = createPCEditorStore();\n    }\n\n    return (\n        <PCEditorStoreContext.Provider\n            value={{\n                state: storeRef.current,\n            }}\n        >\n            {children}\n        </PCEditorStoreContext.Provider>\n    );\n};\n"]}

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

@@ -0,0 +1,2 @@
+export * from "./PCEditorStoreContext.js";
+export * from "./PCEditorStoreProvider.js";

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

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./PCEditorStoreContext.js"), exports);
+tslib_1.__exportStar(require("./PCEditorStoreProvider.js"), exports);
+//# sourceMappingURL=index.js.map

package/build/cjs/context/editorStoreContext/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["context/editorStoreContext/index.ts"],"names":[],"mappings":";;;AAAA,oEAAuC;AACvC,qEAAwC","sourcesContent":["export * from './PCEditorStoreContext';\nexport * from './PCEditorStoreProvider';\n"]}

package/build/cjs/context/innerContext/InnerContext.d.ts

@@ -1,18 +1,18 @@
 import * as React from 'react';
-import { ItemMap, NavItemMap } from "../../containers/PageConstructor/PageConstructor.js";
-import { CustomConfig, LoadableConfig, ShouldRenderBlock } from "../../models/index.js";
+import { BlockData } from "../../constructor-items.js";
+import { NavItemMap } from "../../containers/PageConstructor/PageConstructor.js";
+import { BlockWrapperDataProps, LoadableConfig, PageContent, ShouldRenderBlock } from "../../models/index.js";
+export interface BlockWrapperEntry {
+    wrapper: React.ComponentType<BlockWrapperDataProps & React.PropsWithChildren>;
+    props?: object;
+}
 export interface InnerContextType {
-    blockTypes: string[];
-    subBlockTypes: string[];
-    headerBlockTypes: string[];
-    navigationBlockTypes: string[];
-    itemMap: ItemMap;
     navItemMap: NavItemMap;
     loadables?: LoadableConfig;
     shouldRenderBlock?: ShouldRenderBlock;
-    customization?: Pick<CustomConfig, 'decorators'>;
-    microdata?: {
-        contentUpdatedDate?: string;
-    };
+    blockWrappers?: BlockWrapperEntry[];
+    blocks: Array<BlockData>;
+    content: PageContent;
+    setContent: React.Dispatch<React.SetStateAction<PageContent>>;
 }
 export declare const InnerContext: React.Context<InnerContextType>;

package/build/cjs/context/innerContext/InnerContext.js

@@ -4,12 +4,10 @@ exports.InnerContext = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 exports.InnerContext = React.createContext({
-    blockTypes: [],
-    subBlockTypes: [],
-    headerBlockTypes: [],
-    navigationBlockTypes: [],
-    itemMap: {},
     navItemMap: {},
-    microdata: {},
+    blocks: [],
+    content: { blocks: [] },
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    setContent: () => { },
 });
 //# sourceMappingURL=InnerContext.js.map

package/build/cjs/context/innerContext/InnerContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"InnerContext.js","sourceRoot":"../../../../src","sources":["context/innerContext/InnerContext.ts"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAoBlB,QAAA,YAAY,GAAG,KAAK,CAAC,aAAa,CAAmB;IAC9D,UAAU,EAAE,EAAE;IACd,aAAa,EAAE,EAAE;IACjB,gBAAgB,EAAE,EAAE;IACpB,oBAAoB,EAAE,EAAE;IACxB,OAAO,EAAE,EAAa;IACtB,UAAU,EAAE,EAAgB;IAC5B,SAAS,EAAE,EAAE;CAChB,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {ItemMap, NavItemMap} from '../../containers/PageConstructor/PageConstructor';\nimport {CustomConfig, LoadableConfig, ShouldRenderBlock} from '../../models';\n\nexport interface InnerContextType {\n    blockTypes: string[];\n    subBlockTypes: string[];\n    headerBlockTypes: string[];\n    navigationBlockTypes: string[];\n    itemMap: ItemMap;\n    navItemMap: NavItemMap;\n    loadables?: LoadableConfig;\n    shouldRenderBlock?: ShouldRenderBlock;\n    customization?: Pick<CustomConfig, 'decorators'>;\n    microdata?: {\n        contentUpdatedDate?: string;\n    };\n}\n\nexport const InnerContext = React.createContext<InnerContextType>({\n    blockTypes: [],\n    subBlockTypes: [],\n    headerBlockTypes: [],\n    navigationBlockTypes: [],\n    itemMap: {} as ItemMap,\n    navItemMap: {} as NavItemMap,\n    microdata: {},\n});\n"]}
+{"version":3,"file":"InnerContext.js","sourceRoot":"../../../../src","sources":["context/innerContext/InnerContext.ts"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAqBlB,QAAA,YAAY,GAAG,KAAK,CAAC,aAAa,CAAmB;IAC9D,UAAU,EAAE,EAAgB;IAC5B,MAAM,EAAE,EAAE;IACV,OAAO,EAAE,EAAC,MAAM,EAAE,EAAE,EAAC;IACrB,gEAAgE;IAChE,UAAU,EAAE,GAAG,EAAE,GAAE,CAAC;CACvB,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {BlockData} from '../../constructor-items';\nimport {NavItemMap} from '../../containers/PageConstructor/PageConstructor';\nimport {BlockWrapperDataProps, LoadableConfig, PageContent, ShouldRenderBlock} from '../../models';\n\nexport interface BlockWrapperEntry {\n    wrapper: React.ComponentType<BlockWrapperDataProps & React.PropsWithChildren>;\n    props?: object;\n}\n\nexport interface InnerContextType {\n    navItemMap: NavItemMap;\n    loadables?: LoadableConfig;\n    shouldRenderBlock?: ShouldRenderBlock;\n    blockWrappers?: BlockWrapperEntry[];\n    blocks: Array<BlockData>;\n    content: PageContent;\n    setContent: React.Dispatch<React.SetStateAction<PageContent>>;\n}\n\nexport const InnerContext = React.createContext<InnerContextType>({\n    navItemMap: {} as NavItemMap,\n    blocks: [],\n    content: {blocks: []},\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    setContent: () => {},\n});\n"]}

package/build/cjs/demo/ContentAndData.stories.js

@@ -5,51 +5,56 @@ const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const utils_1 = require("../../.storybook/utils.js");
 const PageConstructor_1 = require("../containers/PageConstructor/index.js");
-const CustomComponent_1 = require("../navigation/__stories__/CustomComponent/CustomComponent.js");
+const extensions_1 = require("../gravity-blocks/extensions/index.js");
+const CustomComponent_1 = require("../gravity-blocks/navigation/__stories__/CustomComponent/CustomComponent.js");
 const data_json_1 = tslib_1.__importDefault(require("../blocks/ContentLayout/__stories__/data.json"));
 const data_json_2 = tslib_1.__importDefault(require("../blocks/FoldableList/__stories__/data.json"));
 const data_json_3 = tslib_1.__importDefault(require("../blocks/Questions/__stories__/data.json"));
 const data_json_4 = tslib_1.__importDefault(require("../blocks/Table/__stories__/data.json"));
 const data_json_5 = tslib_1.__importDefault(require("../blocks/Tabs/__stories__/data.json"));
-const data_json_6 = tslib_1.__importDefault(require("../navigation/__stories__/data.json"));
+const data_json_6 = tslib_1.__importDefault(require("../gravity-blocks/navigation/__stories__/data.json"));
 exports.default = {
     title: 'Lab/Tokenization/Blocks/ContentAndData',
     component: PageConstructor_1.PageConstructor,
 };
-const Template = ({ navigation, custom = {}, }) => ((0, jsx_runtime_1.jsx)(PageConstructor_1.PageConstructor, { navigation: navigation, custom: custom, content: {
-        blocks: [
-            // content-layout-block: default text only
-            (0, utils_1.blockTransform)(data_json_1.default.default),
-            // content-layout-block: centered
-            (0, utils_1.blockTransform)(data_json_1.default.textAlignCenter),
-            // content-layout-block: with background color
-            (0, utils_1.blockTransform)(data_json_1.default.withBackgroundColor),
-            // content-layout-block: with background image + color
-            (0, utils_1.blockTransform)(data_json_1.default.withImageAndBackgroundColor),
-            // content-layout-block: dark monochrome theme
-            (0, utils_1.blockTransform)(data_json_1.default.theme[0]),
-            // content-layout-block: light monochrome theme
-            (0, utils_1.blockTransform)(data_json_1.default.theme[1]),
-            // content-layout-block variants with list/links/buttons
-            ...data_json_1.default.contentVariables.map(utils_1.blockTransform),
-            // tabs-block: default (all tab types: image, video, youtube)
-            (0, utils_1.blockTransform)(data_json_5.default.default.content),
-            // questions-block: default with links
-            (0, utils_1.blockTransform)(data_json_3.default.default.content),
-            // questions-block: with bullet list items
-            (0, utils_1.blockTransform)(data_json_3.default.textWithListBullet.content),
-            // foldable-list-block: default
-            (0, utils_1.blockTransform)(data_json_2.default.default),
-            // foldable-list-block: with bullet list items
-            (0, utils_1.blockTransform)(data_json_2.default.textWithListBullet),
-            // foldable-list-block: with dash list items
-            (0, utils_1.blockTransform)(data_json_2.default.textWithListDash),
-            // table-block: numeric values (0/1)
-            (0, utils_1.blockTransform)(data_json_4.default.default.content),
-            // table-block: tick markers
-            (0, utils_1.blockTransform)(data_json_4.default.tick.content),
-        ],
-    } }));
+const Template = ({ navigation, custom = {}, }) => ((0, jsx_runtime_1.jsx)(PageConstructor_1.PageConstructorProvider, { children: (0, jsx_runtime_1.jsx)(PageConstructor_1.PageConstructor, { extensions: (0, extensions_1.gravityBlocksExtension)({
+            globalDefaults: {
+                navigation,
+            },
+        }), custom: custom, content: {
+            blocks: [
+                // content-layout-block: default text only
+                (0, utils_1.blockTransform)(data_json_1.default.default),
+                // content-layout-block: centered
+                (0, utils_1.blockTransform)(data_json_1.default.textAlignCenter),
+                // content-layout-block: with background color
+                (0, utils_1.blockTransform)(data_json_1.default.withBackgroundColor),
+                // content-layout-block: with background image + color
+                (0, utils_1.blockTransform)(data_json_1.default.withImageAndBackgroundColor),
+                // content-layout-block: dark monochrome theme
+                (0, utils_1.blockTransform)(data_json_1.default.theme[0]),
+                // content-layout-block: light monochrome theme
+                (0, utils_1.blockTransform)(data_json_1.default.theme[1]),
+                // content-layout-block variants with list/links/buttons
+                ...data_json_1.default.contentVariables.map(utils_1.blockTransform),
+                // tabs-block: default (all tab types: image, video, youtube)
+                (0, utils_1.blockTransform)(data_json_5.default.default.content),
+                // questions-block: default with links
+                (0, utils_1.blockTransform)(data_json_3.default.default.content),
+                // questions-block: with bullet list items
+                (0, utils_1.blockTransform)(data_json_3.default.textWithListBullet.content),
+                // foldable-list-block: default
+                (0, utils_1.blockTransform)(data_json_2.default.default),
+                // foldable-list-block: with bullet list items
+                (0, utils_1.blockTransform)(data_json_2.default.textWithListBullet),
+                // foldable-list-block: with dash list items
+                (0, utils_1.blockTransform)(data_json_2.default.textWithListDash),
+                // table-block: numeric values (0/1)
+                (0, utils_1.blockTransform)(data_json_4.default.default.content),
+                // table-block: tick markers
+                (0, utils_1.blockTransform)(data_json_4.default.tick.content),
+            ],
+        } }) }));
 exports.Default = Template.bind({});
 exports.Default.args = {
     custom: {

package/build/cjs/demo/ContentAndData.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentAndData.stories.js","sourceRoot":"../../../src","sources":["demo/ContentAndData.stories.tsx"],"names":[],"mappings":";;;;;AAEA,qDAAsD;AACtD,4EAA8D;AAE9D,kGAA0F;AAE1F,sGAA8E;AAC9E,qGAA4E;AAC5E,kGAAsE;AACtE,8FAA8D;AAC9D,6FAA4D;AAC5D,4FAA0D;AAE1D,kBAAe;IACX,KAAK,EAAE,wCAAwC;IAC/C,SAAS,EAAE,iCAAe;CACrB,CAAC;AAEV,MAAM,QAAQ,GAAiE,CAAC,EAC5E,UAAU,EACV,MAAM,GAAG,EAAE,GACd,EAAE,EAAE,CAAC,CACF,uBAAC,iCAAe,IACZ,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,OAAO,EACH;QACI,MAAM,EAAE;YACJ,0CAA0C;YAC1C,IAAA,sBAAc,EAAC,mBAAiB,CAAC,OAAO,CAAC;YACzC,iCAAiC;YACjC,IAAA,sBAAc,EAAC,mBAAiB,CAAC,eAAe,CAAC;YACjD,8CAA8C;YAC9C,IAAA,sBAAc,EAAC,mBAAiB,CAAC,mBAAmB,CAAC;YACrD,sDAAsD;YACtD,IAAA,sBAAc,EAAC,mBAAiB,CAAC,2BAA2B,CAAC;YAC7D,8CAA8C;YAC9C,IAAA,sBAAc,EAAC,mBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAC1C,+CAA+C;YAC/C,IAAA,sBAAc,EAAC,mBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAC1C,wDAAwD;YACxD,GAAG,mBAAiB,CAAC,gBAAgB,CAAC,GAAG,CAAC,sBAAc,CAAC;YAEzD,6DAA6D;YAC7D,IAAA,sBAAc,EAAC,mBAAQ,CAAC,OAAO,CAAC,OAAO,CAAC;YAExC,sCAAsC;YACtC,IAAA,sBAAc,EAAC,mBAAa,CAAC,OAAO,CAAC,OAAO,CAAC;YAC7C,0CAA0C;YAC1C,IAAA,sBAAc,EAAC,mBAAa,CAAC,kBAAkB,CAAC,OAAO,CAAC;YAExD,+BAA+B;YAC/B,IAAA,sBAAc,EAAC,mBAAgB,CAAC,OAAO,CAAC;YACxC,8CAA8C;YAC9C,IAAA,sBAAc,EAAC,mBAAgB,CAAC,kBAAkB,CAAC;YACnD,4CAA4C;YAC5C,IAAA,sBAAc,EAAC,mBAAgB,CAAC,gBAAgB,CAAC;YAEjD,oCAAoC;YACpC,IAAA,sBAAc,EAAC,mBAAS,CAAC,OAAO,CAAC,OAAO,CAAC;YACzC,4BAA4B;YAC5B,IAAA,sBAAc,EAAC,mBAAS,CAAC,IAAI,CAAC,OAAO,CAAC;SACzC;KACW,GAEtB,CACL,CAAC;AAEW,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACX,MAAM,EAAE;QACJ,UAAU,EAAE;YACR,aAAa,EAAE,iCAAe;SACjC;KACJ;IACD,UAAU,EAAE;QACR,GAAG,mBAAO,CAAC,UAAU;QACrB,MAAM,EAAE;YACJ,GAAG,mBAAO,CAAC,UAAU,CAAC,MAAM;YAC5B,UAAU,EAAE;gBACR,GAAG,mBAAO,CAAC,UAAU,CAAC,MAAM,CAAC,UAAU;gBACvC;oBACI,IAAI,EAAE,aAAa;iBACtB;aACJ;SACJ;KACc;CACtB,CAAC","sourcesContent":["import {Meta, StoryFn} from '@storybook/react';\n\nimport {blockTransform} from '../../.storybook/utils';\nimport {PageConstructor} from '../containers/PageConstructor';\nimport {CustomConfig, NavigationData, PageContent} from '../models';\nimport {CustomComponent} from '../navigation/__stories__/CustomComponent/CustomComponent';\n\nimport contentLayoutData from '../blocks/ContentLayout/__stories__/data.json';\nimport foldableListData from '../blocks/FoldableList/__stories__/data.json';\nimport questionsData from '../blocks/Questions/__stories__/data.json';\nimport tableData from '../blocks/Table/__stories__/data.json';\nimport tabsData from '../blocks/Tabs/__stories__/data.json';\nimport navData from '../navigation/__stories__/data.json';\n\nexport default {\n    title: 'Lab/Tokenization/Blocks/ContentAndData',\n    component: PageConstructor,\n} as Meta;\n\nconst Template: StoryFn<{navigation: NavigationData; custom?: CustomConfig}> = ({\n    navigation,\n    custom = {},\n}) => (\n    <PageConstructor\n        navigation={navigation}\n        custom={custom}\n        content={\n            {\n                blocks: [\n                    // content-layout-block: default text only\n                    blockTransform(contentLayoutData.default),\n                    // content-layout-block: centered\n                    blockTransform(contentLayoutData.textAlignCenter),\n                    // content-layout-block: with background color\n                    blockTransform(contentLayoutData.withBackgroundColor),\n                    // content-layout-block: with background image + color\n                    blockTransform(contentLayoutData.withImageAndBackgroundColor),\n                    // content-layout-block: dark monochrome theme\n                    blockTransform(contentLayoutData.theme[0]),\n                    // content-layout-block: light monochrome theme\n                    blockTransform(contentLayoutData.theme[1]),\n                    // content-layout-block variants with list/links/buttons\n                    ...contentLayoutData.contentVariables.map(blockTransform),\n\n                    // tabs-block: default (all tab types: image, video, youtube)\n                    blockTransform(tabsData.default.content),\n\n                    // questions-block: default with links\n                    blockTransform(questionsData.default.content),\n                    // questions-block: with bullet list items\n                    blockTransform(questionsData.textWithListBullet.content),\n\n                    // foldable-list-block: default\n                    blockTransform(foldableListData.default),\n                    // foldable-list-block: with bullet list items\n                    blockTransform(foldableListData.textWithListBullet),\n                    // foldable-list-block: with dash list items\n                    blockTransform(foldableListData.textWithListDash),\n\n                    // table-block: numeric values (0/1)\n                    blockTransform(tableData.default.content),\n                    // table-block: tick markers\n                    blockTransform(tableData.tick.content),\n                ],\n            } as PageContent\n        }\n    />\n);\n\nexport const Default = Template.bind({});\nDefault.args = {\n    custom: {\n        navigation: {\n            'custom-item': CustomComponent,\n        },\n    },\n    navigation: {\n        ...navData.navigation,\n        header: {\n            ...navData.navigation.header,\n            rightItems: [\n                ...navData.navigation.header.rightItems,\n                {\n                    type: 'custom-item',\n                },\n            ],\n        },\n    } as NavigationData,\n};\n"]}
+{"version":3,"file":"ContentAndData.stories.js","sourceRoot":"../../../src","sources":["demo/ContentAndData.stories.tsx"],"names":[],"mappings":";;;;;AAEA,qDAAsD;AACtD,4EAAuF;AACvF,sEAAoE;AACpE,iHAAyG;AAGzG,sGAA8E;AAC9E,qGAA4E;AAC5E,kGAAsE;AACtE,8FAA8D;AAC9D,6FAA4D;AAC5D,2GAAyE;AAEzE,kBAAe;IACX,KAAK,EAAE,wCAAwC;IAC/C,SAAS,EAAE,iCAAe;CACrB,CAAC;AAEV,MAAM,QAAQ,GAAiE,CAAC,EAC5E,UAAU,EACV,MAAM,GAAG,EAAE,GACd,EAAE,EAAE,CAAC,CACF,uBAAC,yCAAuB,cACpB,uBAAC,iCAAe,IACZ,UAAU,EAAE,IAAA,mCAAsB,EAAC;YAC/B,cAAc,EAAE;gBACZ,UAAU;aACb;SACJ,CAAC,EACF,MAAM,EAAE,MAAM,EACd,OAAO,EACH;YACI,MAAM,EAAE;gBACJ,0CAA0C;gBAC1C,IAAA,sBAAc,EAAC,mBAAiB,CAAC,OAAO,CAAC;gBACzC,iCAAiC;gBACjC,IAAA,sBAAc,EAAC,mBAAiB,CAAC,eAAe,CAAC;gBACjD,8CAA8C;gBAC9C,IAAA,sBAAc,EAAC,mBAAiB,CAAC,mBAAmB,CAAC;gBACrD,sDAAsD;gBACtD,IAAA,sBAAc,EAAC,mBAAiB,CAAC,2BAA2B,CAAC;gBAC7D,8CAA8C;gBAC9C,IAAA,sBAAc,EAAC,mBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;gBAC1C,+CAA+C;gBAC/C,IAAA,sBAAc,EAAC,mBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;gBAC1C,wDAAwD;gBACxD,GAAG,mBAAiB,CAAC,gBAAgB,CAAC,GAAG,CAAC,sBAAc,CAAC;gBAEzD,6DAA6D;gBAC7D,IAAA,sBAAc,EAAC,mBAAQ,CAAC,OAAO,CAAC,OAAO,CAAC;gBAExC,sCAAsC;gBACtC,IAAA,sBAAc,EAAC,mBAAa,CAAC,OAAO,CAAC,OAAO,CAAC;gBAC7C,0CAA0C;gBAC1C,IAAA,sBAAc,EAAC,mBAAa,CAAC,kBAAkB,CAAC,OAAO,CAAC;gBAExD,+BAA+B;gBAC/B,IAAA,sBAAc,EAAC,mBAAgB,CAAC,OAAO,CAAC;gBACxC,8CAA8C;gBAC9C,IAAA,sBAAc,EAAC,mBAAgB,CAAC,kBAAkB,CAAC;gBACnD,4CAA4C;gBAC5C,IAAA,sBAAc,EAAC,mBAAgB,CAAC,gBAAgB,CAAC;gBAEjD,oCAAoC;gBACpC,IAAA,sBAAc,EAAC,mBAAS,CAAC,OAAO,CAAC,OAAO,CAAC;gBACzC,4BAA4B;gBAC5B,IAAA,sBAAc,EAAC,mBAAS,CAAC,IAAI,CAAC,OAAO,CAAC;aACzC;SACW,GAEtB,GACoB,CAC7B,CAAC;AAEW,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACX,MAAM,EAAE;QACJ,UAAU,EAAE;YACR,aAAa,EAAE,iCAAe;SACjC;KACJ;IACD,UAAU,EAAE;QACR,GAAG,mBAAO,CAAC,UAAU;QACrB,MAAM,EAAE;YACJ,GAAG,mBAAO,CAAC,UAAU,CAAC,MAAM;YAC5B,UAAU,EAAE;gBACR,GAAG,mBAAO,CAAC,UAAU,CAAC,MAAM,CAAC,UAAU;gBACvC;oBACI,IAAI,EAAE,aAAa;iBACtB;aACJ;SACJ;KACc;CACtB,CAAC","sourcesContent":["import {Meta, StoryFn} from '@storybook/react';\n\nimport {blockTransform} from '../../.storybook/utils';\nimport {PageConstructor, PageConstructorProvider} from '../containers/PageConstructor';\nimport {gravityBlocksExtension} from '../gravity-blocks/extensions';\nimport {CustomComponent} from '../gravity-blocks/navigation/__stories__/CustomComponent/CustomComponent';\nimport {CustomConfig, NavigationData, PageContent} from '../models';\n\nimport contentLayoutData from '../blocks/ContentLayout/__stories__/data.json';\nimport foldableListData from '../blocks/FoldableList/__stories__/data.json';\nimport questionsData from '../blocks/Questions/__stories__/data.json';\nimport tableData from '../blocks/Table/__stories__/data.json';\nimport tabsData from '../blocks/Tabs/__stories__/data.json';\nimport navData from '../gravity-blocks/navigation/__stories__/data.json';\n\nexport default {\n    title: 'Lab/Tokenization/Blocks/ContentAndData',\n    component: PageConstructor,\n} as Meta;\n\nconst Template: StoryFn<{navigation: NavigationData; custom?: CustomConfig}> = ({\n    navigation,\n    custom = {},\n}) => (\n    <PageConstructorProvider>\n        <PageConstructor\n            extensions={gravityBlocksExtension({\n                globalDefaults: {\n                    navigation,\n                },\n            })}\n            custom={custom}\n            content={\n                {\n                    blocks: [\n                        // content-layout-block: default text only\n                        blockTransform(contentLayoutData.default),\n                        // content-layout-block: centered\n                        blockTransform(contentLayoutData.textAlignCenter),\n                        // content-layout-block: with background color\n                        blockTransform(contentLayoutData.withBackgroundColor),\n                        // content-layout-block: with background image + color\n                        blockTransform(contentLayoutData.withImageAndBackgroundColor),\n                        // content-layout-block: dark monochrome theme\n                        blockTransform(contentLayoutData.theme[0]),\n                        // content-layout-block: light monochrome theme\n                        blockTransform(contentLayoutData.theme[1]),\n                        // content-layout-block variants with list/links/buttons\n                        ...contentLayoutData.contentVariables.map(blockTransform),\n\n                        // tabs-block: default (all tab types: image, video, youtube)\n                        blockTransform(tabsData.default.content),\n\n                        // questions-block: default with links\n                        blockTransform(questionsData.default.content),\n                        // questions-block: with bullet list items\n                        blockTransform(questionsData.textWithListBullet.content),\n\n                        // foldable-list-block: default\n                        blockTransform(foldableListData.default),\n                        // foldable-list-block: with bullet list items\n                        blockTransform(foldableListData.textWithListBullet),\n                        // foldable-list-block: with dash list items\n                        blockTransform(foldableListData.textWithListDash),\n\n                        // table-block: numeric values (0/1)\n                        blockTransform(tableData.default.content),\n                        // table-block: tick markers\n                        blockTransform(tableData.tick.content),\n                    ],\n                } as PageContent\n            }\n        />\n    </PageConstructorProvider>\n);\n\nexport const Default = Template.bind({});\nDefault.args = {\n    custom: {\n        navigation: {\n            'custom-item': CustomComponent,\n        },\n    },\n    navigation: {\n        ...navData.navigation,\n        header: {\n            ...navData.navigation.header,\n            rightItems: [\n                ...navData.navigation.header.rightItems,\n                {\n                    type: 'custom-item',\n                },\n            ],\n        },\n    } as NavigationData,\n};\n"]}