@cntrl-site/sdk-nextjs 0.7.0 → 0.7.2

package/lib/common/useCurrentLayout.js

@@ -25,6 +25,11 @@ const useCurrentLayout = () => {
         return layoutRanges.find(l => articleWidth >= l.start && articleWidth < l.end).layoutId;
     }, [layoutRanges]);
     const [layoutId, setLayoutId] = (0, react_1.useState)(getCurrentLayout(0));
+    (0, react_1.useEffect)(() => {
+        if (typeof window !== 'undefined') {
+            getCurrentLayout(window.innerWidth);
+        }
+    }, []);
     (0, react_1.useEffect)(() => {
         if (!articleRectObserver)
             return;

package/lib/components/items/useItemSticky.js

@@ -12,11 +12,14 @@ const useItemSticky = (top, parentOffsetTop, item) => {
     const articleRectObserver = (0, react_1.useContext)(ArticleRectContext_1.ArticleRectContext);
     const layoutId = (0, useCurrentLayout_1.useCurrentLayout)();
     const sticky = (0, react_1.useMemo)(() => item.layoutParams[layoutId].sticky, [layoutId]);
-    const stickyManager = (0, react_1.useMemo)(() => new StickyManager_1.StickyManager(sticky), []);
+    const stickyManager = (0, react_1.useMemo)(() => new StickyManager_1.StickyManager(sticky), [sticky]);
     const handleSticky = (0, react_1.useCallback)((scroll) => {
         setIsFixed(stickyManager.getIsSticky(scroll));
         setAdjustedTop(stickyManager.getPosition(scroll, top, parentOffsetTop));
     }, [top, stickyManager, parentOffsetTop]);
+    (0, react_1.useEffect)(() => {
+        setAdjustedTop(top);
+    }, [top]);
     (0, react_1.useEffect)(() => {
         if (!articleRectObserver || !sticky)
             return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cntrl-site/sdk-nextjs",
-  "version": "0.7.0",
+  "version": "0.7.2",
   "description": "SDK for Next.js",
   "main": "lib/index.js",
   "types": "src/index.js",
@@ -21,7 +21,7 @@
   },
   "homepage": "https://github.com/cntrl-site/sdk-nextjs#readme",
   "dependencies": {
-    "@cntrl-site/sdk": "^0.6.2",
+    "@cntrl-site/sdk": "^0.6.3",
     "html-react-parser": "^3.0.1",
     "styled-jsx": "^5.0.2"
   },

package/src/common/useCurrentLayout.ts

@@ -30,6 +30,12 @@ export const useCurrentLayout = () => {
   }, [layoutRanges]);
   const [layoutId, setLayoutId] = useState<string>(getCurrentLayout(0));
 
+  useEffect(() => {
+    if (typeof window !== 'undefined') {
+      getCurrentLayout(window.innerWidth);
+    }
+  }, []);
+
   useEffect(() => {
     if (!articleRectObserver) return;
     return articleRectObserver.on('resize', () => {

package/src/components/items/useItemSticky.ts

@@ -10,7 +10,7 @@ export const useItemSticky = (top: number, parentOffsetTop: number, item: TArtic
   const articleRectObserver = useContext(ArticleRectContext);
   const layoutId = useCurrentLayout();
   const sticky = useMemo(() => item.layoutParams[layoutId].sticky, [layoutId]);
-  const stickyManager = useMemo(() => new StickyManager(sticky), []);
+  const stickyManager = useMemo(() => new StickyManager(sticky), [sticky]);
 
   const handleSticky = useCallback((scroll: number) => {
     setIsFixed(stickyManager.getIsSticky(scroll));
@@ -21,6 +21,10 @@ export const useItemSticky = (top: number, parentOffsetTop: number, item: TArtic
     ));
   }, [top, stickyManager, parentOffsetTop]);
 
+  useEffect(() => {
+    setAdjustedTop(top);
+  }, [top]);
+
   useEffect(() => {
     if (!articleRectObserver || !sticky) return;
     return articleRectObserver.on('scroll', () => {

package/.idea/inspectionProfiles/Project_Default.xml

@@ -1,15 +0,0 @@
-<component name="InspectionProjectProfileManager">
-  <profile version="1.0">
-    <option name="myName" value="Project Default" />
-    <inspection_tool class="HtmlUnknownAttribute" enabled="true" level="WARNING" enabled_by_default="true">
-      <option name="myValues">
-        <value>
-          <list size="1">
-            <item index="0" class="java.lang.String" itemvalue="jsx" />
-          </list>
-        </value>
-      </option>
-      <option name="myCustomValuesEnabled" value="true" />
-    </inspection_tool>
-  </profile>
-</component>