@gravity-ui/page-constructor 6.3.1 → 6.3.2-alpha.2

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["editor-v2/utils/index.ts"],"names":[],"mappings":"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","sourcesContent":["import _ from 'lodash';\n\nimport {ConstructorBlock} from '../../models';\n\nexport function insert<T>(arr: Array<T>, index: number, newItem: T) {\n    return [...arr.slice(0, index), newItem, ...arr.slice(index)];\n}\n\nexport function removeFromArray<T>(array: Array<T>, index: number) {\n    return [...array.slice(0, index), ...array.slice(index + 1)];\n}\n\nexport function swapArrayItems<T>(array: Array<T>, firstIndex: number, secondIndex: number) {\n    const results = array.slice();\n    const firstItem = array[firstIndex];\n    results[firstIndex] = array[secondIndex];\n    results[secondIndex] = firstItem;\n    return results;\n}\n\nexport function reorderArrayItems<T>(array: Array<T>, index: number, destination: number) {\n    const min = Math.min(index, destination);\n    const max = Math.max(index, destination);\n    const firstOperationRemove = index < destination;\n    const result = [];\n    result.push(...array.slice(0, min));\n    if (!firstOperationRemove) {\n        result.push(array[index]);\n    }\n    result.push(...array.slice(firstOperationRemove ? min + 1 : min, max));\n    if (firstOperationRemove) {\n        result.push(array[index]);\n    }\n    result.push(...array.slice(firstOperationRemove ? max : max + 1, array.length));\n    return result;\n}\n\nexport function duplicateArrayItem<T>(array: Array<T>, index: number) {\n    const duplicatedItem = _.cloneDeep(array[index]);\n    return [...array.slice(0, index), duplicatedItem, ...array.slice(index)];\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function insertByPath<T extends object>(object: T, path: string, value: any) {\n    if (!path) {\n        return value as T;\n    }\n\n    return _.setWith(_.clone(object), path, value, _.clone);\n}\n\n/*\n *  path: string;\n *  Example:\n *  1. blocks[0] => {path: blocks, index: 0}\n *  2. blocks[2].children[10] => {path: blocks[2].children, index: 10}\n **/\nexport function splitPathAndIndex(path: string) {\n    // Match blocks[3], blocks[0].children[12], blocks[0], blocks[999999]\n    const bracketsRegExp = /(.*)\\[(\\d+)]$/g;\n    const regexpMatches = [...path.matchAll(bracketsRegExp)];\n    if (regexpMatches.length) {\n        return {\n            // blocks, blocks[0].children\n            path: regexpMatches[0][1],\n            // 3, 12, 0, 9999\n            index: Number(regexpMatches[0][2]),\n        };\n    }\n\n    // eslint-disable-next-line no-console\n    console.error('Non correct path for splitting');\n    return undefined;\n}\n\n/*\n * [0, 4, 3] => [0].children[4].children[3]\n * */\nexport function generateChildrenPathFromArray(indexes: number[]) {\n    if (!indexes.length) {\n        return '';\n    }\n\n    let resultPath = `[${indexes[0]}]`;\n\n    if (indexes.length > 1) {\n        for (let i = 1; i < indexes.length; i++) {\n            resultPath += `.children[${indexes[i]}]`;\n        }\n    }\n\n    return resultPath;\n}\n\nexport function modifyObjectByPath(\n    blocks: ConstructorBlock[],\n    arrayPath: number[],\n    modifyCallback: (parentBlocks: ConstructorBlock[], index: number) => ConstructorBlock[],\n) {\n    // [1]\n    // [4].children[3]\n    const insertPath = generateChildrenPathFromArray(arrayPath);\n    // path: ''                 index: 1\n    // path: '[4].children'     index: 3\n    const splitPath = splitPathAndIndex(insertPath);\n\n    if (splitPath) {\n        const {path: parentPath, index} = splitPath;\n        // Get Array that lies on path\n        const parentArray = parentPath ? _.get(blocks, parentPath) : blocks;\n\n        const value = Array.isArray(parentArray) ? parentArray : [];\n        // Modify Array\n        const newModifiedArray = modifyCallback(value, index);\n\n        // Return it back\n        return insertByPath(blocks, parentPath, newModifiedArray);\n    }\n\n    return blocks;\n}\n\nexport function isItemsNeighbours(arrayA: number[], arrayB: number[]) {\n    if (arrayA.length !== arrayB.length) {\n        return false;\n    }\n\n    for (let i = 0; i < arrayA.length - 1; i++) {\n        if (arrayA[i] !== arrayB[i]) {\n            return false;\n        }\n    }\n\n    return true;\n}\n\nexport function getDestinationShiftBeforeReorder(arrayInit: number[], arrayDest: number[]) {\n    if (arrayInit.length === arrayDest.length || arrayInit.length > arrayDest.length) {\n        return arrayDest;\n    }\n\n    for (let i = 0; i < arrayInit.length; i++) {\n        if (arrayInit[i] < arrayDest[i]) {\n            return prepareShift(arrayInit, arrayDest);\n        }\n    }\n\n    return arrayDest;\n}\n\nexport function prepareShift(arrayInit: number[], arrayDest: number[]) {\n    if (arrayInit.length === arrayDest.length || arrayInit.length > arrayDest.length) {\n        return arrayDest;\n    }\n\n    return arrayDest.map((pathIndex, index) =>\n        index === arrayInit.length - 1 ? pathIndex - 1 : pathIndex,\n    );\n}\n\nexport const getUrlOrigin = (url: string) => {\n    try {\n        const urlObject = new URL(url);\n        return urlObject.origin;\n    } catch {\n        return undefined;\n    }\n};\n\nexport const getItemTitle = (item: object): string | undefined => {\n    return (\n        _.get(item, 'title.text') ||\n        _.get(item, 'title') ||\n        _.get(item, 'textContent.title') ||\n        _.get(item, 'content.title')\n    );\n};\n"]}

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

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

