intact-react - npm Package Compare versions

Comparing version 3.0.27 to 3.0.28

dist/helpers.d.ts

@@ -6,2 +6,3 @@ declare type Fiber = any;
 export declare function preparePortalMount(dom: HTMLElement): void;
+export declare let connectFiber: boolean;
 export {};

dist/index.cjs.dev.js

@@ -124,2 +124,3 @@ 'use strict';
 var IS_NON_DELEGATED = 2;
+var connectFiber = false;
 Function.prototype.bind = function () {
@@ -162,2 +163,3 @@ var args = [];
                     commentRoot.stateNode.containerInfo = targetContainer;
+                    connectFiber = true;
                 }
@@ -167,2 +169,3 @@ var ret = _fn_1(name, eventSystemFlags, targetContainer, nativeEvent);
                     commentRoot.stateNode.containerInfo = containerInfo;
+                    connectFiber = false;
                 }
@@ -331,2 +334,14 @@ return ret;
                 instance.$lastInput.dom = dom;
+                /**
+                 * React find event props until the root fiber return null
+                 * If we have event props outeside the root container, it will be ignored.
+                 * So we must connect the fiber's return prop to outer element
+                 * @UnitTest: outer react element should receive event
+                 */
+                var rootFiber = container._reactRootContainer._internalRoot.current;
+                Object.defineProperty(rootFiber, 'return', {
+                    get: function () {
+                        return connectFiber && parentComponent ? parentComponent._reactInternals : null;
+                    }
+                });
                 // console.log(rootContainer);
@@ -333,0 +348,0 @@ // console.dir(container);

dist/index.cjs.prod.js

@@ -117,2 +117,3 @@ 'use strict';
 var IS_NON_DELEGATED = 2;
+var connectFiber = false;
 Function.prototype.bind = function () {
@@ -155,2 +156,3 @@ var args = [];
                     commentRoot.stateNode.containerInfo = targetContainer;
+                    connectFiber = true;
                 }
@@ -160,2 +162,3 @@ var ret = _fn_1(name, eventSystemFlags, targetContainer, nativeEvent);
                     commentRoot.stateNode.containerInfo = containerInfo;
+                    connectFiber = false;
                 }
@@ -324,2 +327,14 @@ return ret;
                 instance.$lastInput.dom = dom;
+                /**
+                 * React find event props until the root fiber return null
+                 * If we have event props outeside the root container, it will be ignored.
+                 * So we must connect the fiber's return prop to outer element
+                 * @UnitTest: outer react element should receive event
+                 */
+                var rootFiber = container._reactRootContainer._internalRoot.current;
+                Object.defineProperty(rootFiber, 'return', {
+                    get: function () {
+                        return connectFiber && parentComponent ? parentComponent._reactInternals : null;
+                    }
+                });
                 // console.log(rootContainer);
@@ -326,0 +341,0 @@ // console.dir(container);

dist/index.esm.js

@@ -121,2 +121,3 @@ import { __spreadArray, __assign, __extends } from 'tslib';
 var IS_NON_DELEGATED = 2;
+var connectFiber = false;
 Function.prototype.bind = function () {
@@ -159,2 +160,3 @@ var args = [];
                     commentRoot.stateNode.containerInfo = targetContainer;
+                    connectFiber = true;
                 }
@@ -164,2 +166,3 @@ var ret = _fn_1(name, eventSystemFlags, targetContainer, nativeEvent);
                     commentRoot.stateNode.containerInfo = containerInfo;
+                    connectFiber = false;
                 }
@@ -328,2 +331,14 @@ return ret;
                 instance.$lastInput.dom = dom;
+                /**
+                 * React find event props until the root fiber return null
+                 * If we have event props outeside the root container, it will be ignored.
+                 * So we must connect the fiber's return prop to outer element
+                 * @UnitTest: outer react element should receive event
+                 */
+                var rootFiber = container._reactRootContainer._internalRoot.current;
+                Object.defineProperty(rootFiber, 'return', {
+                    get: function () {
+                        return connectFiber && parentComponent ? parentComponent._reactInternals : null;
+                    }
+                });
                 // console.log(rootContainer);
@@ -330,0 +345,0 @@ // console.dir(container);

dist/packages/intact-react/src/helpers.d.ts

@@ -6,2 +6,3 @@ declare type Fiber = any;
 export declare function preparePortalMount(dom: HTMLElement): void;
+export declare let connectFiber: boolean;
 export {};

package.json

 {
   "name": "intact-react",
-  "version": "3.0.27",
+  "version": "3.0.28",
   "description": "A compatibility layer for running intact component in React@17",
@@ -32,6 +32,6 @@ "main": "index.js",
   "dependencies": {
-    "intact": "^3.0.27",
-    "intact-shared": "^3.0.27",
+    "intact": "^3.0.28",
+    "intact-shared": "^3.0.28",
     "tslib": "^2.3.1"
   }
 }

No alert changes

Improved metrics

Total package byte prevSize

1050388

increased by0.5%

Lines of code

24766

increased by0.37%

Dependency changes

• Updatedintact@^3.0.28

• Updatedintact-shared@^3.0.28