@intlayer/editor-react 5.4.2 → 5.5.0-canary.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/cjs/useIframeClickInterceptor.cjs +5 -5
  2. package/dist/cjs/useIframeClickInterceptor.cjs.map +1 -1
  3. package/dist/esm/useIframeClickInterceptor.mjs +5 -5
  4. package/dist/esm/useIframeClickInterceptor.mjs.map +1 -1
  5. package/dist/types/useIframeClickInterceptor.d.ts.map +1 -1
  6. package/package.json +7 -7
package/dist/cjs/useIframeClickInterceptor.cjs CHANGED
@@ -28,18 +28,18 @@ var import_react = require("react");
28
28
  var import_useCrossFrameMessageListener = require('./useCrossFrameMessageListener.cjs');
29
29
  const useIframeClickInterceptor = () => {
30
30
  const postMessage = (0, import_useCrossFrameMessageListener.useCrossFrameMessageListener)(
31
- `${import_editor.MessageKey.INTLAYER_IFRAME_CLICKED}/post`
31
+ import_editor.MessageKey.INTLAYER_IFRAME_CLICKED
32
32
  );
33
+ const handlePostMessageEvent = () => {
34
+ postMessage();
35
+ };
33
36
  (0, import_react.useEffect)(() => {
34
- const handlePostMessageEvent = () => {
35
- postMessage(void 0);
36
- };
37
37
  window.addEventListener("mousedown", handlePostMessageEvent);
38
38
  return () => window.removeEventListener("mousedown", handlePostMessageEvent);
39
39
  }, [postMessage]);
40
40
  };
41
41
  const useIframeClickMerger = () => (0, import_useCrossFrameMessageListener.useCrossFrameMessageListener)(
42
- `${import_editor.MessageKey.INTLAYER_IFRAME_CLICKED}/get`,
42
+ import_editor.MessageKey.INTLAYER_IFRAME_CLICKED,
43
43
  import_editor.mergeIframeClick
44
44
  );
45
45
  // Annotate the CommonJS export names for ESM import in node:
