@next-core/brick-kit 2.204.2 → 2.205.0

package/dist/index.esm.js

@@ -13283,6 +13283,7 @@ function SingleBrickAsComponentFactory(React) {
         }
       })();
     }, [runtimeBrick, updateBrick]);
+    var previousObserverRef = React.useRef();
     innerRefCallbackRef.current = /*#__PURE__*/function () {
       var _ref6 = _asyncToGenerator$3(function* (element) {
         immediatelyRefCallback === null || immediatelyRefCallback === void 0 ? void 0 : immediatelyRefCallback(element);
@@ -13296,15 +13297,46 @@ function SingleBrickAsComponentFactory(React) {
         // sub-brick rendering is ignored.
         if (brick) {
           if (element) {
-            var _useBrick$lifeCycle;
+            var _useBrick$lifeCycle, _useBrick$lifeCycle2;
             updateBrick(brick, element);
-            if ((_useBrick$lifeCycle = useBrick.lifeCycle) !== null && _useBrick$lifeCycle !== void 0 && _useBrick$lifeCycle.onMount) {
-              dispatchLifeCycleEvent(new CustomEvent("mount"), useBrick.lifeCycle.onMount, brick);
+            var onMount = (_useBrick$lifeCycle = useBrick.lifeCycle) === null || _useBrick$lifeCycle === void 0 ? void 0 : _useBrick$lifeCycle.onMount;
+            if (onMount) {
+              dispatchLifeCycleEvent(new CustomEvent("mount"), transformEvents(data, {
+                onMount
+              }).onMount, brick);
+            }
+            var onScrollIntoView = (_useBrick$lifeCycle2 = useBrick.lifeCycle) === null || _useBrick$lifeCycle2 === void 0 ? void 0 : _useBrick$lifeCycle2.onScrollIntoView;
+            if (onScrollIntoView) {
+              var _onScrollIntoView$thr;
+              var threshold = (_onScrollIntoView$thr = onScrollIntoView.threshold) !== null && _onScrollIntoView$thr !== void 0 ? _onScrollIntoView$thr : 0.1;
+              var observer = new IntersectionObserver((entries, observer) => {
+                entries.forEach(entry => {
+                  if (entry.isIntersecting) {
+                    if (entry.intersectionRatio >= threshold) {
+                      dispatchLifeCycleEvent(new CustomEvent("scroll.into.view"), transformEvents(data, {
+                        onScrollIntoView: onScrollIntoView.handlers
+                      }).onScrollIntoView, brick);
+                      observer.disconnect();
+                    }
+                  }
+                });
+              }, {
+                threshold
+              });
+              observer.observe(element);
+              previousObserverRef.current = observer;
             }
           } else {
-            var _useBrick$lifeCycle2;
-            if ((_useBrick$lifeCycle2 = useBrick.lifeCycle) !== null && _useBrick$lifeCycle2 !== void 0 && _useBrick$lifeCycle2.onUnmount) {
-              dispatchLifeCycleEvent(new CustomEvent("unmount"), useBrick.lifeCycle.onUnmount, brick);
+            var _useBrick$lifeCycle3;
+            var onUnmount = (_useBrick$lifeCycle3 = useBrick.lifeCycle) === null || _useBrick$lifeCycle3 === void 0 ? void 0 : _useBrick$lifeCycle3.onUnmount;
+            if (onUnmount) {
+              dispatchLifeCycleEvent(new CustomEvent("unmount"), transformEvents(data, {
+                onUnmount
+              }).onUnmount, brick);
+            }
+            if (previousObserverRef.current) {
+              previousObserverRef.current.disconnect();
+              previousObserverRef.current = undefined;
             }
           }
         }
@@ -13561,6 +13593,7 @@ function ForwardRefSingleBrickAsComponentFactory(React) {
         }
       })();
     }, [runtimeBrick, updateBrick]);
+    var previousObserverRef = React.useRef();
     innerRefCallbackRef.current = /*#__PURE__*/function () {
       var _ref14 = _asyncToGenerator$3(function* (element) {
         elementRef.current = element;
@@ -13573,15 +13606,46 @@ function ForwardRefSingleBrickAsComponentFactory(React) {
         // sub-brick rendering is ignored.
         if (brick) {
           if (element) {
-            var _useBrick$lifeCycle3;
+            var _useBrick$lifeCycle4, _useBrick$lifeCycle5;
             updateBrick(brick, element);
-            if ((_useBrick$lifeCycle3 = useBrick.lifeCycle) !== null && _useBrick$lifeCycle3 !== void 0 && _useBrick$lifeCycle3.onMount) {
-              dispatchLifeCycleEvent(new CustomEvent("mount"), useBrick.lifeCycle.onMount, brick);
+            var onMount = (_useBrick$lifeCycle4 = useBrick.lifeCycle) === null || _useBrick$lifeCycle4 === void 0 ? void 0 : _useBrick$lifeCycle4.onMount;
+            if (onMount) {
+              dispatchLifeCycleEvent(new CustomEvent("mount"), transformEvents(data, {
+                onMount
+              }).onMount, brick);
+            }
+            var onScrollIntoView = (_useBrick$lifeCycle5 = useBrick.lifeCycle) === null || _useBrick$lifeCycle5 === void 0 ? void 0 : _useBrick$lifeCycle5.onScrollIntoView;
+            if (onScrollIntoView) {
+              var _onScrollIntoView$thr2;
+              var threshold = (_onScrollIntoView$thr2 = onScrollIntoView.threshold) !== null && _onScrollIntoView$thr2 !== void 0 ? _onScrollIntoView$thr2 : 0.1;
+              var observer = new IntersectionObserver((entries, observer) => {
+                entries.forEach(entry => {
+                  if (entry.isIntersecting) {
+                    if (entry.intersectionRatio >= threshold) {
+                      dispatchLifeCycleEvent(new CustomEvent("scroll.into.view"), transformEvents(data, {
+                        onScrollIntoView: onScrollIntoView.handlers
+                      }).onScrollIntoView, brick);
+                      observer.disconnect();
+                    }
+                  }
+                });
+              }, {
+                threshold
+              });
+              observer.observe(element);
+              previousObserverRef.current = observer;
             }
           } else {
-            var _useBrick$lifeCycle4;
-            if ((_useBrick$lifeCycle4 = useBrick.lifeCycle) !== null && _useBrick$lifeCycle4 !== void 0 && _useBrick$lifeCycle4.onUnmount) {
-              dispatchLifeCycleEvent(new CustomEvent("unmount"), useBrick.lifeCycle.onUnmount, brick);
+            var _useBrick$lifeCycle6;
+            var onUnmount = (_useBrick$lifeCycle6 = useBrick.lifeCycle) === null || _useBrick$lifeCycle6 === void 0 ? void 0 : _useBrick$lifeCycle6.onUnmount;
+            if (onUnmount) {
+              dispatchLifeCycleEvent(new CustomEvent("unmount"), transformEvents(data, {
+                onUnmount
+              }).onUnmount, brick);
+            }
+            if (previousObserverRef.current) {
+              previousObserverRef.current.disconnect();
+              previousObserverRef.current = undefined;
             }
           }
         }