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

package/build/esm/editor-v2/containers/Editor/Editor.js

@@ -15,10 +15,10 @@ import Source from "../Source/Source.js";
 import ViewSwitches from "../ViewSwitches/ViewSwitches.js";
 import './Editor.css';
 const b = editorCn('editor');
-const EditorViewInternal = ({ componentsConfig = {}, initialContent }) => {
+const EditorViewInternal = ({ slots = {}, content }) => {
     const store = useMainEditorStore();
     const { manipulateOverlayMode, disableMode, undo, redo } = store;
-    useMainEditorInitialize(initialContent);
+    useMainEditorInitialize(content);
     usePostMessageAPIListener('ON_EDITOR_UNDO', () => {
         undo();
     }, [undo]);
@@ -56,10 +56,10 @@ const EditorViewInternal = ({ componentsConfig = {}, initialContent }) => {
             disableMode();
         }
     }, [disableMode, manipulateOverlayMode]);
-    const { left, right } = useEditorTabs(componentsConfig);
+    const { left, right } = useEditorTabs(slots);
     return (
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-    _jsxs("div", { className: b(), onMouseUp: onMouseUp, children: [_jsx("div", { className: b('body'), children: _jsx(Panels, { left: _jsx(Sidebar, { tabs: left, top: componentsConfig.leftTop }), right: _jsx(Sidebar, { tabs: right, top: [...(componentsConfig.rightTop || []), Source, ViewSwitches], defaultTab: "block-config" }), middle: _jsx(MiddleScreen, { CustomTop: componentsConfig.middleTop }) }) }), _jsx(BigOverlay, { className: b('overlay') })] }));
+    _jsxs("div", { className: b(), onMouseUp: onMouseUp, children: [_jsx("div", { className: b('body'), children: _jsx(Panels, { left: _jsx(Sidebar, { tabs: left, top: slots.leftTop }), right: _jsx(Sidebar, { tabs: right, top: [...(slots.rightTop || []), Source, ViewSwitches], defaultTab: "block-config" }), middle: _jsx(MiddleScreen, { CustomTop: slots.middleTop }) }) }), _jsx(BigOverlay, { className: b('overlay') })] }));
 };
 export const EditorProvider = ({ initialUrl, disableUrlField, children }) => {
     return (_jsx(IframeProvider, { initialUrl: initialUrl, disableUrlField: disableUrlField, children: _jsx(MainEditorStoreProvider, { children: children }) }));

package/build/esm/editor-v2/containers/Editor/Editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"Editor.js","sourceRoot":"../../../../../src","sources":["editor-v2/containers/Editor/Editor.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {usePostMessageAPIListener} from '../../../common/postMessage';\nimport {PageContent} from '../../../models';\nimport {Panels} from '../../components/Panels/Panels';\nimport {Sidebar} from '../../components/Sidebar/Sidebar';\nimport BigOverlay from '../../containers/BigOverlay/BigOverlay';\nimport MiddleScreen from '../../containers/MiddleScreen/MiddleScreen';\nimport {MainEditorStoreProvider} from '../../context/editorStore';\nimport {IframeProvider} from '../../context/iframeContext';\nimport {useEditorTabs} from '../../hooks/useEditorTabs';\nimport useMainEditorInitialize from '../../hooks/useMainEditorInitialize';\nimport {useMainEditorStore} from '../../hooks/useMainEditorStore';\nimport {editorCn} from '../../utils/cn';\nimport Source from '../Source/Source';\nimport ViewSwitches from '../ViewSwitches/ViewSwitches';\n\nimport './Editor.scss';\n\nconst b = editorCn('editor');\n\ninterface SidebarTabComponent {\n    id: string;\n    title: string;\n    component: React.ElementType;\n}\n\ninterface ComponentsConfig {\n    middleTop?: React.ElementType;\n    leftTop?: React.ElementType[];\n    rightTop?: React.ElementType[];\n    leftTabs?: SidebarTabComponent[];\n    rightTabs?: SidebarTabComponent[];\n}\n\nexport interface EditorProviderProps {\n    initialUrl: string;\n    disableUrlField?: boolean;\n    children: React.ReactNode;\n}\n\nexport interface EditorViewProps {\n    onUpdate?: (pageContent: PageContent) => void;\n    initialContent?: PageContent;\n    componentsConfig?: ComponentsConfig;\n}\n\ntype EditorProps = Omit<EditorProviderProps, 'children'> & EditorViewProps;\n\nconst EditorViewInternal = ({componentsConfig = {}, initialContent}: EditorViewProps) => {\n    const store = useMainEditorStore();\n    const {manipulateOverlayMode, disableMode, undo, redo} = store;\n\n    useMainEditorInitialize(initialContent);\n\n    usePostMessageAPIListener(\n        'ON_EDITOR_UNDO',\n        () => {\n            undo();\n        },\n        [undo],\n    );\n    usePostMessageAPIListener(\n        'ON_EDITOR_REDO',\n        () => {\n            redo();\n        },\n        [redo],\n    );\n\n    React.useEffect(() => {\n        const onKeyDown = (e: KeyboardEvent) => {\n            if (!(e.metaKey || e.ctrlKey)) {\n                return;\n            }\n\n            if (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                redo();\n            } else {\n                undo();\n            }\n        };\n\n        window.addEventListener('keydown', onKeyDown, true);\n\n        return () => window.removeEventListener('keydown', onKeyDown, true);\n    }, [redo, undo]);\n\n    // Disable insert mode on any MouseUp event\n    // Maybe should be attached to body\n    const onMouseUp = React.useCallback(\n        (e: React.MouseEvent) => {\n            if (manipulateOverlayMode) {\n                e.preventDefault();\n                disableMode();\n            }\n        },\n        [disableMode, manipulateOverlayMode],\n    );\n    const {left, right} = useEditorTabs(componentsConfig);\n\n    return (\n        // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n        <div className={b()} onMouseUp={onMouseUp}>\n            <div className={b('body')}>\n                <Panels\n                    left={<Sidebar tabs={left} top={componentsConfig.leftTop} />}\n                    right={\n                        <Sidebar\n                            tabs={right}\n                            top={[...(componentsConfig.rightTop || []), Source, ViewSwitches]}\n                            defaultTab=\"block-config\"\n                        />\n                    }\n                    middle={<MiddleScreen CustomTop={componentsConfig.middleTop} />}\n                />\n            </div>\n            <BigOverlay className={b('overlay')} />\n        </div>\n    );\n};\n\nexport const EditorProvider = ({initialUrl, disableUrlField, children}: EditorProviderProps) => {\n    return (\n        <IframeProvider initialUrl={initialUrl} disableUrlField={disableUrlField}>\n            <MainEditorStoreProvider>{children}</MainEditorStoreProvider>\n        </IframeProvider>\n    );\n};\n\nexport const EditorView = (props: EditorViewProps) => <EditorViewInternal {...props} />;\n\nexport const Editor = (props: EditorProps) => {\n    return (\n        <EditorProvider initialUrl={props.initialUrl} disableUrlField={props.disableUrlField}>\n            <EditorView {...props} />\n        </EditorProvider>\n    );\n};\n"]}
+{"version":3,"file":"Editor.js","sourceRoot":"../../../../../src","sources":["editor-v2/containers/Editor/Editor.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {usePostMessageAPIListener} from '../../../common/postMessage';\nimport {PageContent} from '../../../models';\nimport {Panels} from '../../components/Panels/Panels';\nimport {Sidebar} from '../../components/Sidebar/Sidebar';\nimport BigOverlay from '../../containers/BigOverlay/BigOverlay';\nimport MiddleScreen from '../../containers/MiddleScreen/MiddleScreen';\nimport {MainEditorStoreProvider} from '../../context/editorStore';\nimport {IframeProvider} from '../../context/iframeContext';\nimport {useEditorTabs} from '../../hooks/useEditorTabs';\nimport useMainEditorInitialize from '../../hooks/useMainEditorInitialize';\nimport {useMainEditorStore} from '../../hooks/useMainEditorStore';\nimport {editorCn} from '../../utils/cn';\nimport Source from '../Source/Source';\nimport ViewSwitches from '../ViewSwitches/ViewSwitches';\n\nimport './Editor.scss';\n\nconst b = editorCn('editor');\n\ninterface SidebarTabComponent {\n    id: string;\n    title: string;\n    component: React.ElementType;\n}\n\ninterface EditorSlots {\n    middleTop?: React.ElementType;\n    leftTop?: React.ElementType[];\n    rightTop?: React.ElementType[];\n    leftTabs?: SidebarTabComponent[];\n    rightTabs?: SidebarTabComponent[];\n}\n\nexport interface EditorProviderProps {\n    initialUrl: string;\n    disableUrlField?: boolean;\n    children: React.ReactNode;\n}\n\nexport interface EditorViewProps {\n    onUpdate?: (pageContent: PageContent) => void;\n    content?: PageContent;\n    slots?: EditorSlots;\n}\n\ntype EditorProps = Omit<EditorProviderProps, 'children'> & EditorViewProps;\n\nconst EditorViewInternal = ({slots = {}, content}: EditorViewProps) => {\n    const store = useMainEditorStore();\n    const {manipulateOverlayMode, disableMode, undo, redo} = store;\n\n    useMainEditorInitialize(content);\n\n    usePostMessageAPIListener(\n        'ON_EDITOR_UNDO',\n        () => {\n            undo();\n        },\n        [undo],\n    );\n    usePostMessageAPIListener(\n        'ON_EDITOR_REDO',\n        () => {\n            redo();\n        },\n        [redo],\n    );\n\n    React.useEffect(() => {\n        const onKeyDown = (e: KeyboardEvent) => {\n            if (!(e.metaKey || e.ctrlKey)) {\n                return;\n            }\n\n            if (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                redo();\n            } else {\n                undo();\n            }\n        };\n\n        window.addEventListener('keydown', onKeyDown, true);\n\n        return () => window.removeEventListener('keydown', onKeyDown, true);\n    }, [redo, undo]);\n\n    // Disable insert mode on any MouseUp event\n    // Maybe should be attached to body\n    const onMouseUp = React.useCallback(\n        (e: React.MouseEvent) => {\n            if (manipulateOverlayMode) {\n                e.preventDefault();\n                disableMode();\n            }\n        },\n        [disableMode, manipulateOverlayMode],\n    );\n    const {left, right} = useEditorTabs(slots);\n\n    return (\n        // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n        <div className={b()} onMouseUp={onMouseUp}>\n            <div className={b('body')}>\n                <Panels\n                    left={<Sidebar tabs={left} top={slots.leftTop} />}\n                    right={\n                        <Sidebar\n                            tabs={right}\n                            top={[...(slots.rightTop || []), Source, ViewSwitches]}\n                            defaultTab=\"block-config\"\n                        />\n                    }\n                    middle={<MiddleScreen CustomTop={slots.middleTop} />}\n                />\n            </div>\n            <BigOverlay className={b('overlay')} />\n        </div>\n    );\n};\n\nexport const EditorProvider = ({initialUrl, disableUrlField, children}: EditorProviderProps) => {\n    return (\n        <IframeProvider initialUrl={initialUrl} disableUrlField={disableUrlField}>\n            <MainEditorStoreProvider>{children}</MainEditorStoreProvider>\n        </IframeProvider>\n    );\n};\n\nexport const EditorView = (props: EditorViewProps) => <EditorViewInternal {...props} />;\n\nexport const Editor = (props: EditorProps) => {\n    return (\n        <EditorProvider initialUrl={props.initialUrl} disableUrlField={props.disableUrlField}>\n            <EditorView {...props} />\n        </EditorProvider>\n    );\n};\n"]}