package/build/cjs/hooks/useAnalytics.js

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

package/build/cjs/hooks/useAnalytics.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAnalytics.js","sourceRoot":"../../../src","sources":["hooks/useAnalytics.ts"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,2EAA6D;AAC7D,uEAAyD;AACzD,+CAAoF;AAE7E,MAAM,YAAY,GAAG,CAAC,IAAI,GAAG,EAAE,EAAE,MAAe,EAAE,EAAE;IACvD,MAAM,EAAC,UAAU,EAAE,UAAU,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,mCAAgB,CAAC,CAAC;IACpE,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,+BAAc,CAAC,CAAC;IACjD,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAC9B,GAAG,EAAE,CACD,IAAI;QACA,CAAC,CAAC;YACI,IAAI;YACJ,OAAO;YACP,IAAI,EAAE,6BAAoB,CAAC,OAAO;YAClC,MAAM,EAAE,MAAM;SACjB;QACH,CAAC,CAAC,SAAS,EACnB,CAAC,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAC1B,CAAC;IAEF,IAAI,CAAC,UAAU,EAAE,CAAC;QACd,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;IACpB,CAAC;IAED,MAAM,aAAa,GAAG,YAAY,IAAI,UAAU,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAEvE,OAAO,CAAC,CAA8B,EAAE,iBAA0C,EAAE,EAAE;QAClF,IAAI,MAAM,GAAqB,aAAa,CAAC;QAE7C,IAAI,CAAC,EAAE,CAAC;YACJ,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,EAAE,CAAC,CAAC,CAAC;QACnE,CAAC;QAED,IAAI,CAAC,MAAM,EAAE,CAAC;YACV,OAAO;QACX,CAAC;QAED,MAAM,cAAc,GAAG,iBAAiB;YACpC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;gBACnB,GAAG,KAAK;gBACR,GAAG,iBAAiB;aACvB,CAAC,CAAC;YACL,CAAC,CAAC,MAAM,CAAC;QAEb,UAAU,CAAC,cAAc,CAAC,CAAC;IAC/B,CAAC,CAAC;AACN,CAAC,CAAC;AA1CW,QAAA,YAAY,gBA0CvB","sourcesContent":["import * as React from 'react';\n\nimport {AnalyticsContext} from '../context/analyticsContext';\nimport {BlockIdContext} from '../context/blockIdContext';\nimport {AnalyticsEvent, AnalyticsEventsProp, PredefinedEventTypes} from '../models';\n\nexport const useAnalytics = (name = '', target?: string) => {\n    const {sendEvents, autoEvents} = React.useContext(AnalyticsContext);\n    const context = React.useContext(BlockIdContext);\n    const defaultEvent = React.useMemo(\n        () =>\n            name\n                ? {\n                      name,\n                      context,\n                      type: PredefinedEventTypes.Default,\n                      target: target,\n                  }\n                : undefined,\n        [context, name, target],\n    );\n\n    if (!sendEvents) {\n        return () => {};\n    }\n\n    const defaultEvents = defaultEvent && autoEvents ? [defaultEvent] : [];\n\n    return (e?: AnalyticsEventsProp | null, additionalContext?: Record<string, string>) => {\n        let events: AnalyticsEvent[] = defaultEvents;\n\n        if (e) {\n            events = Array.isArray(e) ? [...events, ...e] : [...events, e];\n        }\n\n        if (!events) {\n            return;\n        }\n\n        const preparedEvents = additionalContext\n            ? events.map((event) => ({\n                  ...event,\n                  ...additionalContext,\n              }))\n            : events;\n\n        sendEvents(preparedEvents);\n    };\n};\n"]}
+{"version":3,"file":"useAnalytics.js","sourceRoot":"../../../src","sources":["hooks/useAnalytics.ts"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,2EAA6D;AAC7D,uEAAyD;AACzD,+CAAoF;AAE7E,MAAM,YAAY,GAAG,CAAC,IAAI,GAAG,EAAE,EAAE,MAAe,EAAE,EAAE;IACvD,MAAM,EAAC,UAAU,EAAE,UAAU,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,mCAAgB,CAAC,CAAC;IACpE,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,+BAAc,CAAC,CAAC;IACjD,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAC9B,GAAG,EAAE,CACD,IAAI;QACA,CAAC,CAAC;YACI,IAAI;YACJ,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC;YACxB,IAAI,EAAE,6BAAoB,CAAC,OAAO;YAClC,MAAM,EAAE,MAAM;SACjB;QACH,CAAC,CAAC,SAAS,EACnB,CAAC,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAC1B,CAAC;IAEF,IAAI,CAAC,UAAU,EAAE,CAAC;QACd,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;IACpB,CAAC;IAED,MAAM,aAAa,GAAG,YAAY,IAAI,UAAU,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAEvE,OAAO,CAAC,CAA8B,EAAE,iBAA0C,EAAE,EAAE;QAClF,IAAI,MAAM,GAAqB,aAAa,CAAC;QAE7C,IAAI,CAAC,EAAE,CAAC;YACJ,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,EAAE,CAAC,CAAC,CAAC;QACnE,CAAC;QAED,IAAI,CAAC,MAAM,EAAE,CAAC;YACV,OAAO;QACX,CAAC;QAED,MAAM,cAAc,GAAG,iBAAiB;YACpC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;gBACnB,GAAG,KAAK;gBACR,GAAG,iBAAiB;aACvB,CAAC,CAAC;YACL,CAAC,CAAC,MAAM,CAAC;QAEb,UAAU,CAAC,cAAc,CAAC,CAAC;IAC/B,CAAC,CAAC;AACN,CAAC,CAAC;AA1CW,QAAA,YAAY,gBA0CvB","sourcesContent":["import * as React from 'react';\n\nimport {AnalyticsContext} from '../context/analyticsContext';\nimport {BlockIdContext} from '../context/blockIdContext';\nimport {AnalyticsEvent, AnalyticsEventsProp, PredefinedEventTypes} from '../models';\n\nexport const useAnalytics = (name = '', target?: string) => {\n    const {sendEvents, autoEvents} = React.useContext(AnalyticsContext);\n    const context = React.useContext(BlockIdContext);\n    const defaultEvent = React.useMemo(\n        () =>\n            name\n                ? {\n                      name,\n                      context: String(context),\n                      type: PredefinedEventTypes.Default,\n                      target: target,\n                  }\n                : undefined,\n        [context, name, target],\n    );\n\n    if (!sendEvents) {\n        return () => {};\n    }\n\n    const defaultEvents = defaultEvent && autoEvents ? [defaultEvent] : [];\n\n    return (e?: AnalyticsEventsProp | null, additionalContext?: Record<string, string>) => {\n        let events: AnalyticsEvent[] = defaultEvents;\n\n        if (e) {\n            events = Array.isArray(e) ? [...events, ...e] : [...events, e];\n        }\n\n        if (!events) {\n            return;\n        }\n\n        const preparedEvents = additionalContext\n            ? events.map((event) => ({\n                  ...event,\n                  ...additionalContext,\n              }))\n            : events;\n\n        sendEvents(preparedEvents);\n    };\n};\n"]}

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

@@ -0,0 +1,8 @@
+import * as React from 'react';
+declare const usePCEditorBlockMouseEvents: (arrayIndex: number[], element?: HTMLElement) => {
+    onClick: (e: React.MouseEvent) => void;
+    onMouseMove: (e: React.MouseEvent) => void;
+    onMouseUp: (e: React.MouseEvent) => void;
+    onMouseLeave: () => void;
+};
+export default usePCEditorBlockMouseEvents;

package/build/cjs/hooks/usePCEditorBlockMouseEvents.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const editor_1 = require("../utils/editor.js");
+const usePostMessageAPI_1 = require("./usePostMessageAPI.js");
+const usePCEditorBlockMouseEvents = (arrayIndex, element) => {
+    const onMouseUp = React.useCallback((e) => {
+        e.stopPropagation();
+        if (element) {
+            const rect = element.getClientRects().item(0);
+            if (rect) {
+                const position = (0, editor_1.getCursorPositionOverElement)(rect, e);
+                (0, usePostMessageAPI_1.sendEventPostMessage)('ON_MOUSE_UP', { path: arrayIndex, rect, position });
+            }
+        }
+    }, [arrayIndex, element]);
+    const onMouseMove = React.useCallback((e) => {
+        e.stopPropagation();
+        if (element) {
+            const rect = element.getClientRects().item(0);
+            if (rect) {
+                const position = (0, editor_1.getCursorPositionOverElement)(rect, e);
+                (0, usePostMessageAPI_1.sendEventPostMessage)('ON_HOVER_BLOCK', { rect, position });
+            }
+        }
+    }, [element]);
+    const onMouseLeave = React.useCallback(() => {
+        if (element) {
+            const rect = element.getClientRects().item(0);
+            if (rect) {
+                (0, usePostMessageAPI_1.sendEventPostMessage)('ON_HOVER_BLOCK', {});
+            }
+        }
+    }, [element]);
+    const onClick = React.useCallback((e) => {
+        e.stopPropagation();
+        if (element) {
+            (0, usePostMessageAPI_1.sendEventPostMessage)('ON_CLICK_BLOCK', { path: arrayIndex });
+        }
+    }, [arrayIndex, element]);
+    return {
+        onClick,
+        onMouseMove,
+        onMouseUp,
+        onMouseLeave,
+    };
+};
+exports.default = usePCEditorBlockMouseEvents;
+//# sourceMappingURL=usePCEditorBlockMouseEvents.js.map

package/build/cjs/hooks/usePCEditorBlockMouseEvents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePCEditorBlockMouseEvents.js","sourceRoot":"../../../src","sources":["hooks/usePCEditorBlockMouseEvents.ts"],"names":[],"mappings":";;;AAAA,qDAA+B;AAI/B,+CAA6D;AAE7D,8DAAyD;AAEzD,MAAM,2BAA2B,GAAG,CAAC,UAAoB,EAAE,OAAqB,EAAE,EAAE;IAChF,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAC/B,CAAC,CAAmB,EAAE,EAAE;QACpB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,OAAO,EAAE,CAAC;YACV,MAAM,IAAI,GAAG,OAAO,CAAC,cAAc,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;YAC9C,IAAI,IAAI,EAAE,CAAC;gBACP,MAAM,QAAQ,GAAG,IAAA,qCAA4B,EAAC,IAAI,EAAE,CAAC,CAAC,CAAC;gBACvD,IAAA,wCAAoB,EAAC,aAAa,EAAE,EAAC,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAC,CAAC,CAAC;YAC5E,CAAC;QACL,CAAC;IACL,CAAC,EACD,CAAC,UAAU,EAAE,OAAO,CAAC,CACxB,CAAC;IAEF,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CACjC,CAAC,CAAmB,EAAE,EAAE;QACpB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,OAAO,EAAE,CAAC;YACV,MAAM,IAAI,GAAG,OAAO,CAAC,cAAc,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;YAC9C,IAAI,IAAI,EAAE,CAAC;gBACP,MAAM,QAAQ,GAAG,IAAA,qCAA4B,EAAC,IAAI,EAAE,CAAC,CAAC,CAAC;gBACvD,IAAA,wCAAoB,EAAC,gBAAgB,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAC,CAAC,CAAC;YAC7D,CAAC;QACL,CAAC;IACL,CAAC,EACD,CAAC,OAAO,CAAC,CACZ,CAAC;IAEF,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,OAAO,EAAE,CAAC;YACV,MAAM,IAAI,GAAG,OAAO,CAAC,cAAc,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;YAC9C,IAAI,IAAI,EAAE,CAAC;gBACP,IAAA,wCAAoB,EAAC,gBAAgB,EAAE,EAAE,CAAC,CAAC;YAC/C,CAAC;QACL,CAAC;IACL,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAC7B,CAAC,CAAmB,EAAE,EAAE;QACpB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,OAAO,EAAE,CAAC;YACV,IAAA,wCAAoB,EAAC,gBAAgB,EAAE,EAAC,IAAI,EAAE,UAAU,EAAC,CAAC,CAAC;QAC/D,CAAC;IACL,CAAC,EACD,CAAC,UAAU,EAAE,OAAO,CAAC,CACxB,CAAC;IAEF,OAAO;QACH,OAAO;QACP,WAAW;QACX,SAAS;QACT,YAAY;KACf,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,2BAA2B,CAAC","sourcesContent":["import * as React from 'react';\n\nimport _ from 'lodash';\n\nimport {getCursorPositionOverElement} from '../utils/editor';\n\nimport {sendEventPostMessage} from './usePostMessageAPI';\n\nconst usePCEditorBlockMouseEvents = (arrayIndex: number[], element?: HTMLElement) => {\n    const onMouseUp = React.useCallback(\n        (e: React.MouseEvent) => {\n            e.stopPropagation();\n            if (element) {\n                const rect = element.getClientRects().item(0);\n                if (rect) {\n                    const position = getCursorPositionOverElement(rect, e);\n                    sendEventPostMessage('ON_MOUSE_UP', {path: arrayIndex, rect, position});\n                }\n            }\n        },\n        [arrayIndex, element],\n    );\n\n    const onMouseMove = React.useCallback(\n        (e: React.MouseEvent) => {\n            e.stopPropagation();\n            if (element) {\n                const rect = element.getClientRects().item(0);\n                if (rect) {\n                    const position = getCursorPositionOverElement(rect, e);\n                    sendEventPostMessage('ON_HOVER_BLOCK', {rect, position});\n                }\n            }\n        },\n        [element],\n    );\n\n    const onMouseLeave = React.useCallback(() => {\n        if (element) {\n            const rect = element.getClientRects().item(0);\n            if (rect) {\n                sendEventPostMessage('ON_HOVER_BLOCK', {});\n            }\n        }\n    }, [element]);\n\n    const onClick = React.useCallback(\n        (e: React.MouseEvent) => {\n            e.stopPropagation();\n            if (element) {\n                sendEventPostMessage('ON_CLICK_BLOCK', {path: arrayIndex});\n            }\n        },\n        [arrayIndex, element],\n    );\n\n    return {\n        onClick,\n        onMouseMove,\n        onMouseUp,\n        onMouseLeave,\n    };\n};\n\nexport default usePCEditorBlockMouseEvents;\n"]}

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

@@ -0,0 +1,2 @@
+declare const usePCEditorBlockSelection: (arrayIndex: number[], element?: HTMLElement) => void;
+export default usePCEditorBlockSelection;

package/build/cjs/hooks/usePCEditorBlockSelection.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const usePCEditorStore_1 = require("./usePCEditorStore.js");
+const usePostMessageAPI_1 = require("./usePostMessageAPI.js");
+const usePCEditorBlockSelection = (arrayIndex, element) => {
+    const { selectedBlock } = (0, usePCEditorStore_1.usePCEditorStore)();
+    const onResize = React.useCallback(() => {
+        if (element && lodash_1.default.isEqual(selectedBlock, arrayIndex)) {
+            const rect = element.getClientRects().item(0);
+            if (rect) {
+                (0, usePostMessageAPI_1.sendEventPostMessage)('ON_UPDATE_BLOCK_SELECTION', { rect });
+            }
+        }
+    }, [arrayIndex, element, selectedBlock]);
+    React.useEffect(() => {
+        window.addEventListener('resize', onResize);
+        return () => {
+            window.removeEventListener('resize', onResize);
+        };
+    }, [element, onResize]);
+    // Update blockBorders when selectedBlock changes
+    React.useEffect(() => {
+        onResize();
+    }, [onResize]);
+};
+exports.default = usePCEditorBlockSelection;
+//# sourceMappingURL=usePCEditorBlockSelection.js.map

package/build/cjs/hooks/usePCEditorBlockSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePCEditorBlockSelection.js","sourceRoot":"../../../src","sources":["hooks/usePCEditorBlockSelection.ts"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,4DAAuB;AAEvB,4DAAoD;AACpD,8DAAyD;AAEzD,MAAM,yBAAyB,GAAG,CAAC,UAAoB,EAAE,OAAqB,EAAE,EAAE;IAC9E,MAAM,EAAC,aAAa,EAAC,GAAG,IAAA,mCAAgB,GAAE,CAAC;IAE3C,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACpC,IAAI,OAAO,IAAI,gBAAC,CAAC,OAAO,CAAC,aAAa,EAAE,UAAU,CAAC,EAAE,CAAC;YAClD,MAAM,IAAI,GAAG,OAAO,CAAC,cAAc,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;YAC9C,IAAI,IAAI,EAAE,CAAC;gBACP,IAAA,wCAAoB,EAAC,2BAA2B,EAAE,EAAC,IAAI,EAAC,CAAC,CAAC;YAC9D,CAAC;QACL,CAAC;IACL,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC;IAEzC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAE5C,OAAO,GAAG,EAAE;YACR,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QACnD,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAExB,iDAAiD;IACjD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,QAAQ,EAAE,CAAC;IACf,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;AACnB,CAAC,CAAC;AAEF,kBAAe,yBAAyB,CAAC","sourcesContent":["import * as React from 'react';\nimport _ from 'lodash';\n\nimport {usePCEditorStore} from './usePCEditorStore';\nimport {sendEventPostMessage} from './usePostMessageAPI';\n\nconst usePCEditorBlockSelection = (arrayIndex: number[], element?: HTMLElement) => {\n    const {selectedBlock} = usePCEditorStore();\n\n    const onResize = React.useCallback(() => {\n        if (element && _.isEqual(selectedBlock, arrayIndex)) {\n            const rect = element.getClientRects().item(0);\n            if (rect) {\n                sendEventPostMessage('ON_UPDATE_BLOCK_SELECTION', {rect});\n            }\n        }\n    }, [arrayIndex, element, selectedBlock]);\n\n    React.useEffect(() => {\n        window.addEventListener('resize', onResize);\n\n        return () => {\n            window.removeEventListener('resize', onResize);\n        };\n    }, [element, onResize]);\n\n    // Update blockBorders when selectedBlock changes\n    React.useEffect(() => {\n        onResize();\n    }, [onResize]);\n};\n\nexport default usePCEditorBlockSelection;\n"]}

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

@@ -0,0 +1,7 @@
+import { PageContentWithNavigation } from "../models/index.js";
+interface UseEditorInitializeProps {
+    initialContent: PageContentWithNavigation;
+    setContent: (content: PageContentWithNavigation) => void;
+}
+export declare const usePCEditorInitializeEvents: ({ initialContent, setContent, }: UseEditorInitializeProps) => void;
+export {};

package/build/cjs/hooks/usePCEditorInitializeEvents.js

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePCEditorInitializeEvents = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const constructor_items_1 = require("../constructor-items.js");
+const schema_1 = require("../schema/index.js");
+const form_generator_1 = require("../utils/form-generator.js");
+const usePCEditorStore_1 = require("./usePCEditorStore.js");
+const usePostMessageAPI_1 = require("./usePostMessageAPI.js");
+const usePCEditorInitializeEvents = ({ initialContent, setContent, }) => {
+    const { manipulateOverlayMode, initialized, content } = (0, usePCEditorStore_1.usePCEditorStore)();
+    React.useEffect(() => {
+        if (initialized) {
+            setContent(content);
+        }
+    }, [content, initialized, setContent]);
+    (0, usePostMessageAPI_1.useInternalPostMessageAPIListener)('GET_INITIAL_CONTENT', () => {
+        (0, usePostMessageAPI_1.sendEventPostMessage)('ON_INITIAL_CONTENT', initialContent);
+    });
+    (0, usePostMessageAPI_1.useInternalPostMessageAPIListener)('GET_SUPPORTED_BLOCKS', () => {
+        (0, usePostMessageAPI_1.sendEventPostMessage)('ON_SUPPORTED_BLOCKS', {
+            blocks: Object.entries(constructor_items_1.blockDataMap).reduce((acc, [key, value]) => {
+                acc.push({ type: key, schema: value.schema });
+                return acc;
+            }, []),
+            subBlocks: [],
+            global: (0, form_generator_1.generateFromAJV)(schema_1.defaultComponentsConfigurationSchema),
+        });
+    });
+    const onResize = React.useCallback(() => {
+        const height = document.documentElement.getBoundingClientRect().height;
+        (0, usePostMessageAPI_1.sendEventPostMessage)('ON_RESIZE', { height });
+    }, []);
+    new ResizeObserver(onResize).observe(document.body);
+    React.useEffect(() => {
+        const onMouseUp = () => {
+            (0, usePostMessageAPI_1.sendEventPostMessage)('ON_MOUSE_UP', {});
+        };
+        const onMouseMove = (event) => {
+            event.preventDefault();
+            event.stopPropagation();
+            (0, usePostMessageAPI_1.sendEventPostMessage)('ON_MOUSE_MOVE', { x: event.clientX, y: event.clientY });
+        };
+        const throttleOnMouseMove = lodash_1.default.throttle(onMouseMove, 10);
+        const throttleOnMouseUp = lodash_1.default.throttle(onMouseUp, 10);
+        document.addEventListener('mousemove', throttleOnMouseMove);
+        document.addEventListener('mouseup', throttleOnMouseUp);
+        window.addEventListener('resize', onResize);
+        return () => {
+            document.removeEventListener('mousemove', throttleOnMouseMove);
+            document.removeEventListener('mouseup', throttleOnMouseUp);
+            window.removeEventListener('resize', onResize);
+        };
+    }, [manipulateOverlayMode, onResize]);
+    React.useEffect(() => {
+        const height = document.documentElement.getBoundingClientRect().height;
+        (0, usePostMessageAPI_1.sendEventPostMessage)('ON_INIT', { height });
+    }, []);
+};
+exports.usePCEditorInitializeEvents = usePCEditorInitializeEvents;
+//# sourceMappingURL=usePCEditorInitializeEvents.js.map

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

@@ -0,0 +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 {JSONSchemaType} from 'ajv';\nimport _ from 'lodash';\n\nimport {ItemConfig} from '../../common/types';\nimport {blockDataMap} from '../constructor-items';\nimport {PageContentWithNavigation} from '../models';\nimport {defaultComponentsConfigurationSchema} from '../schema';\nimport {generateFromAJV} from '../utils/form-generator';\n\nimport {usePCEditorStore} from './usePCEditorStore';\nimport {sendEventPostMessage, useInternalPostMessageAPIListener} from './usePostMessageAPI';\n\ninterface UseEditorInitializeProps {\n    initialContent: PageContentWithNavigation;\n    setContent: (content: PageContentWithNavigation) => void;\n}\n\nexport const usePCEditorInitializeEvents = ({\n    initialContent,\n    setContent,\n}: UseEditorInitializeProps) => {\n    const {manipulateOverlayMode, 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: Object.entries(blockDataMap).reduce((acc, [key, value]) => {\n                acc.push({type: key, schema: value.schema});\n                return acc;\n            }, [] as ItemConfig[]),\n            subBlocks: [],\n            global: generateFromAJV(\n                defaultComponentsConfigurationSchema as unknown as JSONSchemaType<{}>,\n            ),\n        });\n    });\n\n    const onResize = React.useCallback(() => {\n        const height = document.documentElement.getBoundingClientRect().height;\n        sendEventPostMessage('ON_RESIZE', {height});\n    }, []);\n\n    new ResizeObserver(onResize).observe(document.body);\n\n    React.useEffect(() => {\n        const onMouseUp = () => {\n            sendEventPostMessage('ON_MOUSE_UP', {});\n        };\n\n        const onMouseMove = (event: MouseEvent) => {\n            event.preventDefault();\n            event.stopPropagation();\n            sendEventPostMessage('ON_MOUSE_MOVE', {x: event.clientX, y: event.clientY});\n        };\n\n        const throttleOnMouseMove = _.throttle(onMouseMove, 10);\n        const throttleOnMouseUp = _.throttle(onMouseUp, 10);\n\n        document.addEventListener('mousemove', throttleOnMouseMove);\n        document.addEventListener('mouseup', throttleOnMouseUp);\n        window.addEventListener('resize', onResize);\n\n        return () => {\n            document.removeEventListener('mousemove', throttleOnMouseMove);\n            document.removeEventListener('mouseup', throttleOnMouseUp);\n            window.removeEventListener('resize', onResize);\n        };\n    }, [manipulateOverlayMode, onResize]);\n\n    React.useEffect(() => {\n        const height = document.documentElement.getBoundingClientRect().height;\n        sendEventPostMessage('ON_INIT', {height});\n    }, []);\n};\n"]}

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+export declare function usePCEditorItemWrap(index?: number): {
+    adminBlockMouseEvents: {
+        onClick: (e: React.MouseEvent) => void;
+        onMouseMove: (e: React.MouseEvent) => void;
+        onMouseUp: (e: React.MouseEvent) => void;
+        onMouseLeave: () => void;
+    };
+    blockRef: (node: HTMLElement | null) => void;
+};

