extra-react-store 0.1.3 → 0.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/lib/types.d.ts +1 -1
- package/lib/use-partial-updater.js +7 -6
- package/lib/use-partial-updater.js.map +1 -1
- package/package.json +1 -1
- package/src/types.ts +1 -1
- package/src/use-partial-updater.ts +12 -7
package/README.md
CHANGED
package/lib/types.d.ts
CHANGED
|
@@ -6,4 +6,4 @@ export interface IStore<State> {
|
|
|
6
6
|
setState(newState: State): void;
|
|
7
7
|
subscribe(fn: (state: State) => void): () => void;
|
|
8
8
|
}
|
|
9
|
-
export type Updater<State> = (...args: [newState: State] | [fn: (draft: Draft<State>) => void]) => void;
|
|
9
|
+
export type Updater<State> = (...args: [newState: State] | [fn: (draft: Draft<State>) => void | State]) => void;
|
|
@@ -3,16 +3,17 @@ import { produce } from 'immer';
|
|
|
3
3
|
import { go, isFunction } from '@blackglory/prelude';
|
|
4
4
|
export function usePartialUpdater(context, extractPartialState, mergePartialState) {
|
|
5
5
|
const store = useContext(context);
|
|
6
|
-
const updater = useCallback(
|
|
6
|
+
const updater = useCallback(newPartialStateOrFn => {
|
|
7
7
|
const oldState = store.getState();
|
|
8
8
|
const newPartialState = go(() => {
|
|
9
|
-
if (isFunction(
|
|
10
|
-
const fn =
|
|
11
|
-
|
|
9
|
+
if (isFunction(newPartialStateOrFn)) {
|
|
10
|
+
const fn = newPartialStateOrFn;
|
|
11
|
+
const newPartialState = produce(extractPartialState(oldState), fn);
|
|
12
|
+
return newPartialState;
|
|
12
13
|
}
|
|
13
14
|
else {
|
|
14
|
-
const
|
|
15
|
-
return
|
|
15
|
+
const newPartialState = newPartialStateOrFn;
|
|
16
|
+
return newPartialState;
|
|
16
17
|
}
|
|
17
18
|
});
|
|
18
19
|
store.setState(mergePartialState(oldState, newPartialState));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-partial-updater.js","sourceRoot":"","sources":["../src/use-partial-updater.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAC/C,OAAO,
|
|
1
|
+
{"version":3,"file":"use-partial-updater.js","sourceRoot":"","sources":["../src/use-partial-updater.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAC/C,OAAO,EAAS,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAGpD,MAAM,UAAU,iBAAiB,CAC/B,OAA4B,EAC5B,mBAAmD,EACnD,iBAAsE;IAEtE,MAAM,KAAK,GAAG,UAAU,CAAC,OAAO,CAAC,CAAA;IAEjC,MAAM,OAAO,GAA0B,WAAW,CAAC,mBAAmB,CAAC,EAAE;QACvE,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAA;QAEjC,MAAM,eAAe,GAAiB,EAAE,CAAC,GAAG,EAAE;YAC5C,IAAI,UAAU,CAAC,mBAAmB,CAAC,EAAE;gBACnC,MAAM,EAAE,GAAG,mBAAmB,CAAA;gBAC9B,MAAM,eAAe,GAAG,OAAO,CAC7B,mBAAmB,CAAC,QAAQ,CAAC,EAE7B,EAAE,CACH,CAAA;gBACD,OAAO,eAAe,CAAA;aACvB;iBAAM;gBACL,MAAM,eAAe,GAAG,mBAAmB,CAAA;gBAC3C,OAAO,eAAe,CAAA;aACvB;QACH,CAAC,CAAC,CAAA;QAEF,KAAK,CAAC,QAAQ,CAAC,iBAAiB,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAA;IAC9D,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,EAAE,iBAAiB,CAAC,CAAC,CAAA;IAEnD,OAAO,OAAO,CAAA;AAChB,CAAC"}
|
package/package.json
CHANGED
package/src/types.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useCallback, useContext } from 'react'
|
|
2
|
-
import { produce } from 'immer'
|
|
2
|
+
import { Draft, produce } from 'immer'
|
|
3
3
|
import { go, isFunction } from '@blackglory/prelude'
|
|
4
4
|
import { StoreContext, Updater } from './types.js'
|
|
5
5
|
|
|
@@ -10,16 +10,21 @@ export function usePartialUpdater<State, PartialState>(
|
|
|
10
10
|
): Updater<PartialState> {
|
|
11
11
|
const store = useContext(context)
|
|
12
12
|
|
|
13
|
-
const updater: Updater<PartialState> = useCallback(
|
|
13
|
+
const updater: Updater<PartialState> = useCallback(newPartialStateOrFn => {
|
|
14
14
|
const oldState = store.getState()
|
|
15
15
|
|
|
16
16
|
const newPartialState: PartialState = go(() => {
|
|
17
|
-
if (isFunction(
|
|
18
|
-
const fn =
|
|
19
|
-
|
|
17
|
+
if (isFunction(newPartialStateOrFn)) {
|
|
18
|
+
const fn = newPartialStateOrFn
|
|
19
|
+
const newPartialState = produce<PartialState, Draft<PartialState>>(
|
|
20
|
+
extractPartialState(oldState)
|
|
21
|
+
// @ts-ignore
|
|
22
|
+
, fn
|
|
23
|
+
)
|
|
24
|
+
return newPartialState
|
|
20
25
|
} else {
|
|
21
|
-
const
|
|
22
|
-
return
|
|
26
|
+
const newPartialState = newPartialStateOrFn
|
|
27
|
+
return newPartialState
|
|
23
28
|
}
|
|
24
29
|
})
|
|
25
30
|
|