@next-core/brick-kit 2.204.2 → 2.205.0

package/dist/index.bundle.js

@@ -13281,6 +13281,7 @@
           }
         })();
       }, [runtimeBrick, updateBrick]);
+      var previousObserverRef = React.useRef();
       innerRefCallbackRef.current = /*#__PURE__*/function () {
         var _ref6 = _asyncToGenerator__default["default"](function* (element) {
           immediatelyRefCallback === null || immediatelyRefCallback === void 0 ? void 0 : immediatelyRefCallback(element);
@@ -13294,15 +13295,46 @@
           // 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;
               }
             }
           }
@@ -13559,6 +13591,7 @@
           }
         })();
       }, [runtimeBrick, updateBrick]);
+      var previousObserverRef = React.useRef();
       innerRefCallbackRef.current = /*#__PURE__*/function () {
         var _ref14 = _asyncToGenerator__default["default"](function* (element) {
           elementRef.current = element;
@@ -13571,15 +13604,46 @@
           // 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;
               }
             }
           }