package/build/cjs/hooks/usePCEditorItemWrap.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePCEditorItemWrap = usePCEditorItemWrap;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const blockIdContext_1 = require("../context/blockIdContext/index.js");
+const usePCEditorBlockMouseEvents_1 = tslib_1.__importDefault(require("./usePCEditorBlockMouseEvents.js"));
+const usePCEditorBlockSelection_1 = tslib_1.__importDefault(require("./usePCEditorBlockSelection.js"));
+function usePCEditorItemWrap(index = 0) {
+    const [element, setElement] = React.useState();
+    const blockRef = React.useCallback((node) => {
+        if (node !== null) {
+            setElement(node);
+        }
+    }, []);
+    const parentBlockId = React.useContext(blockIdContext_1.BlockIdContext);
+    const adminBlockMouseEvents = (0, usePCEditorBlockMouseEvents_1.default)([...parentBlockId, index], element);
+    (0, usePCEditorBlockSelection_1.default)([...parentBlockId, index], element);
+    return { adminBlockMouseEvents, blockRef };
+}
+//# sourceMappingURL=usePCEditorItemWrap.js.map

package/build/cjs/hooks/usePCEditorItemWrap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePCEditorItemWrap.js","sourceRoot":"../../../src","sources":["hooks/usePCEditorItemWrap.ts"],"names":[],"mappings":";;AAOA,kDAcC;;AArBD,qDAA+B;AAE/B,uEAAyD;AAEzD,2GAAwE;AACxE,uGAAoE;AAEpE,SAAgB,mBAAmB,CAAC,KAAK,GAAG,CAAC;IACzC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,EAA2B,CAAC;IAExE,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,IAAwB,EAAE,EAAE;QAC5D,IAAI,IAAI,KAAK,IAAI,EAAE,CAAC;YAChB,UAAU,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAC,+BAAc,CAAC,CAAC;IACvD,MAAM,qBAAqB,GAAG,IAAA,qCAA2B,EAAC,CAAC,GAAG,aAAa,EAAE,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;IAC9F,IAAA,mCAAyB,EAAC,CAAC,GAAG,aAAa,EAAE,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;IAE9D,OAAO,EAAC,qBAAqB,EAAE,QAAQ,EAAC,CAAC;AAC7C,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {BlockIdContext} from '../context/blockIdContext';\n\nimport usePCEditorBlockMouseEvents from './usePCEditorBlockMouseEvents';\nimport usePCEditorBlockSelection from './usePCEditorBlockSelection';\n\nexport function usePCEditorItemWrap(index = 0) {\n    const [element, setElement] = React.useState<HTMLElement | undefined>();\n\n    const blockRef = React.useCallback((node: HTMLElement | null) => {\n        if (node !== null) {\n            setElement(node);\n        }\n    }, []);\n\n    const parentBlockId = React.useContext(BlockIdContext);\n    const adminBlockMouseEvents = usePCEditorBlockMouseEvents([...parentBlockId, index], element);\n    usePCEditorBlockSelection([...parentBlockId, index], element);\n\n    return {adminBlockMouseEvents, blockRef};\n}\n"]}

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