package/build/esm/editor-v2/hooks/useMainEditorInitialize.d.ts

@@ -1,3 +1,3 @@
 import { PageContent } from "../../models/index.js";
-declare const useMainEditorInitialize: (initialContent?: PageContent) => void;
+declare const useMainEditorInitialize: (content?: PageContent) => void;
 export default useMainEditorInitialize;

package/build/esm/editor-v2/hooks/useMainEditorInitialize.js

@@ -2,22 +2,22 @@ import * as React from 'react';
 import { usePostMessageAPIListener } from "../../common/postMessage.js";
 import { useMainEditorStore } from "./useMainEditorStore.js";
 import { usePostMessageEvents } from "./usePostMessageEvents.js";
-const useMainEditorInitialize = (initialContent) => {
+const useMainEditorInitialize = (content) => {
     const { requestPostMessage } = usePostMessageEvents();
     const { initialize, setConfig, setContent } = useMainEditorStore();
     usePostMessageAPIListener('ON_INIT', () => {
         initialize();
         requestPostMessage('GET_SUPPORTED_BLOCKS', {});
-        if (!initialContent) {
+        if (!content) {
             requestPostMessage('GET_INITIAL_CONTENT', {});
         }
     }, [requestPostMessage]);
     React.useEffect(() => {
-        if (initialContent) {
-            setContent(initialContent, true);
+        if (content) {
+            setContent(content, true);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [initialContent]);
+    }, [content]);
     usePostMessageAPIListener('ON_INITIAL_CONTENT', (data) => {
         setContent(data, true);
     });

package/build/esm/editor-v2/hooks/useMainEditorInitialize.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMainEditorInitialize.js","sourceRoot":"../../../../src","sources":["editor-v2/hooks/useMainEditorInitialize.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,yBAAyB,EAAC,oCAAiC;AAGnE,OAAO,EAAC,kBAAkB,EAAC,gCAA6B;AACxD,OAAO,EAAC,oBAAoB,EAAC,kCAA+B;AAE5D,MAAM,uBAAuB,GAAG,CAAC,cAA4B,EAAE,EAAE;IAC7D,MAAM,EAAC,kBAAkB,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACpD,MAAM,EAAC,UAAU,EAAE,SAAS,EAAE,UAAU,EAAC,GAAG,kBAAkB,EAAE,CAAC;IAEjE,yBAAyB,CACrB,SAAS,EACT,GAAG,EAAE;QACD,UAAU,EAAE,CAAC;QACb,kBAAkB,CAAC,sBAAsB,EAAE,EAAE,CAAC,CAAC;QAE/C,IAAI,CAAC,cAAc,EAAE,CAAC;YAClB,kBAAkB,CAAC,qBAAqB,EAAE,EAAE,CAAC,CAAC;QAClD,CAAC;IACL,CAAC,EACD,CAAC,kBAAkB,CAAC,CACvB,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,cAAc,EAAE,CAAC;YACjB,UAAU,CAAC,cAAc,EAAE,IAAI,CAAC,CAAC;QACrC,CAAC;QACD,uDAAuD;IAC3D,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,yBAAyB,CAAC,oBAAoB,EAAE,CAAC,IAAI,EAAE,EAAE;QACrD,UAAU,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAC3B,CAAC,CAAC,CAAC;IAEH,yBAAyB,CAAC,qBAAqB,EAAE,CAAC,IAAI,EAAE,EAAE;QACtD,SAAS,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC,CAAC,CAAC;AACP,CAAC,CAAC;AAEF,eAAe,uBAAuB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {usePostMessageAPIListener} from '../../common/postMessage';\nimport {PageContent} from '../../models';\n\nimport {useMainEditorStore} from './useMainEditorStore';\nimport {usePostMessageEvents} from './usePostMessageEvents';\n\nconst useMainEditorInitialize = (initialContent?: PageContent) => {\n    const {requestPostMessage} = usePostMessageEvents();\n    const {initialize, setConfig, setContent} = useMainEditorStore();\n\n    usePostMessageAPIListener(\n        'ON_INIT',\n        () => {\n            initialize();\n            requestPostMessage('GET_SUPPORTED_BLOCKS', {});\n\n            if (!initialContent) {\n                requestPostMessage('GET_INITIAL_CONTENT', {});\n            }\n        },\n        [requestPostMessage],\n    );\n\n    React.useEffect(() => {\n        if (initialContent) {\n            setContent(initialContent, true);\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [initialContent]);\n\n    usePostMessageAPIListener('ON_INITIAL_CONTENT', (data) => {\n        setContent(data, true);\n    });\n\n    usePostMessageAPIListener('ON_SUPPORTED_BLOCKS', (data) => {\n        setConfig(data);\n    });\n};\n\nexport default useMainEditorInitialize;\n"]}
+{"version":3,"file":"useMainEditorInitialize.js","sourceRoot":"../../../../src","sources":["editor-v2/hooks/useMainEditorInitialize.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,yBAAyB,EAAC,oCAAiC;AAGnE,OAAO,EAAC,kBAAkB,EAAC,gCAA6B;AACxD,OAAO,EAAC,oBAAoB,EAAC,kCAA+B;AAE5D,MAAM,uBAAuB,GAAG,CAAC,OAAqB,EAAE,EAAE;IACtD,MAAM,EAAC,kBAAkB,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACpD,MAAM,EAAC,UAAU,EAAE,SAAS,EAAE,UAAU,EAAC,GAAG,kBAAkB,EAAE,CAAC;IAEjE,yBAAyB,CACrB,SAAS,EACT,GAAG,EAAE;QACD,UAAU,EAAE,CAAC;QACb,kBAAkB,CAAC,sBAAsB,EAAE,EAAE,CAAC,CAAC;QAE/C,IAAI,CAAC,OAAO,EAAE,CAAC;YACX,kBAAkB,CAAC,qBAAqB,EAAE,EAAE,CAAC,CAAC;QAClD,CAAC;IACL,CAAC,EACD,CAAC,kBAAkB,CAAC,CACvB,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,OAAO,EAAE,CAAC;YACV,UAAU,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;QAC9B,CAAC;QACD,uDAAuD;IAC3D,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,yBAAyB,CAAC,oBAAoB,EAAE,CAAC,IAAI,EAAE,EAAE;QACrD,UAAU,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAC3B,CAAC,CAAC,CAAC;IAEH,yBAAyB,CAAC,qBAAqB,EAAE,CAAC,IAAI,EAAE,EAAE;QACtD,SAAS,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC,CAAC,CAAC;AACP,CAAC,CAAC;AAEF,eAAe,uBAAuB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {usePostMessageAPIListener} from '../../common/postMessage';\nimport {PageContent} from '../../models';\n\nimport {useMainEditorStore} from './useMainEditorStore';\nimport {usePostMessageEvents} from './usePostMessageEvents';\n\nconst useMainEditorInitialize = (content?: PageContent) => {\n    const {requestPostMessage} = usePostMessageEvents();\n    const {initialize, setConfig, setContent} = useMainEditorStore();\n\n    usePostMessageAPIListener(\n        'ON_INIT',\n        () => {\n            initialize();\n            requestPostMessage('GET_SUPPORTED_BLOCKS', {});\n\n            if (!content) {\n                requestPostMessage('GET_INITIAL_CONTENT', {});\n            }\n        },\n        [requestPostMessage],\n    );\n\n    React.useEffect(() => {\n        if (content) {\n            setContent(content, true);\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [content]);\n\n    usePostMessageAPIListener('ON_INITIAL_CONTENT', (data) => {\n        setContent(data, true);\n    });\n\n    usePostMessageAPIListener('ON_SUPPORTED_BLOCKS', (data) => {\n        setConfig(data);\n    });\n};\n\nexport default useMainEditorInitialize;\n"]}

package/build/esm/hooks/usePCEditorInitializeEvents.js

@@ -35,7 +35,7 @@ export const usePCEditorInitializeEvents = ({ initialContent, setContent, blocks
         });
     });
     const onResize = React.useCallback(() => {
-        const height = document.documentElement.getBoundingClientRect().height;
+        const height = document.body.scrollHeight;
         sendEventPostMessage('ON_RESIZE', { height });
     }, []);
     React.useEffect(() => {
@@ -79,7 +79,7 @@ export const usePCEditorInitializeEvents = ({ initialContent, setContent, blocks
         };
     }, [onResize]);
     React.useEffect(() => {
-        const height = document.documentElement.getBoundingClientRect().height;
+        const height = document.body.scrollHeight;
         sendEventPostMessage('ON_INIT', { height });
     }, []);
 };

package/build/esm/hooks/usePCEditorInitializeEvents.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePCEditorInitializeEvents.js","sourceRoot":"../../../src","sources":["hooks/usePCEditorInitializeEvents.ts"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport _ from 'lodash';\n\nimport {toSerializableRect} from '../common/types/rect';\nimport {BlockData} from '../constructor-items';\nimport {BlockRegistry} from '../context/blockRegistryContext';\nimport {Fields} from '../form-generator-v2/types';\nimport {PageContent} from '../models';\n\nimport {usePCEditorStore} from './usePCEditorStore';\nimport {sendEventPostMessage, useInternalPostMessageAPIListener} from './usePostMessageAPI';\n\ninterface UseEditorInitializeProps {\n    initialContent: PageContent;\n    setContent: (content: PageContent) => void;\n    blocks: Array<BlockData>;\n    global?: Fields;\n    blockInputs?: Fields;\n    registry: BlockRegistry | null;\n}\n\nfunction collectRectMap(registry: BlockRegistry) {\n    return registry.getEntries().map(({path, element, dropZone}) => {\n        const rect = element.getClientRects().item(0) ?? element.getBoundingClientRect();\n        return {path, rect: toSerializableRect(rect), dropZone};\n    });\n}\n\nexport const usePCEditorInitializeEvents = ({\n    initialContent,\n    setContent,\n    blocks,\n    global,\n    blockInputs,\n    registry,\n}: UseEditorInitializeProps) => {\n    const {initialized, content} = usePCEditorStore();\n\n    React.useEffect(() => {\n        if (initialized) {\n            setContent(content);\n        }\n    }, [content, initialized, setContent]);\n\n    useInternalPostMessageAPIListener('GET_INITIAL_CONTENT', () => {\n        sendEventPostMessage('ON_INITIAL_CONTENT', initialContent);\n    });\n\n    useInternalPostMessageAPIListener('GET_SUPPORTED_BLOCKS', () => {\n        sendEventPostMessage('ON_SUPPORTED_BLOCKS', {\n            blocks: blocks.map((block) => ({\n                type: block.type,\n                schema: blockInputs?.length\n                    ? {\n                          ...block.schema,\n                          inputs: [...blockInputs, ...(block.schema?.inputs || [])],\n                      }\n                    : block.schema,\n            })),\n            subBlocks: [],\n            global: global || [],\n        });\n    });\n\n    const onResize = React.useCallback(() => {\n        const height = document.documentElement.getBoundingClientRect().height;\n        sendEventPostMessage('ON_RESIZE', {height});\n    }, []);\n\n    React.useEffect(() => {\n        if (!registry) {\n            return undefined;\n        }\n\n        let frame: number | null = null;\n\n        const sendRectMap = () => {\n            frame = null;\n            sendEventPostMessage('ON_UPDATE_RECT_MAP', {rects: collectRectMap(registry)});\n        };\n\n        const scheduleSend = () => {\n            if (frame !== null) {\n                return;\n            }\n            frame = requestAnimationFrame(sendRectMap);\n        };\n\n        const throttledSchedule = _.throttle(scheduleSend, 100, {leading: true, trailing: true});\n\n        const unsubscribe = registry.subscribe(throttledSchedule);\n        const observer = new ResizeObserver(throttledSchedule);\n        observer.observe(document.body);\n\n        // Initial push once registry is ready.\n        throttledSchedule();\n\n        return () => {\n            throttledSchedule.cancel();\n            unsubscribe();\n            observer.disconnect();\n            if (frame !== null) {\n                cancelAnimationFrame(frame);\n            }\n        };\n    }, [registry]);\n\n    React.useEffect(() => {\n        window.addEventListener('resize', onResize);\n        const observer = new ResizeObserver(onResize);\n        observer.observe(document.documentElement);\n        observer.observe(document.body);\n\n        return () => {\n            window.removeEventListener('resize', onResize);\n            observer.disconnect();\n        };\n    }, [onResize]);\n\n    React.useEffect(() => {\n        const height = document.documentElement.getBoundingClientRect().height;\n        sendEventPostMessage('ON_INIT', {height});\n    }, []);\n};\n"]}
+{"version":3,"file":"usePCEditorInitializeEvents.js","sourceRoot":"../../../src","sources":["hooks/usePCEditorInitializeEvents.ts"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport _ from 'lodash';\n\nimport {toSerializableRect} from '../common/types/rect';\nimport {BlockData} from '../constructor-items';\nimport {BlockRegistry} from '../context/blockRegistryContext';\nimport {Fields} from '../form-generator-v2/types';\nimport {PageContent} from '../models';\n\nimport {usePCEditorStore} from './usePCEditorStore';\nimport {sendEventPostMessage, useInternalPostMessageAPIListener} from './usePostMessageAPI';\n\ninterface UseEditorInitializeProps {\n    initialContent: PageContent;\n    setContent: (content: PageContent) => void;\n    blocks: Array<BlockData>;\n    global?: Fields;\n    blockInputs?: Fields;\n    registry: BlockRegistry | null;\n}\n\nfunction collectRectMap(registry: BlockRegistry) {\n    return registry.getEntries().map(({path, element, dropZone}) => {\n        const rect = element.getClientRects().item(0) ?? element.getBoundingClientRect();\n        return {path, rect: toSerializableRect(rect), dropZone};\n    });\n}\n\nexport const usePCEditorInitializeEvents = ({\n    initialContent,\n    setContent,\n    blocks,\n    global,\n    blockInputs,\n    registry,\n}: UseEditorInitializeProps) => {\n    const {initialized, content} = usePCEditorStore();\n\n    React.useEffect(() => {\n        if (initialized) {\n            setContent(content);\n        }\n    }, [content, initialized, setContent]);\n\n    useInternalPostMessageAPIListener('GET_INITIAL_CONTENT', () => {\n        sendEventPostMessage('ON_INITIAL_CONTENT', initialContent);\n    });\n\n    useInternalPostMessageAPIListener('GET_SUPPORTED_BLOCKS', () => {\n        sendEventPostMessage('ON_SUPPORTED_BLOCKS', {\n            blocks: blocks.map((block) => ({\n                type: block.type,\n                schema: blockInputs?.length\n                    ? {\n                          ...block.schema,\n                          inputs: [...blockInputs, ...(block.schema?.inputs || [])],\n                      }\n                    : block.schema,\n            })),\n            subBlocks: [],\n            global: global || [],\n        });\n    });\n\n    const onResize = React.useCallback(() => {\n        const height = document.body.scrollHeight;\n        sendEventPostMessage('ON_RESIZE', {height});\n    }, []);\n\n    React.useEffect(() => {\n        if (!registry) {\n            return undefined;\n        }\n\n        let frame: number | null = null;\n\n        const sendRectMap = () => {\n            frame = null;\n            sendEventPostMessage('ON_UPDATE_RECT_MAP', {rects: collectRectMap(registry)});\n        };\n\n        const scheduleSend = () => {\n            if (frame !== null) {\n                return;\n            }\n            frame = requestAnimationFrame(sendRectMap);\n        };\n\n        const throttledSchedule = _.throttle(scheduleSend, 100, {leading: true, trailing: true});\n\n        const unsubscribe = registry.subscribe(throttledSchedule);\n        const observer = new ResizeObserver(throttledSchedule);\n        observer.observe(document.body);\n\n        // Initial push once registry is ready.\n        throttledSchedule();\n\n        return () => {\n            throttledSchedule.cancel();\n            unsubscribe();\n            observer.disconnect();\n            if (frame !== null) {\n                cancelAnimationFrame(frame);\n            }\n        };\n    }, [registry]);\n\n    React.useEffect(() => {\n        window.addEventListener('resize', onResize);\n        const observer = new ResizeObserver(onResize);\n        observer.observe(document.documentElement);\n        observer.observe(document.body);\n\n        return () => {\n            window.removeEventListener('resize', onResize);\n            observer.disconnect();\n        };\n    }, [onResize]);\n\n    React.useEffect(() => {\n        const height = document.body.scrollHeight;\n        sendEventPostMessage('ON_INIT', {height});\n    }, []);\n};\n"]}

package/build/esm/hooks/usePostMessageAPI.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 export function sendEventPostMessage(action, data) {
     const message = { action, data };
-    window.parent.postMessage(message);
+    window.parent.postMessage(message, '*');
 }
 export function listenPostMessageActions(action, callback) {
     const onMessage = (e) => {

package/build/esm/hooks/usePostMessageAPI.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePostMessageAPI.js","sourceRoot":"../../../src","sources":["hooks/usePostMessageAPI.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,UAAU,oBAAoB,CAChC,MAAS,EACT,IAA0B;IAE1B,MAAM,OAAO,GAAG,EAAC,MAAM,EAAE,IAAI,EAA6B,CAAC;IAC3D,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;AACvC,CAAC;AAED,MAAM,UAAU,wBAAwB,CACpC,MAAS,EACT,QAA+C;IAE/C,MAAM,SAAS,GAAG,CAAC,CAAe,EAAE,EAAE;QAClC,MAAM,OAAO,GAAG,CAAC,CAAC,IAAgC,CAAC;QAEnD,IAAI,QAAQ,IAAI,OAAO,IAAI,OAAO,CAAC,MAAM,KAAK,MAAM,EAAE,CAAC;YACnD,OAAO,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAClC,CAAC;QAED,OAAO,SAAS,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAE9C,OAAO,GAAG,EAAE;QACR,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IACrD,CAAC,CAAC;AACN,CAAC;AAED,MAAM,UAAU,iCAAiC,CAC7C,MAAS,EACT,QAA+C;IAE/C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,OAAO,wBAAwB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IACtD,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;AAC3B,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {PostMessageAPIMessage} from '../common/types';\nimport {ActionMessageTypes, EventMessageTypes} from '../common/types/actions';\n\nexport function sendEventPostMessage<K extends keyof EventMessageTypes>(\n    action: K,\n    data: EventMessageTypes[K],\n) {\n    const message = {action, data} as PostMessageAPIMessage<K>;\n    window.parent.postMessage(message);\n}\n\nexport function listenPostMessageActions<K extends keyof ActionMessageTypes>(\n    action: K,\n    callback: (data: ActionMessageTypes[K]) => void,\n) {\n    const onMessage = (e: MessageEvent) => {\n        const message = e.data as PostMessageAPIMessage<K>;\n\n        if ('action' in message && message.action === action) {\n            return callback(message.data);\n        }\n\n        return undefined;\n    };\n\n    window.addEventListener('message', onMessage);\n\n    return () => {\n        window.removeEventListener('message', onMessage);\n    };\n}\n\nexport function useInternalPostMessageAPIListener<K extends keyof ActionMessageTypes>(\n    action: K,\n    callback: (data: ActionMessageTypes[K]) => void,\n) {\n    React.useEffect(() => {\n        return listenPostMessageActions(action, callback);\n    }, [action, callback]);\n}\n"]}
+{"version":3,"file":"usePostMessageAPI.js","sourceRoot":"../../../src","sources":["hooks/usePostMessageAPI.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,UAAU,oBAAoB,CAChC,MAAS,EACT,IAA0B;IAE1B,MAAM,OAAO,GAAG,EAAC,MAAM,EAAE,IAAI,EAA6B,CAAC;IAC3D,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;AAC5C,CAAC;AAED,MAAM,UAAU,wBAAwB,CACpC,MAAS,EACT,QAA+C;IAE/C,MAAM,SAAS,GAAG,CAAC,CAAe,EAAE,EAAE;QAClC,MAAM,OAAO,GAAG,CAAC,CAAC,IAAgC,CAAC;QAEnD,IAAI,QAAQ,IAAI,OAAO,IAAI,OAAO,CAAC,MAAM,KAAK,MAAM,EAAE,CAAC;YACnD,OAAO,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAClC,CAAC;QAED,OAAO,SAAS,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAE9C,OAAO,GAAG,EAAE;QACR,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IACrD,CAAC,CAAC;AACN,CAAC;AAED,MAAM,UAAU,iCAAiC,CAC7C,MAAS,EACT,QAA+C;IAE/C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,OAAO,wBAAwB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IACtD,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;AAC3B,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {PostMessageAPIMessage} from '../common/types';\nimport {ActionMessageTypes, EventMessageTypes} from '../common/types/actions';\n\nexport function sendEventPostMessage<K extends keyof EventMessageTypes>(\n    action: K,\n    data: EventMessageTypes[K],\n) {\n    const message = {action, data} as PostMessageAPIMessage<K>;\n    window.parent.postMessage(message, '*');\n}\n\nexport function listenPostMessageActions<K extends keyof ActionMessageTypes>(\n    action: K,\n    callback: (data: ActionMessageTypes[K]) => void,\n) {\n    const onMessage = (e: MessageEvent) => {\n        const message = e.data as PostMessageAPIMessage<K>;\n\n        if ('action' in message && message.action === action) {\n            return callback(message.data);\n        }\n\n        return undefined;\n    };\n\n    window.addEventListener('message', onMessage);\n\n    return () => {\n        window.removeEventListener('message', onMessage);\n    };\n}\n\nexport function useInternalPostMessageAPIListener<K extends keyof ActionMessageTypes>(\n    action: K,\n    callback: (data: ActionMessageTypes[K]) => void,\n) {\n    React.useEffect(() => {\n        return listenPostMessageActions(action, callback);\n    }, [action, callback]);\n}\n"]}

package/build/esm/sub-blocks/ImageCard/icon.d.ts

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

package/{widget/d0f61f0a190743ed85bf.svg → build/esm/sub-blocks/ImageCard/icon.js}

@@ -1,7 +1,9 @@
-<svg width="100" height="50" viewBox="0 0 100 50" fill="none" xmlns="http://www.w3.org/2000/svg">
+import { svgToDataUri } from "../../utils/svg.js";
+export default svgToDataUri(`<svg width="100" height="50" viewBox="0 0 100 50" fill="none" xmlns="http://www.w3.org/2000/svg">
 <rect width="100" height="50" rx="7.81395" fill="white"/>
 <rect x="37" y="10.2906" width="26" height="29.4186" rx="3.34884" fill="#C0C8DB"/>
 <rect x="37" y="10.2906" width="26" height="14.5116" rx="3.34884" fill="#262626"/>
 <rect x="40.3488" y="28.593" width="19.3023" height="2" rx="0.55814" fill="#262626"/>
 <rect x="40.3488" y="31.7094" width="9" height="2" rx="0.55814" fill="#262626"/>
-</svg>
+</svg>`);
+//# sourceMappingURL=icon.js.map

package/build/esm/sub-blocks/ImageCard/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.js","sourceRoot":"../../../../src","sources":["sub-blocks/ImageCard/icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,2BAAwB;AAE7C,eAAe,YAAY,CACvB;;;;;;OAMG,CACN,CAAC","sourcesContent":["import {svgToDataUri} from '../../utils/svg';\n\nexport default svgToDataUri(\n    `<svg width=\"100\" height=\"50\" viewBox=\"0 0 100 50\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<rect width=\"100\" height=\"50\" rx=\"7.81395\" fill=\"white\"/>\n<rect x=\"37\" y=\"10.2906\" width=\"26\" height=\"29.4186\" rx=\"3.34884\" fill=\"#C0C8DB\"/>\n<rect x=\"37\" y=\"10.2906\" width=\"26\" height=\"14.5116\" rx=\"3.34884\" fill=\"#262626\"/>\n<rect x=\"40.3488\" y=\"28.593\" width=\"19.3023\" height=\"2\" rx=\"0.55814\" fill=\"#262626\"/>\n<rect x=\"40.3488\" y=\"31.7094\" width=\"9\" height=\"2\" rx=\"0.55814\" fill=\"#262626\"/>\n</svg>`,\n);\n"]}

package/build/esm/sub-blocks/ImageCard/index.js

@@ -1,7 +1,7 @@
 import { generateFormFieldsFromAjvSchema } from "../../form-generator-v2/utils/generateFormFieldsFromAjv.js";
 import ImageCard from "./ImageCard.js";
+import icon from "./icon.js";
 import { ImageCard as ImageCardSchema } from "./schema.js";
-import icon from './icon.svg';
 const ImageCardConfig = {
     type: '@gravity-ui/page-constructor/image-card',
     component: ImageCard,

package/build/esm/sub-blocks/ImageCard/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["sub-blocks/ImageCard/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,+BAA+B,EAAC,mEAAgE;AAExG,OAAO,SAAS,uBAAoB;AACpC,OAAO,EAAC,SAAS,IAAI,eAAe,EAAC,oBAAiB;AAEtD,OAAO,IAAI,MAAM,YAAY,CAAC;AAE9B,MAAM,eAAe,GAAc;IAC/B,IAAI,EAAE,yCAAyC;IAC/C,SAAS,EAAE,SAAS;IACpB,MAAM,EAAE;QACJ,IAAI,EAAE,YAAY;QAClB,KAAK,EAAE,oCAAoC;QAC3C,sCAAsC;QACtC,MAAM,EAAE,+BAA+B,CACnC,eAAe,CAAC,YAAY,CAAkC,CACjE;QACD,OAAO,EAAE;YACL,KAAK,EAAE,YAAY;YACnB,IAAI,EAAE,6HAA6H;SACtI;QACD,UAAU,EAAE,IAAI;KACnB;CACJ,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import {JSONSchemaType} from 'ajv';\n\nimport {BlockData} from '../../constructor-items';\nimport {generateFormFieldsFromAjvSchema} from '../../form-generator-v2/utils/generateFormFieldsFromAjv';\n\nimport ImageCard from './ImageCard';\nimport {ImageCard as ImageCardSchema} from './schema';\n\nimport icon from './icon.svg';\n\nconst ImageCardConfig: BlockData = {\n    type: '@gravity-ui/page-constructor/image-card',\n    component: ImageCard,\n    schema: {\n        name: 'Image Card',\n        group: '@gravity-ui/page-constructor/Cards',\n        // TODO: change to custom block schema\n        inputs: generateFormFieldsFromAjvSchema(\n            ImageCardSchema['image-card'] as unknown as JSONSchemaType<{}>,\n        ),\n        default: {\n            title: 'Image Card',\n            text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',\n        },\n        previewImg: icon,\n    },\n};\n\nexport default ImageCardConfig;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["sub-blocks/ImageCard/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,+BAA+B,EAAC,mEAAgE;AAExG,OAAO,SAAS,uBAAoB;AACpC,OAAO,IAAI,kBAAe;AAC1B,OAAO,EAAC,SAAS,IAAI,eAAe,EAAC,oBAAiB;AAEtD,MAAM,eAAe,GAAc;IAC/B,IAAI,EAAE,yCAAyC;IAC/C,SAAS,EAAE,SAAS;IACpB,MAAM,EAAE;QACJ,IAAI,EAAE,YAAY;QAClB,KAAK,EAAE,oCAAoC;QAC3C,sCAAsC;QACtC,MAAM,EAAE,+BAA+B,CACnC,eAAe,CAAC,YAAY,CAAkC,CACjE;QACD,OAAO,EAAE;YACL,KAAK,EAAE,YAAY;YACnB,IAAI,EAAE,6HAA6H;SACtI;QACD,UAAU,EAAE,IAAI;KACnB;CACJ,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import {JSONSchemaType} from 'ajv';\n\nimport {BlockData} from '../../constructor-items';\nimport {generateFormFieldsFromAjvSchema} from '../../form-generator-v2/utils/generateFormFieldsFromAjv';\n\nimport ImageCard from './ImageCard';\nimport icon from './icon';\nimport {ImageCard as ImageCardSchema} from './schema';\n\nconst ImageCardConfig: BlockData = {\n    type: '@gravity-ui/page-constructor/image-card',\n    component: ImageCard,\n    schema: {\n        name: 'Image Card',\n        group: '@gravity-ui/page-constructor/Cards',\n        // TODO: change to custom block schema\n        inputs: generateFormFieldsFromAjvSchema(\n            ImageCardSchema['image-card'] as unknown as JSONSchemaType<{}>,\n        ),\n        default: {\n            title: 'Image Card',\n            text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',\n        },\n        previewImg: icon,\n    },\n};\n\nexport default ImageCardConfig;\n"]}

package/build/esm/sub-blocks/MediaCard/icon.d.ts

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

package/build/esm/sub-blocks/MediaCard/icon.js

@@ -0,0 +1,9 @@
+import { svgToDataUri } from "../../utils/svg.js";
+export default svgToDataUri(`<svg width="100" height="50" viewBox="0 0 100 50" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="100" height="50" rx="7.81395" fill="white"/>
+<rect x="37" y="10.2906" width="26" height="29.4186" rx="3.34884" fill="#C0C8DB"/>
+<rect x="37" y="10.2906" width="26" height="14.5116" rx="3.34884" fill="#262626"/>
+<rect x="40.3488" y="28.593" width="19.3023" height="2" rx="0.55814" fill="#262626"/>
+<rect x="40.3488" y="31.7094" width="9" height="2" rx="0.55814" fill="#262626"/>
+</svg>`);
+//# sourceMappingURL=icon.js.map

package/build/esm/sub-blocks/MediaCard/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.js","sourceRoot":"../../../../src","sources":["sub-blocks/MediaCard/icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,2BAAwB;AAE7C,eAAe,YAAY,CACvB;;;;;;OAMG,CACN,CAAC","sourcesContent":["import {svgToDataUri} from '../../utils/svg';\n\nexport default svgToDataUri(\n    `<svg width=\"100\" height=\"50\" viewBox=\"0 0 100 50\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<rect width=\"100\" height=\"50\" rx=\"7.81395\" fill=\"white\"/>\n<rect x=\"37\" y=\"10.2906\" width=\"26\" height=\"29.4186\" rx=\"3.34884\" fill=\"#C0C8DB\"/>\n<rect x=\"37\" y=\"10.2906\" width=\"26\" height=\"14.5116\" rx=\"3.34884\" fill=\"#262626\"/>\n<rect x=\"40.3488\" y=\"28.593\" width=\"19.3023\" height=\"2\" rx=\"0.55814\" fill=\"#262626\"/>\n<rect x=\"40.3488\" y=\"31.7094\" width=\"9\" height=\"2\" rx=\"0.55814\" fill=\"#262626\"/>\n</svg>`,\n);\n"]}

package/build/esm/sub-blocks/MediaCard/index.js

@@ -1,7 +1,7 @@
 import { generateFormFieldsFromAjvSchema } from "../../form-generator-v2/utils/generateFormFieldsFromAjv.js";
 import MediaCard from "./MediaCard.js";
+import icon from "./icon.js";
 import { MediaCardBlock as MediaCardSchema } from "./schema.js";
-import icon from './icon.svg';
 const MediaCardConfig = {
     type: '@gravity-ui/page-constructor/media-card',
     component: MediaCard,

package/build/esm/sub-blocks/MediaCard/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["sub-blocks/MediaCard/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,+BAA+B,EAAC,mEAAgE;AAExG,OAAO,SAAS,uBAAoB;AACpC,OAAO,EAAC,cAAc,IAAI,eAAe,EAAC,oBAAiB;AAE3D,OAAO,IAAI,MAAM,YAAY,CAAC;AAE9B,MAAM,eAAe,GAAc;IAC/B,IAAI,EAAE,yCAAyC;IAC/C,SAAS,EAAE,SAAS;IACpB,MAAM,EAAE;QACJ,IAAI,EAAE,YAAY;QAClB,KAAK,EAAE,oCAAoC;QAC3C,sCAAsC;QACtC,MAAM,EAAE,+BAA+B,CACnC,eAAe,CAAC,YAAY,CAAkC,CACjE;QACD,OAAO,EAAE;YACL,OAAO,EAAE;gBACL,KAAK,EAAE,YAAY;gBACnB,IAAI,EAAE,6HAA6H;aACtI;YACD,KAAK,EAAE,wGAAwG;SAClH;QACD,UAAU,EAAE,IAAI;KACnB;CACJ,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import {JSONSchemaType} from 'ajv';\n\nimport {BlockData} from '../../constructor-items';\nimport {generateFormFieldsFromAjvSchema} from '../../form-generator-v2/utils/generateFormFieldsFromAjv';\n\nimport MediaCard from './MediaCard';\nimport {MediaCardBlock as MediaCardSchema} from './schema';\n\nimport icon from './icon.svg';\n\nconst MediaCardConfig: BlockData = {\n    type: '@gravity-ui/page-constructor/media-card',\n    component: MediaCard,\n    schema: {\n        name: 'Media Card',\n        group: '@gravity-ui/page-constructor/Cards',\n        // TODO: change to custom block schema\n        inputs: generateFormFieldsFromAjvSchema(\n            MediaCardSchema['media-card'] as unknown as JSONSchemaType<{}>,\n        ),\n        default: {\n            content: {\n                title: 'Media Card',\n                text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',\n            },\n            image: 'https://storage.yandexcloud.net/yc-www-community-images/event_ecaf1ef1-bc3a-40fa-adef-827b0959e6c3.jpg',\n        },\n        previewImg: icon,\n    },\n};\n\nexport default MediaCardConfig;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["sub-blocks/MediaCard/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,+BAA+B,EAAC,mEAAgE;AAExG,OAAO,SAAS,uBAAoB;AACpC,OAAO,IAAI,kBAAe;AAC1B,OAAO,EAAC,cAAc,IAAI,eAAe,EAAC,oBAAiB;AAE3D,MAAM,eAAe,GAAc;IAC/B,IAAI,EAAE,yCAAyC;IAC/C,SAAS,EAAE,SAAS;IACpB,MAAM,EAAE;QACJ,IAAI,EAAE,YAAY;QAClB,KAAK,EAAE,oCAAoC;QAC3C,sCAAsC;QACtC,MAAM,EAAE,+BAA+B,CACnC,eAAe,CAAC,YAAY,CAAkC,CACjE;QACD,OAAO,EAAE;YACL,OAAO,EAAE;gBACL,KAAK,EAAE,YAAY;gBACnB,IAAI,EAAE,6HAA6H;aACtI;YACD,KAAK,EAAE,wGAAwG;SAClH;QACD,UAAU,EAAE,IAAI;KACnB;CACJ,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import {JSONSchemaType} from 'ajv';\n\nimport {BlockData} from '../../constructor-items';\nimport {generateFormFieldsFromAjvSchema} from '../../form-generator-v2/utils/generateFormFieldsFromAjv';\n\nimport MediaCard from './MediaCard';\nimport icon from './icon';\nimport {MediaCardBlock as MediaCardSchema} from './schema';\n\nconst MediaCardConfig: BlockData = {\n    type: '@gravity-ui/page-constructor/media-card',\n    component: MediaCard,\n    schema: {\n        name: 'Media Card',\n        group: '@gravity-ui/page-constructor/Cards',\n        // TODO: change to custom block schema\n        inputs: generateFormFieldsFromAjvSchema(\n            MediaCardSchema['media-card'] as unknown as JSONSchemaType<{}>,\n        ),\n        default: {\n            content: {\n                title: 'Media Card',\n                text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',\n            },\n            image: 'https://storage.yandexcloud.net/yc-www-community-images/event_ecaf1ef1-bc3a-40fa-adef-827b0959e6c3.jpg',\n        },\n        previewImg: icon,\n    },\n};\n\nexport default MediaCardConfig;\n"]}

package/build/esm/utils/index.d.ts

@@ -8,5 +8,6 @@ export * from "./url.js";
 export * from "./theme.js";
 export * from "./icons.js";
 export * from "./navigation.js";
+export * from "./svg.js";
 export type { HubspotEventData, HubspotEventHandlers, HubspotEventName } from "./hubspot.js";
 export { isHubspotEventData } from "./hubspot.js";

package/build/esm/utils/index.js

@@ -8,5 +8,6 @@ export * from "./url.js";
 export * from "./theme.js";
 export * from "./icons.js";
 export * from "./navigation.js";
+export * from "./svg.js";
 export { isHubspotEventData } from "./hubspot.js";
 //# sourceMappingURL=index.js.map

package/build/esm/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["utils/index.ts"],"names":[],"mappings":"AAAA,4BAAyB;AACzB,+BAA4B;AAC5B,gCAA6B;AAC7B,4BAAyB;AACzB,yBAAsB;AACtB,wBAAqB;AACrB,yBAAsB;AACtB,2BAAwB;AACxB,2BAAwB;AACxB,gCAA6B;AAG7B,OAAO,EAAC,kBAAkB,EAAC,qBAAkB","sourcesContent":["export * from './common';\nexport * from './analytics';\nexport * from './breakpoint';\nexport * from './blocks';\nexport * from './url';\nexport * from './cn';\nexport * from './url';\nexport * from './theme';\nexport * from './icons';\nexport * from './navigation';\n\nexport type {HubspotEventData, HubspotEventHandlers, HubspotEventName} from './hubspot';\nexport {isHubspotEventData} from './hubspot';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["utils/index.ts"],"names":[],"mappings":"AAAA,4BAAyB;AACzB,+BAA4B;AAC5B,gCAA6B;AAC7B,4BAAyB;AACzB,yBAAsB;AACtB,wBAAqB;AACrB,yBAAsB;AACtB,2BAAwB;AACxB,2BAAwB;AACxB,gCAA6B;AAC7B,yBAAsB;AAGtB,OAAO,EAAC,kBAAkB,EAAC,qBAAkB","sourcesContent":["export * from './common';\nexport * from './analytics';\nexport * from './breakpoint';\nexport * from './blocks';\nexport * from './url';\nexport * from './cn';\nexport * from './url';\nexport * from './theme';\nexport * from './icons';\nexport * from './navigation';\nexport * from './svg';\n\nexport type {HubspotEventData, HubspotEventHandlers, HubspotEventName} from './hubspot';\nexport {isHubspotEventData} from './hubspot';\n"]}

package/build/esm/utils/svg.d.ts

@@ -1,3 +1,4 @@
 export declare const a11yHiddenSvgProps: {
     'aria-hidden': boolean;
 };
+export declare function svgToDataUri(svgContent: string): string;

package/build/esm/utils/svg.js

@@ -2,4 +2,7 @@ export const a11yHiddenSvgProps = {
     // Hides element from a11y tree
     'aria-hidden': true,
 };
+export function svgToDataUri(svgContent) {
+    return `data:image/svg+xml,${encodeURIComponent(svgContent)}`;
+}
 //# sourceMappingURL=svg.js.map

package/build/esm/utils/svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"svg.js","sourceRoot":"../../../src","sources":["utils/svg.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAC9B,+BAA+B;IAC/B,aAAa,EAAE,IAAI;CACtB,CAAC","sourcesContent":["export const a11yHiddenSvgProps = {\n    // Hides element from a11y tree\n    'aria-hidden': true,\n};\n"]}
+{"version":3,"file":"svg.js","sourceRoot":"../../../src","sources":["utils/svg.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAC9B,+BAA+B;IAC/B,aAAa,EAAE,IAAI;CACtB,CAAC;AAEF,MAAM,UAAU,YAAY,CAAC,UAAkB;IAC3C,OAAO,sBAAsB,kBAAkB,CAAC,UAAU,CAAC,EAAE,CAAC;AAClE,CAAC","sourcesContent":["export const a11yHiddenSvgProps = {\n    // Hides element from a11y tree\n    'aria-hidden': true,\n};\n\nexport function svgToDataUri(svgContent: string): string {\n    return `data:image/svg+xml,${encodeURIComponent(svgContent)}`;\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/page-constructor",
-  "version": "8.5.0-alpha.0",
+  "version": "8.5.0-alpha.2",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "type": "commonjs",
@@ -113,7 +113,7 @@
     "build:widget": "webpack --config widget.webpack.js",
     "build:schema": "webpack --config schema.webpack.js",
     "build": "run-p build:client build:server build:widget build:schema",
-    "build:playground": "echo wip",
+    "build:playground": "cd playground && tsc && vite build -c vite.config.mts",
     "prepublishOnly": "npm run lint && npm run build",
     "prepare": "husky install",
     "test": "jest",

package/server/utils/index.d.ts

@@ -8,5 +8,6 @@ export * from './url';
 export * from './theme';
 export * from './icons';
 export * from './navigation';
+export * from './svg';
 export type { HubspotEventData, HubspotEventHandlers, HubspotEventName } from './hubspot';
 export { isHubspotEventData } from './hubspot';

package/server/utils/index.js

@@ -25,5 +25,6 @@ __exportStar(require("./url"), exports);
 __exportStar(require("./theme"), exports);
 __exportStar(require("./icons"), exports);
 __exportStar(require("./navigation"), exports);
+__exportStar(require("./svg"), exports);
 var hubspot_1 = require("./hubspot");
 Object.defineProperty(exports, "isHubspotEventData", { enumerable: true, get: function () { return hubspot_1.isHubspotEventData; } });

package/server/utils/svg.d.ts

@@ -0,0 +1,4 @@
+export declare const a11yHiddenSvgProps: {
+    'aria-hidden': boolean;
+};
+export declare function svgToDataUri(svgContent: string): string;

package/server/utils/svg.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.a11yHiddenSvgProps = void 0;
+exports.svgToDataUri = svgToDataUri;
+exports.a11yHiddenSvgProps = {
+    // Hides element from a11y tree
+    'aria-hidden': true,
+};
+function svgToDataUri(svgContent) {
+    return `data:image/svg+xml,${encodeURIComponent(svgContent)}`;
+}