react-state-monad 1.0.6 → 1.0.8

package/index.ts

@@ -6,4 +6,4 @@ export * from "./src/hooks/useRemapArray";
 export * from "./src/hooks/useStateObject";
 export * from "./src/stateObject";
 
-
+export default this;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-state-monad",
   "type": "module",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "description": "A set of hooks to manage/transform/filter states with monads in React",
   "keywords": [
     "maybe",
@@ -14,8 +14,8 @@
   ],
   "scripts": {
     "validateTypes": "tsc --noEmit",
-    "build": "tsup src/index.ts --format cjs,esm --dts",
-    "cleanBuild" : "rm -rf dist" 
+    "build": "tsup index.ts --format cjs,esm --dts",
+    "cleanBuild": "rm -rf dist"
   },
   "dependencies": {
     "react": "^19.0.0"
@@ -31,7 +31,10 @@
     "url": "https://github.com/alvmivan"
   },
   "license": "GPL-3.0",
-  "main": "dist/index.js",     
-  "module": "dist/index.mjs",    
-  "types": "dist/types/index.d.ts"  
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/types/index.d.ts"
+  
+  
+  
 }

package/src/hooks/useRemapArray.ts

@@ -1,5 +1,7 @@
 import {StateObject} from "../stateObject";
 import {ValidState} from "../implementations/validState";
+import {useState} from "react";
+import {useStateObject} from "./useStateObject";
 
 /**
  * Hook that maps each element in an array within a StateObject to a new StateObject,
@@ -30,4 +32,19 @@ export function useRemapArray<T>(state: StateObject<T[]>): StateObject<T>[] {
     }
 
     return result  // Return the array of StateObjects representing each element.
-}
+}
+
+
+/**
+ * Hook that takes an array of StateObjects and returns a new StateObject containing that array,
+ * allowing for updates to the entire array while keeping it synchronized within a single StateObject.
+ *
+ * @template T - The type of the elements in the array.
+ * @param states - The array of StateObjects.
+ * @returns A new StateObject containing the array of StateObjects, allowing for updates to the whole array.
+ */
+export function useArrayState<T>(states: StateObject<T>[]): StateObject<T[]> {
+    
+    return useStateObject(states.filter(state => state.hasValue).map(state => state.value));
+
+}

package/tsconfig.json

@@ -1,15 +1,16 @@
 {
   "compilerOptions": {
-    "module": "ESNext",   // Para exportar módulos ES6
-    "target": "ESNext",   // Para tener soporte de sintaxis moderna
-    "declaration": true,  // Para generar archivos de tipo .d.ts
-    "declarationDir": "dist/types",  // Para poner los archivos .d.ts en un directorio separado
-    "outDir": "dist",  // Para compilar el código en dist/
-    "moduleResolution": "Node",  // Para resolución de módulos similar a Node.js
-    "esModuleInterop": true,  // Para interoperabilidad con módulos CommonJS
-    "strict": true   // Para que TypeScript sea más estricto en el tipo de los archivos
+    "module": "ESNext",
+    "target": "ESNext",
+    "declaration": true,
+    "declarationDir": "dist/types",
+    "outDir": "dist",
+    "moduleResolution": "Node",
+    "esModuleInterop": true,
+    "strict": true
   },
   "include": [
-    "src/**/*"
+    "src/**/*",
+    "index.ts"
   ]
-}
+}