@@ -0,0 +1 @@
+export declare const usePCEditorStore: () => import("../../common/store.js").EditorState;

package/build/cjs/hooks/usePCEditorStore.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePCEditorStore = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const zustand_1 = require("zustand");
+const editorStoreContext_1 = require("../context/editorStoreContext/index.js");
+const usePCEditorStore = () => {
+    const { state } = React.useContext(editorStoreContext_1.PCEditorStoreContext);
+    return (0, zustand_1.useStore)(state);
+};
+exports.usePCEditorStore = usePCEditorStore;
+//# sourceMappingURL=usePCEditorStore.js.map

package/build/cjs/hooks/usePCEditorStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePCEditorStore.js","sourceRoot":"../../../src","sources":["hooks/usePCEditorStore.ts"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,qCAAiC;AAEjC,+EAAmE;AAE5D,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACjC,MAAM,EAAC,KAAK,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,yCAAoB,CAAC,CAAC;IACvD,OAAO,IAAA,kBAAQ,EAAC,KAAK,CAAC,CAAC;AAC3B,CAAC,CAAC;AAHW,QAAA,gBAAgB,oBAG3B","sourcesContent":["import * as React from 'react';\n\nimport {useStore} from 'zustand';\n\nimport {PCEditorStoreContext} from '../context/editorStoreContext';\n\nexport const usePCEditorStore = () => {\n    const {state} = React.useContext(PCEditorStoreContext);\n    return useStore(state);\n};\n"]}

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

