@etsoo/react 1.8.78 → 1.8.79

package/lib/cjs/components/ScrollerList.js

@@ -158,7 +158,7 @@ const ScrollerList = (props) => {
                 localRef.current?.scrollToRow(param);
             }
         };
-    }, []);
+    }, [rows]);
     // When layout ready
     react_1.default.useEffect(() => {
         // Return clear function

package/lib/mjs/components/ScrollerList.js

@@ -152,7 +152,7 @@ export const ScrollerList = (props) => {
                 localRef.current?.scrollToRow(param);
             }
         };
-    }, []);
+    }, [rows]);
     // When layout ready
     React.useEffect(() => {
         // Return clear function

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@etsoo/react",
-  "version": "1.8.78",
+  "version": "1.8.79",
   "description": "TypeScript ReactJs UI Independent Framework",
   "main": "lib/cjs/index.js",
   "module": "lib/mjs/index.js",

package/src/components/ScrollerList.tsx

@@ -231,40 +231,36 @@ export const ScrollerList = <T extends object>(props: ScrollerListProps<T>) => {
     if (stateRefs.current.isMounted !== false) setRows(items, true);
   };
 
-  React.useImperativeHandle(
-    mRef,
-    () => {
-      return {
-        get element() {
-          return localRef.current?.element;
-        },
-        delete(index) {
-          const item = rows.at(index);
-          if (item) {
-            const newRows = [...rows];
-            newRows.splice(index, 1);
-            setRows(newRows);
-          }
-          return item;
-        },
-        insert(item, start) {
+  React.useImperativeHandle(mRef, () => {
+    return {
+      get element() {
+        return localRef.current?.element;
+      },
+      delete(index) {
+        const item = rows.at(index);
+        if (item) {
           const newRows = [...rows];
-          newRows.splice(start, 0, item);
+          newRows.splice(index, 1);
           setRows(newRows);
-        },
-        refresh(): void {
-          loadDataLocal(0);
-        },
+        }
+        return item;
+      },
+      insert(item, start) {
+        const newRows = [...rows];
+        newRows.splice(start, 0, item);
+        setRows(newRows);
+      },
+      refresh(): void {
+        loadDataLocal(0);
+      },
 
-        reset,
+      reset,
 
-        scrollToRow(param: ScrollToRowParam): void {
-          localRef.current?.scrollToRow(param);
-        }
-      };
-    },
-    []
-  );
+      scrollToRow(param: ScrollToRowParam): void {
+        localRef.current?.scrollToRow(param);
+      }
+    };
+  }, [rows]);
 
   // When layout ready
   React.useEffect(() => {