package/dist/cjs/useIframeClickInterceptor.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/useIframeClickInterceptor.tsx"],"sourcesContent":["'use client';\n\nimport { MessageKey, mergeIframeClick } from '@intlayer/editor';\nimport { useEffect } from 'react';\nimport { useCrossFrameMessageListener } from './useCrossFrameMessageListener';\n\nexport const useIframeClickInterceptor = () => {\n const postMessage = useCrossFrameMessageListener<undefined>(\n `${MessageKey.INTLAYER_IFRAME_CLICKED}/post`\n );\n\n useEffect(() => {\n const handlePostMessageEvent: EventListener = () => {\n postMessage(undefined);\n };\n\n window.addEventListener('mousedown', handlePostMessageEvent);\n\n return () =>\n window.removeEventListener('mousedown', handlePostMessageEvent);\n }, [postMessage]);\n};\n\nexport const useIframeClickMerger = () =>\n useCrossFrameMessageListener<MessageEvent>(\n `${MessageKey.INTLAYER_IFRAME_CLICKED}/get`,\n mergeIframeClick\n );\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,oBAA6C;AAC7C,mBAA0B;AAC1B,0CAA6C;AAEtC,MAAM,4BAA4B,MAAM;AAC7C,QAAM,kBAAc;AAAA,IAClB,GAAG,yBAAW,uBAAuB;AAAA,EACvC;AAEA,8BAAU,MAAM;AACd,UAAM,yBAAwC,MAAM;AAClD,kBAAY,MAAS;AAAA,IACvB;AAEA,WAAO,iBAAiB,aAAa,sBAAsB;AAE3D,WAAO,MACL,OAAO,oBAAoB,aAAa,sBAAsB;AAAA,EAClE,GAAG,CAAC,WAAW,CAAC;AAClB;AAEO,MAAM,uBAAuB,UAClC;AAAA,EACE,GAAG,yBAAW,uBAAuB;AAAA,EACrC;AACF;","names":[]}
1
+ {"version":3,"sources":["../../src/useIframeClickInterceptor.tsx"],"sourcesContent":["'use client';\n\nimport { MessageKey, mergeIframeClick } from '@intlayer/editor';\nimport { useEffect } from 'react';\nimport { useCrossFrameMessageListener } from './useCrossFrameMessageListener';\n\nexport const useIframeClickInterceptor = () => {\n const postMessage = useCrossFrameMessageListener<undefined>(\n MessageKey.INTLAYER_IFRAME_CLICKED\n );\n const handlePostMessageEvent: EventListener = () => {\n postMessage();\n };\n\n useEffect(() => {\n window.addEventListener('mousedown', handlePostMessageEvent);\n\n return () =>\n window.removeEventListener('mousedown', handlePostMessageEvent);\n }, [postMessage]);\n};\n\nexport const useIframeClickMerger = () =>\n useCrossFrameMessageListener<MessageEvent>(\n MessageKey.INTLAYER_IFRAME_CLICKED,\n mergeIframeClick\n );\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,oBAA6C;AAC7C,mBAA0B;AAC1B,0CAA6C;AAEtC,MAAM,4BAA4B,MAAM;AAC7C,QAAM,kBAAc;AAAA,IAClB,yBAAW;AAAA,EACb;AACA,QAAM,yBAAwC,MAAM;AAClD,gBAAY;AAAA,EACd;AAEA,8BAAU,MAAM;AACd,WAAO,iBAAiB,aAAa,sBAAsB;AAE3D,WAAO,MACL,OAAO,oBAAoB,aAAa,sBAAsB;AAAA,EAClE,GAAG,CAAC,WAAW,CAAC;AAClB;AAEO,MAAM,uBAAuB,UAClC;AAAA,EACE,yBAAW;AAAA,EACX;AACF;","names":[]}
package/dist/esm/useIframeClickInterceptor.mjs CHANGED
@@ -4,18 +4,18 @@ import { useEffect } from "react";
4
4
  import { useCrossFrameMessageListener } from "./useCrossFrameMessageListener.mjs";
5
5
  const useIframeClickInterceptor = () => {
6
6
  const postMessage = useCrossFrameMessageListener(
7
- `${MessageKey.INTLAYER_IFRAME_CLICKED}/post`
7
+ MessageKey.INTLAYER_IFRAME_CLICKED
8
8
  );
9
+ const handlePostMessageEvent = () => {
10
+ postMessage();
11
+ };
9
12
  useEffect(() => {
10
- const handlePostMessageEvent = () => {
11
- postMessage(void 0);
12
- };
13
13
  window.addEventListener("mousedown", handlePostMessageEvent);
14
14
  return () => window.removeEventListener("mousedown", handlePostMessageEvent);
15
15
  }, [postMessage]);
16
16
  };
17
17
  const useIframeClickMerger = () => useCrossFrameMessageListener(
18
- `${MessageKey.INTLAYER_IFRAME_CLICKED}/get`,
18
+ MessageKey.INTLAYER_IFRAME_CLICKED,
19
19
  mergeIframeClick
20
20
  );
21
21
  export {
package/dist/esm/useIframeClickInterceptor.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/useIframeClickInterceptor.tsx"],"sourcesContent":["'use client';\n\nimport { MessageKey, mergeIframeClick } from '@intlayer/editor';\nimport { useEffect } from 'react';\nimport { useCrossFrameMessageListener } from './useCrossFrameMessageListener';\n\nexport const useIframeClickInterceptor = () => {\n const postMessage = useCrossFrameMessageListener<undefined>(\n `${MessageKey.INTLAYER_IFRAME_CLICKED}/post`\n );\n\n useEffect(() => {\n const handlePostMessageEvent: EventListener = () => {\n postMessage(undefined);\n };\n\n window.addEventListener('mousedown', handlePostMessageEvent);\n\n return () =>\n window.removeEventListener('mousedown', handlePostMessageEvent);\n }, [postMessage]);\n};\n\nexport const useIframeClickMerger = () =>\n useCrossFrameMessageListener<MessageEvent>(\n `${MessageKey.INTLAYER_IFRAME_CLICKED}/get`,\n mergeIframeClick\n );\n"],"mappings":";AAEA,SAAS,YAAY,wBAAwB;AAC7C,SAAS,iBAAiB;AAC1B,SAAS,oCAAoC;AAEtC,MAAM,4BAA4B,MAAM;AAC7C,QAAM,cAAc;AAAA,IAClB,GAAG,WAAW,uBAAuB;AAAA,EACvC;AAEA,YAAU,MAAM;AACd,UAAM,yBAAwC,MAAM;AAClD,kBAAY,MAAS;AAAA,IACvB;AAEA,WAAO,iBAAiB,aAAa,sBAAsB;AAE3D,WAAO,MACL,OAAO,oBAAoB,aAAa,sBAAsB;AAAA,EAClE,GAAG,CAAC,WAAW,CAAC;AAClB;AAEO,MAAM,uBAAuB,MAClC;AAAA,EACE,GAAG,WAAW,uBAAuB;AAAA,EACrC;AACF;","names":[]}
1
+ {"version":3,"sources":["../../src/useIframeClickInterceptor.tsx"],"sourcesContent":["'use client';\n\nimport { MessageKey, mergeIframeClick } from '@intlayer/editor';\nimport { useEffect } from 'react';\nimport { useCrossFrameMessageListener } from './useCrossFrameMessageListener';\n\nexport const useIframeClickInterceptor = () => {\n const postMessage = useCrossFrameMessageListener<undefined>(\n MessageKey.INTLAYER_IFRAME_CLICKED\n );\n const handlePostMessageEvent: EventListener = () => {\n postMessage();\n };\n\n useEffect(() => {\n window.addEventListener('mousedown', handlePostMessageEvent);\n\n return () =>\n window.removeEventListener('mousedown', handlePostMessageEvent);\n }, [postMessage]);\n};\n\nexport const useIframeClickMerger = () =>\n useCrossFrameMessageListener<MessageEvent>(\n MessageKey.INTLAYER_IFRAME_CLICKED,\n mergeIframeClick\n );\n"],"mappings":";AAEA,SAAS,YAAY,wBAAwB;AAC7C,SAAS,iBAAiB;AAC1B,SAAS,oCAAoC;AAEtC,MAAM,4BAA4B,MAAM;AAC7C,QAAM,cAAc;AAAA,IAClB,WAAW;AAAA,EACb;AACA,QAAM,yBAAwC,MAAM;AAClD,gBAAY;AAAA,EACd;AAEA,YAAU,MAAM;AACd,WAAO,iBAAiB,aAAa,sBAAsB;AAE3D,WAAO,MACL,OAAO,oBAAoB,aAAa,sBAAsB;AAAA,EAClE,GAAG,CAAC,WAAW,CAAC;AAClB;AAEO,MAAM,uBAAuB,MAClC;AAAA,EACE,WAAW;AAAA,EACX;AACF;","names":[]}
package/dist/types/useIframeClickInterceptor.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useIframeClickInterceptor.d.ts","sourceRoot":"","sources":["../../src/useIframeClickInterceptor.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,yBAAyB,YAerC,CAAC;AAEF,eAAO,MAAM,oBAAoB,0CAI9B,CAAC"}
1
+ {"version":3,"file":"useIframeClickInterceptor.d.ts","sourceRoot":"","sources":["../../src/useIframeClickInterceptor.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,yBAAyB,YAcrC,CAAC;AAEF,eAAO,MAAM,oBAAoB,0CAI9B,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@intlayer/editor-react",
3
- "version": "5.4.2",
3
+ "version": "5.5.0-canary.0",
4
4
  "private": false,
5
5
  "description": "Provides the states, contexts, hooks and components to interact with the Intlayer editor for a React application",
6
6
  "keywords": [
@@ -53,9 +53,9 @@
53
53
  ],
54
54
  "dependencies": {
55
55
  "uuid": "^11.1.0",
56
- "@intlayer/core": "5.4.2",
57
- "@intlayer/editor": "5.4.2",
58
- "@intlayer/config": "5.4.2"
56
+ "@intlayer/editor": "5.5.0-canary.0",
57
+ "@intlayer/config": "5.5.0-canary.0",
58
+ "@intlayer/core": "5.5.0-canary.0"
59
59
  },
60
60
  "devDependencies": {
61
61
  "@types/node": "^22.13.10",
@@ -71,16 +71,16 @@
71
71
  "tsc-alias": "^1.8.11",
72
72
  "tsup": "^8.4.0",
73
73
  "typescript": "^5.8.2",
74
- "@utils/ts-config": "1.0.4",
75
74
  "@utils/eslint-config": "1.0.4",
75
+ "@utils/ts-config": "1.0.4",
76
76
  "@utils/ts-config-types": "1.0.4",
77
77
  "@utils/tsup-config": "1.0.4"
78
78
  },
79
79
  "peerDependencies": {
80
80
  "react": ">=16.0.0",
81
81
  "react-dom": ">=16.0.0",
82
- "@intlayer/config": "5.4.2",
83
- "@intlayer/core": "5.4.2"
82
+ "@intlayer/config": "5.5.0-canary.0",
83
+ "@intlayer/core": "5.5.0-canary.0"
84
84
  },
85
85
  "engines": {
86
86
  "node": ">=14.18"