@@ -0,0 +1,4 @@
+import { ActionMessageTypes, EventMessageTypes } from "../../common/types/actions.js";
+export declare function sendEventPostMessage<K extends keyof EventMessageTypes>(action: K, data: EventMessageTypes[K]): void;
+export declare function listenPostMessageActions<K extends keyof ActionMessageTypes>(action: K, callback: (data: ActionMessageTypes[K]) => void): () => void;
+export declare function useInternalPostMessageAPIListener<K extends keyof ActionMessageTypes>(action: K, callback: (data: ActionMessageTypes[K]) => void): void;

package/build/cjs/hooks/usePostMessageAPI.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.sendEventPostMessage = sendEventPostMessage;
+exports.listenPostMessageActions = listenPostMessageActions;
+exports.useInternalPostMessageAPIListener = useInternalPostMessageAPIListener;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+function sendEventPostMessage(action, data) {
+    const message = { action, data };
+    window.parent.postMessage(message);
+}
+function listenPostMessageActions(action, callback) {
+    const onMessage = (e) => {
+        const message = e.data;
+        if ('action' in message && message.action === action) {
+            return callback(message.data);
+        }
+        return undefined;
+    };
+    window.addEventListener('message', onMessage);
+    return () => {
+        window.removeEventListener('message', onMessage);
+    };
+}
+function useInternalPostMessageAPIListener(action, callback) {
+    React.useEffect(() => {
+        return listenPostMessageActions(action, callback);
+    }, [action, callback]);
+}
+//# sourceMappingURL=usePostMessageAPI.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePostMessageAPI.js","sourceRoot":"../../../src","sources":["hooks/usePostMessageAPI.ts"],"names":[],"mappings":";;AAKA,oDAMC;AAED,4DAmBC;AAED,8EAOC;;AAzCD,qDAA+B;AAK/B,SAAgB,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,SAAgB,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,SAAgB,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/cjs/models/constructor-items/blocks.d.ts

@@ -25,6 +25,7 @@ export declare enum BlockType {
     MapBlock = "map-block",
     FilterBlock = "filter-block",
     FormBlock = "form-block",
+    TestEditorBlock = "test-editor-block",
     SliderNewBlock = "slider-new-block"
 }
 export declare const BlockTypes: BlockType[];

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

@@ -23,6 +23,7 @@ var BlockType;
     BlockType["FilterBlock"] = "filter-block";
     BlockType["FormBlock"] = "form-block";
     // unstable
+    BlockType["TestEditorBlock"] = "test-editor-block";
     BlockType["SliderNewBlock"] = "slider-new-block";
 })(BlockType || (exports.BlockType = BlockType = {}));
 exports.BlockTypes = Object.values(BlockType);