@bouko/react 3.2.2 → 3.2.3

package/dist/components/layout/_.d.ts

@@ -1 +1 @@
-export { default as Rnd } from "./rnd";
+export { default as RnD } from "./rnd";

package/dist/components/layout/_.js

@@ -1 +1 @@
-export { default as Rnd } from "./rnd";
+export { default as RnD } from "./rnd";

package/dist/hooks/index.d.ts

@@ -31,3 +31,4 @@ export declare function useConfig<T>({ fetcher, updater }: ConfigProps<T>): {
 };
 export * from "./auth";
 export * from "./audio/_";
+export * from "./state/_";

package/dist/hooks/index.js

@@ -54,3 +54,4 @@ export function useConfig({ fetcher, updater }) {
 }
 export * from "./auth";
 export * from "./audio/_";
+export * from "./state/_";

package/dist/hooks/state/_.d.ts

@@ -0,0 +1 @@
+export * from "./array";

package/dist/hooks/state/_.js

@@ -0,0 +1 @@
+export * from "./array";

package/dist/hooks/state/array.d.ts

@@ -0,0 +1,9 @@
+export declare function useArrayState<T extends {
+    id?: string;
+}>(initial?: T[]): {
+    items: T[];
+    add: (entry: T) => void;
+    updateOne: (id: string, entry: Partial<T>) => void;
+    remove: (id: string) => void;
+    clear: () => void;
+};

package/dist/hooks/state/array.js

@@ -0,0 +1,19 @@
+import { useState } from "react";
+export function useArrayState(initial = []) {
+    const [items, setItems] = useState(initial);
+    const add = (entry) => setItems(prev => [...prev, entry]);
+    const remove = (id) => setItems(prev => prev.filter(x => x.id !== id));
+    const updateOne = (id, entry) => {
+        setItems(prev => prev.map((x, i) => x.id === id ? { ...x, ...entry } : x));
+    };
+    const clear = () => {
+        setItems([]);
+    };
+    return {
+        items,
+        add,
+        updateOne,
+        remove,
+        clear
+    };
+}

package/package.json

@@ -1,7 +1,7 @@
 {
 
   "name": "@bouko/react",
-  "version": "3.2.2",
+  "version": "3.2.3",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",