Support pushing multiple values to the List (#99)

Author: TrySound

.size-snapshot.json

@@ -1,18 +1,18 @@
 {
   "dist/react-powerplug.umd.js": {
-    "bundled": 24029,
-    "minified": 9906,
-    "gzipped": 2565
+    "bundled": 24183,
+    "minified": 9975,
+    "gzipped": 2574
   },
   "dist/react-powerplug.cjs.js": {
-    "bundled": 20918,
-    "minified": 10782,
-    "gzipped": 2414
+    "bundled": 21066,
+    "minified": 10851,
+    "gzipped": 2438
   },
   "dist/react-powerplug.esm.js": {
-    "bundled": 20272,
-    "minified": 10233,
-    "gzipped": 2286,
+    "bundled": 20420,
+    "minified": 10302,
+    "gzipped": 2310,
     "treeshaked": {
       "rollup": 1489,
       "webpack": 1939

docs/components/List.md

@@ -47,8 +47,8 @@ Get first element of your list array
 Get last element of your list array
 
 **push**  
-`(item: any) => void`  
-Add an item to your list array
+`(item1: any, item2: any, ...) => void`  
+Add an items to your list array
 
 **pull**  
 `(predicate: (item: any) => boolean) => void`  

src/components/List.js

@@ -13,7 +13,7 @@ const List = ({ initial = [], onChange, ...props }) => (
         first: () => state.list[0],
         last: () => state.list[Math.max(0, state.list.length - 1)],
         set: list => setState(s => ({ list: set(list, s.list) })),
-        push: value => setState(s => ({ list: [...s.list, value] })),
+        push: (...values) => setState(s => ({ list: [...s.list, ...values] })),
         pull: predicate =>
           setState(s => ({ list: s.list.filter(complement(predicate)) })),
         sort: compareFn =>

src/index.js.flow

@@ -135,7 +135,7 @@ type ListRender<T> = ({|
   first: () => T | void,
   last: () => T | void,
   set: Updater<$ReadOnlyArray<T>>,
-  push: (value: T) => void,
+  push: (...values: $ReadOnlyArray<T>) => void,
   pull: (predicate: (T) => boolean) => void,
   sort: (compare: (a: T, b: T) => -1 | 0 | 1) => void,
 |}) => React.Node

tests/components/List.test.js

@@ -34,4 +34,8 @@ test('<List />', () => {
   lastCalled().set([])
   expect(lastCalled().first()).toEqual(undefined)
   expect(lastCalled().last()).toEqual(undefined)
+
+  // support pushing many array
+  lastCalled().push(1, 2, 3)
+  expect(lastCalled().list).toEqual([1, 2, 3])
 })

tests/test_flow.js

@@ -292,6 +292,7 @@ const noop = () => null
     set([])
     set([0])
     push(0)
+    push(0, 1, 2)
     pull((d: number) => true)
     sort((a: number, b: number) => -1)
     // $FlowFixMe