@cntrl-site/sdk-nextjs 0.16.3 → 0.16.4

package/lib/components/Item.js

@@ -80,7 +80,12 @@ const Item = ({ item, sectionId, articleHeight }) => {
             setWrapperHeight(undefined);
             return;
         }
-        const wrapperHeight = getStickyItemWrapperHeight(sticky, height, articleHeight, (sectionTop + itemSectionTop) / window.innerWidth);
+        const itemArticleOffset = (sectionTop + itemSectionTop) / window.innerWidth;
+        const maxStickyTo = articleHeight - itemArticleOffset - height;
+        const end = sticky.to
+            ? Math.min(maxStickyTo, sticky.to)
+            : articleHeight - itemArticleOffset - height;
+        const wrapperHeight = end - sticky.from + height;
         setItemHeight(height);
         setWrapperHeight(wrapperHeight);
     };
@@ -142,11 +147,6 @@ const Item = ({ item, sectionId, articleHeight }) => {
       ` }))] })));
 };
 exports.Item = Item;
-function getStickyItemWrapperHeight(sticky, itemHeight, articleHeight, itemArticleOffset) {
-    var _a;
-    const end = (_a = sticky.to) !== null && _a !== void 0 ? _a : articleHeight - itemArticleOffset - itemHeight;
-    return end - sticky.from + itemHeight;
-}
 function parseSizing(sizing = 'manual') {
     const axisSizing = sizing.split(' ');
     return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cntrl-site/sdk-nextjs",
-  "version": "0.16.3",
+  "version": "0.16.4",
   "description": "SDK for Next.js",
   "main": "lib/index.js",
   "types": "src/index.ts",

package/src/components/Item.tsx

@@ -101,7 +101,12 @@ export const Item: FC<ItemWrapperProps> = ({ item, sectionId, articleHeight }) =
       setWrapperHeight(undefined);
       return;
     }
-    const wrapperHeight = getStickyItemWrapperHeight(sticky, height, articleHeight, (sectionTop + itemSectionTop) / window.innerWidth);
+    const itemArticleOffset = (sectionTop + itemSectionTop) / window.innerWidth;
+    const maxStickyTo = articleHeight - itemArticleOffset - height;
+    const end = sticky.to
+      ? Math.min(maxStickyTo, sticky.to)
+      : articleHeight - itemArticleOffset - height;
+    const wrapperHeight = end - sticky.from + height;
     setItemHeight(height);
     setWrapperHeight(wrapperHeight);
   };
@@ -189,16 +194,6 @@ export const Item: FC<ItemWrapperProps> = ({ item, sectionId, articleHeight }) =
   );
 };
 
-function getStickyItemWrapperHeight(
-  sticky: TStickyParams,
-  itemHeight: number,
-  articleHeight: number,
-  itemArticleOffset: number,
-) {
-  const end = sticky.to ?? articleHeight - itemArticleOffset - itemHeight;
-  return end - sticky.from + itemHeight;
-}
-
 function parseSizing(sizing: string = 'manual'): Axis {
   const axisSizing = sizing.split(' ');
   return {