akanjs 2.3.5-rc.4 → 2.3.5-rc.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "akanjs",
-  "version": "2.3.5-rc.4",
+  "version": "2.3.5-rc.5",
   "sourceType": "module",
   "type": "module",
   "publishConfig": {

package/types/ui/InfiniteScroll.d.ts

@@ -3,7 +3,9 @@ export interface InfiniteScrollProps {
     currentPage: number;
     itemsPerPage: number;
     onAddPage: (page: number) => Promise<void>;
-    onPageSelect: (page: number) => void;
+    onPageSelect: (page: number, option?: {
+        scrollToTop?: boolean;
+    }) => void;
     children: React.ReactNode;
     reverse?: boolean;
 }

package/types/ui/More.d.ts

@@ -3,7 +3,9 @@ interface MoreProps {
     itemsPerPage: number;
     currentPage: number;
     onAddPage: (page: number) => Promise<void>;
-    onPageSelect: (page: number) => void;
+    onPageSelect: (page: number, option?: {
+        scrollToTop?: boolean;
+    }) => void;
     children?: React.ReactNode;
     className?: string;
     reverse?: boolean;

package/ui/InfiniteScroll.tsx

@@ -7,7 +7,7 @@ export interface InfiniteScrollProps {
   currentPage: number;
   itemsPerPage: number;
   onAddPage: (page: number) => Promise<void>;
-  onPageSelect: (page: number) => void;
+  onPageSelect: (page: number, option?: { scrollToTop?: boolean }) => void;
   children: React.ReactNode;
   reverse?: boolean;
 }
@@ -51,7 +51,7 @@ export const InfiniteScroll = ({
     setIsFetching(true);
     try {
       await onAddPage(nextPage);
-      onPageSelect(nextPage);
+      onPageSelect(nextPage, { scrollToTop: false });
       page.current = nextPage;
 
       const restoreScroll = () => {

package/ui/Load/Units.tsx

@@ -156,11 +156,13 @@ function Render<RefName extends string, Light extends { id: string }>({
     onAddPage: async (page: number) => {
       await storeDo[namesOfSlice.addPageOfModel](page);
     },
-    onPageSelect: (page: number) => {
+    onPageSelect: (page: number, option?: { scrollToTop?: boolean }) => {
       void storeDo[namesOfSlice.setPageOfModel](page);
       
-      window.parent.postMessage({ type: "pathChange", page }, "*");
-      window.scrollTo({ top: 0, behavior: "instant" });
+      if (option?.scrollToTop !== false) {
+        window.parent.postMessage({ type: "pathChange", page }, "*");
+        window.scrollTo({ top: 0, behavior: "instant" });
+      }
     },
     reverse,
   };
@@ -279,7 +281,7 @@ interface MoreProps {
   itemsPerPage: number;
   currentPage: number;
   onAddPage: (page: number) => Promise<void>;
-  onPageSelect: (page: number) => void;
+  onPageSelect: (page: number, option?: { scrollToTop?: boolean }) => void;
   children?: React.ReactNode;
   className?: string;
   reverse?: boolean;

package/ui/More.tsx

@@ -1,5 +1,6 @@
 "use client";
 import { clsx, isMobileDevice } from "akanjs/client";
+import { useEffect, useState } from "react";
 import { InfiniteScroll } from "./InfiniteScroll";
 import { Pagination } from "./Pagination";
 
@@ -8,7 +9,7 @@ interface MoreProps {
   itemsPerPage: number;
   currentPage: number;
   onAddPage: (page: number) => Promise<void>;
-  onPageSelect: (page: number) => void;
+  onPageSelect: (page: number, option?: { scrollToTop?: boolean }) => void;
   children?: React.ReactNode;
   className?: string;
   reverse?: boolean;
@@ -24,11 +25,17 @@ export const More = ({
   className,
   reverse,
 }: MoreProps) => {
+  const [isMobile, setIsMobile] = useState(false);
+
+  useEffect(() => {
+    setIsMobile(isMobileDevice());
+  }, []);
+
   if (total <= itemsPerPage) {
     return <>{children}</>;
   }
 
-  if (isMobileDevice()) {
+  if (isMobile) {
     return (
       <InfiniteScroll
         total={total}