piral-core 1.5.6 → 1.6.0-beta.7144

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/esm/RootListener.js +14 -4
  2. package/esm/RootListener.js.map +1 -1
  3. package/lib/RootListener.js +14 -4
  4. package/lib/RootListener.js.map +1 -1
  5. package/package.json +4 -4
  6. package/src/RootListener.tsx +15 -4
package/esm/RootListener.js CHANGED
@@ -2,6 +2,9 @@ import * as React from 'react';
2
2
  import { createPortal } from 'react-dom';
3
3
  import { useGlobalStateContext } from './hooks';
4
4
  import { renderElement } from './modules';
5
+ const renderHtmlEvent = 'render-html';
6
+ const renderContentEvent = 'render-content';
7
+ const forwardEventEvent = 'forward-event';
5
8
  export const RootListener = () => {
6
9
  const context = useGlobalStateContext();
7
10
  React.useLayoutEffect(() => {
@@ -21,11 +24,18 @@ export const RootListener = () => {
21
24
  context.showPortal(portalId, portal);
22
25
  target.dispose = dispose;
23
26
  };
24
- document.body.addEventListener('render-html', renderHtml, false);
25
- window.addEventListener('render-content', renderContent, false);
27
+ const forwardEvent = (ev) => {
28
+ ev.stopPropagation();
29
+ const { type, args } = ev.detail;
30
+ context.emit(type, args);
31
+ };
32
+ document.body.addEventListener(renderHtmlEvent, renderHtml, false);
33
+ document.body.addEventListener(forwardEventEvent, forwardEvent, false);
34
+ window.addEventListener(renderContentEvent, renderContent, false);
26
35
  return () => {
27
- document.body.removeEventListener('render-html', renderHtml, false);
28
- window.removeEventListener('render-content', renderContent, false);
36
+ document.body.removeEventListener(renderHtmlEvent, renderHtml, false);
37
+ document.body.removeEventListener(forwardEventEvent, forwardEvent, false);
38
+ window.removeEventListener(renderContentEvent, renderContent, false);
29
39
  };
30
40
  }
31
41
  }, [context]);
