@etsoo/react 1.7.52 → 1.7.54

package/lib/app/ReactUtils.d.ts

@@ -29,7 +29,7 @@ export declare namespace ReactUtils {
      * @param data Data
      * @param callback Callback to update refs' value, return false continue to process
      */
-    function updateRefs<D extends object, T = HTMLInputElement>(refs: Partial<DataTypes.DI<ReadonlyArray<keyof D & string>, React.MutableRefObject<T | undefined>>>, data: D, callback?: ((item: T, value: D[keyof D & string]) => void | boolean) | keyof T): void;
+    function updateRefs<D extends object, T = HTMLInputElement>(refs: Partial<DataTypes.DI<ReadonlyArray<keyof D & string>, React.MutableRefObject<T | null>>>, data: D, callback?: ((item: T, value: D[keyof D & string]) => void | boolean) | keyof T): void;
     /**
      * Update data with refs
      * @param refs Refs
@@ -37,5 +37,5 @@ export declare namespace ReactUtils {
      * @param callback Callback to return new value
      * @param ignoreEmpty Ignore empty string or not, default true
      */
-    function updateRefValues<D extends object, T = HTMLInputElement>(refs: Partial<DataTypes.DI<ReadonlyArray<keyof D & string>, React.MutableRefObject<T | undefined>>>, data: D, callback?: ((item: T) => any) | keyof T, ignoreEmpty?: boolean): void;
+    function updateRefValues<D extends object, T = HTMLInputElement>(refs: Partial<DataTypes.DI<ReadonlyArray<keyof D & string>, React.MutableRefObject<T | null>>>, data: D, callback?: ((item: T) => any) | keyof T, ignoreEmpty?: boolean): void;
 }

package/lib/uses/useRefs.d.ts

@@ -5,4 +5,4 @@ import React from 'react';
  * @param fields Fields
  * @returns Result
  */
-export declare function useRefs<F extends ReadonlyArray<string>, T = HTMLInputElement>(fields: F): DataTypes.DI<F, React.MutableRefObject<T | undefined>>;
+export declare function useRefs<F extends ReadonlyArray<string>, T = HTMLInputElement>(fields: F): DataTypes.DI<F, React.MutableRefObject<T | null>>;

package/lib/uses/useRefs.js

@@ -6,6 +6,6 @@ import React from 'react';
  */
 export function useRefs(fields) {
     const refs = {};
-    fields.forEach((field) => (refs[field] = React.useRef()));
+    fields.forEach((field) => (refs[field] = React.useRef(null)));
     return refs;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@etsoo/react",
-    "version": "1.7.52",
+    "version": "1.7.54",
     "description": "TypeScript ReactJs UI Independent Framework",
     "main": "lib/index.js",
     "types": "lib/index.d.ts",
@@ -50,9 +50,9 @@
         "@emotion/css": "^11.11.2",
         "@emotion/react": "^11.11.4",
         "@emotion/styled": "^11.11.5",
-        "@etsoo/appscript": "^1.4.95",
+        "@etsoo/appscript": "^1.4.96",
         "@etsoo/notificationbase": "^1.1.42",
-        "@etsoo/shared": "^1.2.40",
+        "@etsoo/shared": "^1.2.41",
         "react": "^18.3.1",
         "react-dom": "^18.3.1",
         "react-router-dom": "^6.23.1",
@@ -72,7 +72,7 @@
         "@types/react-window": "^1.8.8",
         "jest": "^29.7.0",
         "jest-environment-jsdom": "^29.7.0",
-        "ts-jest": "^29.1.3",
+        "ts-jest": "^29.1.4",
         "typescript": "^5.4.5"
     }
 }

package/src/app/ReactUtils.ts

@@ -110,7 +110,7 @@ export namespace ReactUtils {
         refs: Partial<
             DataTypes.DI<
                 ReadonlyArray<keyof D & string>,
-                React.MutableRefObject<T | undefined>
+                React.MutableRefObject<T | null>
             >
         >,
         data: D,
@@ -169,7 +169,7 @@ export namespace ReactUtils {
         refs: Partial<
             DataTypes.DI<
                 ReadonlyArray<keyof D & string>,
-                React.MutableRefObject<T | undefined>
+                React.MutableRefObject<T | null>
             >
         >,
         data: D,

package/src/uses/useRefs.ts

@@ -8,8 +8,8 @@ import React from 'react';
  */
 export function useRefs<F extends ReadonlyArray<string>, T = HTMLInputElement>(
     fields: F
-): DataTypes.DI<F, React.MutableRefObject<T | undefined>> {
-    const refs: Record<string, React.MutableRefObject<T | undefined>> = {};
-    fields.forEach((field) => (refs[field] = React.useRef<T>()));
+): DataTypes.DI<F, React.MutableRefObject<T | null>> {
+    const refs: Record<string, React.MutableRefObject<T | null>> = {};
+    fields.forEach((field) => (refs[field] = React.useRef<T>(null)));
     return refs as any;
 }