react-rx 3.0.0-0 → 3.0.0-1
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/dist/cjs/__tests__/strictmode.test.js +22 -62
- package/dist/cjs/__tests__/useObservable.test.js +32 -33
- package/dist/cjs/index.d.ts +2 -7
- package/dist/cjs/index.js +16 -26
- package/dist/cjs/useObservable.d.ts +0 -3
- package/dist/cjs/useObservable.js +58 -20
- package/dist/cjs/{useObservableCallback.js → useObservableEvent.js} +1 -2
- package/dist/es2015/__tests__/strictmode.test.js +6 -42
- package/dist/es2015/__tests__/useObservable.test.js +2 -3
- package/dist/es2015/index.d.ts +2 -7
- package/dist/es2015/index.js +2 -9
- package/dist/es2015/useObservable.d.ts +0 -3
- package/dist/es2015/useObservable.js +58 -19
- package/dist/es2015/{useObservableCallback.js → useObservableEvent.js} +1 -2
- package/dist/esm/__tests__/strictmode.test.js +8 -48
- package/dist/esm/__tests__/useObservable.test.js +2 -3
- package/dist/esm/index.d.ts +2 -7
- package/dist/esm/index.js +2 -9
- package/dist/esm/useObservable.d.ts +0 -3
- package/dist/esm/useObservable.js +58 -19
- package/dist/esm/{useObservableCallback.js → useObservableEvent.js} +1 -2
- package/package.json +35 -28
- package/src/__tests__/strictmode.test.ts +7 -52
- package/src/__tests__/useObservable.test.tsx +3 -3
- package/src/index.ts +2 -15
- package/src/useObservable.ts +75 -33
- package/src/{useObservableCallback.ts → useObservableEvent.ts} +1 -2
- package/dist/cjs/WithObservable.d.ts +0 -12
- package/dist/cjs/WithObservable.js +0 -16
- package/dist/cjs/__tests__/useAsObservable.test.d.ts +0 -1
- package/dist/cjs/__tests__/useAsObservable.test.js +0 -78
- package/dist/cjs/displayName.d.ts +0 -1
- package/dist/cjs/displayName.js +0 -14
- package/dist/cjs/reactiveComponent.d.ts +0 -8
- package/dist/cjs/reactiveComponent.js +0 -35
- package/dist/cjs/useAsObservable.d.ts +0 -10
- package/dist/cjs/useAsObservable.js +0 -47
- package/dist/cjs/useWithObservable.d.ts +0 -9
- package/dist/cjs/useWithObservable.js +0 -11
- package/dist/cjs/utils.d.ts +0 -7
- package/dist/cjs/utils.js +0 -38
- package/dist/es2015/WithObservable.d.ts +0 -12
- package/dist/es2015/WithObservable.js +0 -9
- package/dist/es2015/__tests__/useAsObservable.test.d.ts +0 -1
- package/dist/es2015/__tests__/useAsObservable.test.js +0 -73
- package/dist/es2015/displayName.d.ts +0 -1
- package/dist/es2015/displayName.js +0 -8
- package/dist/es2015/reactiveComponent.d.ts +0 -8
- package/dist/es2015/reactiveComponent.js +0 -30
- package/dist/es2015/useAsObservable.d.ts +0 -10
- package/dist/es2015/useAsObservable.js +0 -43
- package/dist/es2015/useWithObservable.d.ts +0 -9
- package/dist/es2015/useWithObservable.js +0 -7
- package/dist/es2015/utils.d.ts +0 -7
- package/dist/es2015/utils.js +0 -31
- package/dist/esm/WithObservable.d.ts +0 -12
- package/dist/esm/WithObservable.js +0 -13
- package/dist/esm/__tests__/useAsObservable.test.d.ts +0 -1
- package/dist/esm/__tests__/useAsObservable.test.js +0 -73
- package/dist/esm/displayName.d.ts +0 -1
- package/dist/esm/displayName.js +0 -10
- package/dist/esm/reactiveComponent.d.ts +0 -8
- package/dist/esm/reactiveComponent.js +0 -30
- package/dist/esm/useAsObservable.d.ts +0 -10
- package/dist/esm/useAsObservable.js +0 -43
- package/dist/esm/useWithObservable.d.ts +0 -9
- package/dist/esm/useWithObservable.js +0 -7
- package/dist/esm/utils.d.ts +0 -7
- package/dist/esm/utils.js +0 -31
- package/src/WithObservable.tsx +0 -29
- package/src/__tests__/useAsObservable.test.tsx +0 -95
- package/src/displayName.ts +0 -11
- package/src/reactiveComponent.ts +0 -63
- package/src/useAsObservable.ts +0 -66
- package/src/useWithObservable.ts +0 -24
- package/src/utils.ts +0 -48
- /package/dist/cjs/{useObservableCallback.d.ts → useObservableEvent.d.ts} +0 -0
- /package/dist/es2015/{useObservableCallback.d.ts → useObservableEvent.d.ts} +0 -0
- /package/dist/esm/{useObservableCallback.d.ts → useObservableEvent.d.ts} +0 -0
package/src/useWithObservable.ts
DELETED
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
/* eslint-disable react-hooks/rules-of-hooks */
|
|
2
|
-
import {Observable} from 'rxjs'
|
|
3
|
-
import {useObservable} from './useObservable'
|
|
4
|
-
import {useAsObservable} from './useAsObservable'
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* React hook to convert any props or state value into an observable
|
|
8
|
-
* Returns an observable representing updates to any React value (props, state or any other calculated value)
|
|
9
|
-
* Note: the returned observable is the same instance throughout the component lifecycle
|
|
10
|
-
* @param value
|
|
11
|
-
*/
|
|
12
|
-
export function useWithObservable<T>(value: T): T | undefined
|
|
13
|
-
export function useWithObservable<T, K>(
|
|
14
|
-
value: T,
|
|
15
|
-
operator: (input: Observable<T>) => Observable<K>,
|
|
16
|
-
): K | undefined
|
|
17
|
-
export function useWithObservable<T, K = T>(
|
|
18
|
-
value: T,
|
|
19
|
-
operator?: (input: Observable<T>) => Observable<K>,
|
|
20
|
-
): T | K | undefined {
|
|
21
|
-
return operator
|
|
22
|
-
? useObservable(useAsObservable(value, operator))
|
|
23
|
-
: useObservable(useAsObservable(value))
|
|
24
|
-
}
|
package/src/utils.ts
DELETED
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import {Observable, OperatorFunction} from 'rxjs'
|
|
2
|
-
import {useAsObservable} from './useAsObservable'
|
|
3
|
-
import {observableCallback} from 'observable-callback'
|
|
4
|
-
import {startWith} from 'rxjs/operators'
|
|
5
|
-
import {Dispatch, SetStateAction, useContext, useRef, useState, Context} from 'react'
|
|
6
|
-
|
|
7
|
-
const createState = <T>(initialState: T) => observableCallback(startWith<T>(initialState))
|
|
8
|
-
|
|
9
|
-
export function observeState<T>(
|
|
10
|
-
initial: T | (() => T),
|
|
11
|
-
): [Observable<T>, Dispatch<SetStateAction<T>>]
|
|
12
|
-
export function observeState<T>(
|
|
13
|
-
initial?: T | (() => T),
|
|
14
|
-
): [Observable<T | undefined>, Dispatch<SetStateAction<T | undefined>>] {
|
|
15
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
16
|
-
const [value, update] = useState<T | undefined>(initial)
|
|
17
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
18
|
-
return [useAsObservable(value), update]
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
export function observeCallback<T>(): [Observable<T>, (arg: T) => void]
|
|
22
|
-
export function observeCallback<T, K>(
|
|
23
|
-
operator: OperatorFunction<T, K>,
|
|
24
|
-
): [Observable<K>, (arg: T) => void]
|
|
25
|
-
export function observeCallback<T, K>(
|
|
26
|
-
operator?: OperatorFunction<T, K>,
|
|
27
|
-
): [Observable<T | K>, (arg: T) => void] {
|
|
28
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
29
|
-
const ref = useRef<[Observable<T | K>, (arg: T) => void]>()
|
|
30
|
-
if (!ref.current) {
|
|
31
|
-
ref.current = operator ? observableCallback<T, K>(operator) : observableCallback<T>()
|
|
32
|
-
}
|
|
33
|
-
return ref.current
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
export function observeContext<T>(context: Context<T>): Observable<T> {
|
|
37
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
38
|
-
return useAsObservable(useContext<T>(context))
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
export function observeElement<T>(): [Observable<T | null>, (el: T | null) => void] {
|
|
42
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
43
|
-
const ref = useRef<[Observable<T | null>, (value: T | null) => void]>()
|
|
44
|
-
if (!ref.current) {
|
|
45
|
-
ref.current = createState<T | null>(null)
|
|
46
|
-
}
|
|
47
|
-
return ref.current
|
|
48
|
-
}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|