package/esm/RootListener.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"RootListener.js","sourceRoot":"","sources":["../src/RootListener.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAE1C,MAAM,CAAC,MAAM,YAAY,GAAa,GAAG,EAAE;IACzC,MAAM,OAAO,GAAG,qBAAqB,EAAE,CAAC;IAExC,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE;QACzB,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE;YACnC,MAAM,UAAU,GAAG,CAAC,EAAe,EAAE,EAAE;gBACrC,EAAE,CAAC,eAAe,EAAE,CAAC;gBACrB,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC;gBACpC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,GAAG,aAAa,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;gBAChE,MAAM,CAAC,OAAO,GAAG,OAAO,CAAC;gBACzB,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC;YACzB,CAAC,CAAC;YACF,MAAM,aAAa,GAAG,CAAC,EAAe,EAAE,EAAE;gBACxC,EAAE,CAAC,eAAe,EAAE,CAAC;gBACrB,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC;gBAChD,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;gBAC7C,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;gBAC3D,OAAO,CAAC,UAAU,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;gBACrC,MAAM,CAAC,OAAO,GAAG,OAAO,CAAC;YAC3B,CAAC,CAAC;YACF,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,aAAa,EAAE,UAAU,EAAE,KAAK,CAAC,CAAC;YACjE,MAAM,CAAC,gBAAgB,CAAC,gBAAgB,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC;YAEhE,OAAO,GAAG,EAAE;gBACV,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,aAAa,EAAE,UAAU,EAAE,KAAK,CAAC,CAAC;gBACpE,MAAM,CAAC,mBAAmB,CAAC,gBAAgB,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC;YACrE,CAAC,CAAC;SACH;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,IAAI,CAAC;AACd,CAAC,CAAC"}
1
+ {"version":3,"file":"RootListener.js","sourceRoot":"","sources":["../src/RootListener.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAE1C,MAAM,eAAe,GAAG,aAAa,CAAC;AACtC,MAAM,kBAAkB,GAAG,gBAAgB,CAAC;AAC5C,MAAM,iBAAiB,GAAG,eAAe,CAAC;AAE1C,MAAM,CAAC,MAAM,YAAY,GAAa,GAAG,EAAE;IACzC,MAAM,OAAO,GAAG,qBAAqB,EAAE,CAAC;IAExC,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE;QACzB,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE;YACnC,MAAM,UAAU,GAAG,CAAC,EAAe,EAAE,EAAE;gBACrC,EAAE,CAAC,eAAe,EAAE,CAAC;gBACrB,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC;gBACpC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,GAAG,aAAa,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;gBAChE,MAAM,CAAC,OAAO,GAAG,OAAO,CAAC;gBACzB,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC;YACzB,CAAC,CAAC;YACF,MAAM,aAAa,GAAG,CAAC,EAAe,EAAE,EAAE;gBACxC,EAAE,CAAC,eAAe,EAAE,CAAC;gBACrB,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC;gBAChD,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;gBAC7C,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;gBAC3D,OAAO,CAAC,UAAU,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;gBACrC,MAAM,CAAC,OAAO,GAAG,OAAO,CAAC;YAC3B,CAAC,CAAC;YACF,MAAM,YAAY,GAAG,CAAC,EAAe,EAAE,EAAE;gBACvC,EAAE,CAAC,eAAe,EAAE,CAAC;gBACrB,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC;gBACjC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;YAC3B,CAAC,CAAC;YACF,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,eAAe,EAAE,UAAU,EAAE,KAAK,CAAC,CAAC;YACnE,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,iBAAiB,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC;YACvE,MAAM,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC;YAElE,OAAO,GAAG,EAAE;gBACV,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,eAAe,EAAE,UAAU,EAAE,KAAK,CAAC,CAAC;gBACtE,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,iBAAiB,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC;gBAC1E,MAAM,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC;YACvE,CAAC,CAAC;SACH;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,IAAI,CAAC;AACd,CAAC,CAAC"}
package/lib/RootListener.js CHANGED
@@ -6,6 +6,9 @@ const React = tslib_1.__importStar(require("react"));
6
6
  const react_dom_1 = require("react-dom");
7
7
  const hooks_1 = require("./hooks");
8
8
  const modules_1 = require("./modules");
9
+ const renderHtmlEvent = 'render-html';
10
+ const renderContentEvent = 'render-content';
11
+ const forwardEventEvent = 'forward-event';
9
12
  const RootListener = () => {
10
13
  const context = (0, hooks_1.useGlobalStateContext)();
11
14
  React.useLayoutEffect(() => {
@@ -25,11 +28,18 @@ const RootListener = () => {
25
28
  context.showPortal(portalId, portal);
26
29
  target.dispose = dispose;
27
30
  };
28
- document.body.addEventListener('render-html', renderHtml, false);
29
- window.addEventListener('render-content', renderContent, false);
31
+ const forwardEvent = (ev) => {
32
+ ev.stopPropagation();
33
+ const { type, args } = ev.detail;
34
+ context.emit(type, args);
35
+ };
36
+ document.body.addEventListener(renderHtmlEvent, renderHtml, false);
37
+ document.body.addEventListener(forwardEventEvent, forwardEvent, false);
38
+ window.addEventListener(renderContentEvent, renderContent, false);
30
39
  return () => {
31
- document.body.removeEventListener('render-html', renderHtml, false);
32
- window.removeEventListener('render-content', renderContent, false);
40
+ document.body.removeEventListener(renderHtmlEvent, renderHtml, false);
41
+ document.body.removeEventListener(forwardEventEvent, forwardEvent, false);
42
+ window.removeEventListener(renderContentEvent, renderContent, false);
33
43
  };
34
44
  }
35
45
  }, [context]);
package/lib/RootListener.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"RootListener.js","sourceRoot":"","sources":["../src/RootListener.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,yCAAyC;AACzC,mCAAgD;AAChD,uCAA0C;AAEnC,MAAM,YAAY,GAAa,GAAG,EAAE;IACzC,MAAM,OAAO,GAAG,IAAA,6BAAqB,GAAE,CAAC;IAExC,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE;QACzB,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE;YACnC,MAAM,UAAU,GAAG,CAAC,EAAe,EAAE,EAAE;gBACrC,EAAE,CAAC,eAAe,EAAE,CAAC;gBACrB,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC;gBACpC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,GAAG,IAAA,uBAAa,EAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;gBAChE,MAAM,CAAC,OAAO,GAAG,OAAO,CAAC;gBACzB,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC;YACzB,CAAC,CAAC;YACF,MAAM,aAAa,GAAG,CAAC,EAAe,EAAE,EAAE;gBACxC,EAAE,CAAC,eAAe,EAAE,CAAC;gBACrB,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC;gBAChD,MAAM,MAAM,GAAG,IAAA,wBAAY,EAAC,OAAO,EAAE,MAAM,CAAC,CAAC;gBAC7C,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;gBAC3D,OAAO,CAAC,UAAU,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;gBACrC,MAAM,CAAC,OAAO,GAAG,OAAO,CAAC;YAC3B,CAAC,CAAC;YACF,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,aAAa,EAAE,UAAU,EAAE,KAAK,CAAC,CAAC;YACjE,MAAM,CAAC,gBAAgB,CAAC,gBAAgB,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC;YAEhE,OAAO,GAAG,EAAE;gBACV,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,aAAa,EAAE,UAAU,EAAE,KAAK,CAAC,CAAC;gBACpE,MAAM,CAAC,mBAAmB,CAAC,gBAAgB,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC;YACrE,CAAC,CAAC;SACH;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AA/BW,QAAA,YAAY,gBA+BvB"}
1
+ {"version":3,"file":"RootListener.js","sourceRoot":"","sources":["../src/RootListener.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,yCAAyC;AACzC,mCAAgD;AAChD,uCAA0C;AAE1C,MAAM,eAAe,GAAG,aAAa,CAAC;AACtC,MAAM,kBAAkB,GAAG,gBAAgB,CAAC;AAC5C,MAAM,iBAAiB,GAAG,eAAe,CAAC;AAEnC,MAAM,YAAY,GAAa,GAAG,EAAE;IACzC,MAAM,OAAO,GAAG,IAAA,6BAAqB,GAAE,CAAC;IAExC,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE;QACzB,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE;YACnC,MAAM,UAAU,GAAG,CAAC,EAAe,EAAE,EAAE;gBACrC,EAAE,CAAC,eAAe,EAAE,CAAC;gBACrB,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC;gBACpC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,GAAG,IAAA,uBAAa,EAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;gBAChE,MAAM,CAAC,OAAO,GAAG,OAAO,CAAC;gBACzB,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC;YACzB,CAAC,CAAC;YACF,MAAM,aAAa,GAAG,CAAC,EAAe,EAAE,EAAE;gBACxC,EAAE,CAAC,eAAe,EAAE,CAAC;gBACrB,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC;gBAChD,MAAM,MAAM,GAAG,IAAA,wBAAY,EAAC,OAAO,EAAE,MAAM,CAAC,CAAC;gBAC7C,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;gBAC3D,OAAO,CAAC,UAAU,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;gBACrC,MAAM,CAAC,OAAO,GAAG,OAAO,CAAC;YAC3B,CAAC,CAAC;YACF,MAAM,YAAY,GAAG,CAAC,EAAe,EAAE,EAAE;gBACvC,EAAE,CAAC,eAAe,EAAE,CAAC;gBACrB,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC;gBACjC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;YAC3B,CAAC,CAAC;YACF,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,eAAe,EAAE,UAAU,EAAE,KAAK,CAAC,CAAC;YACnE,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,iBAAiB,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC;YACvE,MAAM,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC;YAElE,OAAO,GAAG,EAAE;gBACV,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,eAAe,EAAE,UAAU,EAAE,KAAK,CAAC,CAAC;gBACtE,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,iBAAiB,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC;gBAC1E,MAAM,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC;YACvE,CAAC,CAAC;SACH;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAtCW,QAAA,YAAY,gBAsCvB"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "piral-core",
3
- "version": "1.5.6",
3
+ "version": "1.6.0-beta.7144",
4
4
  "description": "The core library for creating a Piral instance.",
5
5
  "keywords": [
6
6
  "portal",
@@ -73,8 +73,8 @@
73
73
  },
74
74
  "dependencies": {
75
75
  "path-to-regexp": "^1.8.0",
76
- "piral-base": "^1.5.6",
77
- "piral-debug-utils": "^1.5.6",
76
+ "piral-base": "1.6.0-beta.7144",
77
+ "piral-debug-utils": "1.6.0-beta.7144",
78
78
  "zustand": "^3.0.0"
79
79
  },
80
80
  "devDependencies": {
@@ -94,5 +94,5 @@
94
94
  "react-router-dom",
95
95
  "tslib"
96
96
  ],
97
- "gitHead": "6afd8716fd1ca4c50e93c5dd44baef61a5b45435"
97
+ "gitHead": "c9046054bf0fda74a52e433d8ec72a3bbc5cbde8"
98
98
  }
package/src/RootListener.tsx CHANGED
@@ -3,6 +3,10 @@ import { createPortal } from 'react-dom';
3
3
  import { useGlobalStateContext } from './hooks';
4
4
  import { renderElement } from './modules';
5
5
 
6
+ const renderHtmlEvent = 'render-html';
7
+ const renderContentEvent = 'render-content';
8
+ const forwardEventEvent = 'forward-event';
9
+
6
10
  export const RootListener: React.FC = () => {
7
11
  const context = useGlobalStateContext();
8
12
 
@@ -23,12 +27,19 @@ export const RootListener: React.FC = () => {
23
27
  context.showPortal(portalId, portal);
24
28
  target.dispose = dispose;
25
29
  };
26
- document.body.addEventListener('render-html', renderHtml, false);
27
- window.addEventListener('render-content', renderContent, false);
30
+ const forwardEvent = (ev: CustomEvent) => {
31
+ ev.stopPropagation();
32
+ const { type, args } = ev.detail;
33
+ context.emit(type, args);
34
+ };
35
+ document.body.addEventListener(renderHtmlEvent, renderHtml, false);
36
+ document.body.addEventListener(forwardEventEvent, forwardEvent, false);
37
+ window.addEventListener(renderContentEvent, renderContent, false);
28
38
 
29
39
  return () => {
30
- document.body.removeEventListener('render-html', renderHtml, false);
31
- window.removeEventListener('render-content', renderContent, false);
40
+ document.body.removeEventListener(renderHtmlEvent, renderHtml, false);
41
+ document.body.removeEventListener(forwardEventEvent, forwardEvent, false);
42
+ window.removeEventListener(renderContentEvent, renderContent, false);
32
43
  };
33
44
  }
34
45
  }, [context]);