@etsoo/react 1.8.77 → 1.8.79

package/lib/cjs/app/ReactUtils.js

@@ -120,6 +120,9 @@ var ReactUtils;
                         shared_1.DateUtils.formatForInput(value, isDateTime ? false : undefined) ??
                             "";
                 }
+                else if (!!value && typeof value === "object") {
+                    item.value = JSON.stringify(value);
+                }
                 else {
                     item.value = `${value ?? ""}`;
                 }

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/app/ReactUtils.js

@@ -117,6 +117,9 @@ export var ReactUtils;
                         DateUtils.formatForInput(value, isDateTime ? false : undefined) ??
                             "";
                 }
+                else if (!!value && typeof value === "object") {
+                    item.value = JSON.stringify(value);
+                }
                 else {
                     item.value = `${value ?? ""}`;
                 }

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.77",
+  "version": "1.8.79",
   "description": "TypeScript ReactJs UI Independent Framework",
   "main": "lib/cjs/index.js",
   "module": "lib/mjs/index.js",

package/src/app/ReactUtils.ts

@@ -119,10 +119,10 @@ export namespace ReactUtils {
       callback == null
         ? undefined
         : typeof callback === "function"
-        ? callback
-        : (item, value) => {
-            item[callback] = value as any;
-          };
+          ? callback
+          : (item, value) => {
+              item[callback] = value as any;
+            };
 
     let k: keyof typeof refs;
     for (k in refs) {
@@ -144,6 +144,8 @@ export namespace ReactUtils {
           item.value =
             DateUtils.formatForInput(value, isDateTime ? false : undefined) ??
             "";
+        } else if (!!value && typeof value === "object") {
+          item.value = JSON.stringify(value);
         } else {
           item.value = `${value ?? ""}`;
         }
@@ -172,8 +174,8 @@ export namespace ReactUtils {
       callback == null
         ? undefined
         : typeof callback === "function"
-        ? callback
-        : (item) => item[callback];
+          ? callback
+          : (item) => item[callback];
 
     const formatValue = (value: unknown) => {
       if (ignoreEmpty && value === "") return null;

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(() => {