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.
Files changed (79) hide show
  1. package/dist/cjs/__tests__/strictmode.test.js +22 -62
  2. package/dist/cjs/__tests__/useObservable.test.js +32 -33
  3. package/dist/cjs/index.d.ts +2 -7
  4. package/dist/cjs/index.js +16 -26
  5. package/dist/cjs/useObservable.d.ts +0 -3
  6. package/dist/cjs/useObservable.js +58 -20
  7. package/dist/cjs/{useObservableCallback.js → useObservableEvent.js} +1 -2
  8. package/dist/es2015/__tests__/strictmode.test.js +6 -42
  9. package/dist/es2015/__tests__/useObservable.test.js +2 -3
  10. package/dist/es2015/index.d.ts +2 -7
  11. package/dist/es2015/index.js +2 -9
  12. package/dist/es2015/useObservable.d.ts +0 -3
  13. package/dist/es2015/useObservable.js +58 -19
  14. package/dist/es2015/{useObservableCallback.js → useObservableEvent.js} +1 -2
  15. package/dist/esm/__tests__/strictmode.test.js +8 -48
  16. package/dist/esm/__tests__/useObservable.test.js +2 -3
  17. package/dist/esm/index.d.ts +2 -7
  18. package/dist/esm/index.js +2 -9
  19. package/dist/esm/useObservable.d.ts +0 -3
  20. package/dist/esm/useObservable.js +58 -19
  21. package/dist/esm/{useObservableCallback.js → useObservableEvent.js} +1 -2
  22. package/package.json +35 -28
  23. package/src/__tests__/strictmode.test.ts +7 -52
  24. package/src/__tests__/useObservable.test.tsx +3 -3
  25. package/src/index.ts +2 -15
  26. package/src/useObservable.ts +75 -33
  27. package/src/{useObservableCallback.ts → useObservableEvent.ts} +1 -2
  28. package/dist/cjs/WithObservable.d.ts +0 -12
  29. package/dist/cjs/WithObservable.js +0 -16
  30. package/dist/cjs/__tests__/useAsObservable.test.d.ts +0 -1
  31. package/dist/cjs/__tests__/useAsObservable.test.js +0 -78
  32. package/dist/cjs/displayName.d.ts +0 -1
  33. package/dist/cjs/displayName.js +0 -14
  34. package/dist/cjs/reactiveComponent.d.ts +0 -8
  35. package/dist/cjs/reactiveComponent.js +0 -35
  36. package/dist/cjs/useAsObservable.d.ts +0 -10
  37. package/dist/cjs/useAsObservable.js +0 -47
  38. package/dist/cjs/useWithObservable.d.ts +0 -9
  39. package/dist/cjs/useWithObservable.js +0 -11
  40. package/dist/cjs/utils.d.ts +0 -7
  41. package/dist/cjs/utils.js +0 -38
  42. package/dist/es2015/WithObservable.d.ts +0 -12
  43. package/dist/es2015/WithObservable.js +0 -9
  44. package/dist/es2015/__tests__/useAsObservable.test.d.ts +0 -1
  45. package/dist/es2015/__tests__/useAsObservable.test.js +0 -73
  46. package/dist/es2015/displayName.d.ts +0 -1
  47. package/dist/es2015/displayName.js +0 -8
  48. package/dist/es2015/reactiveComponent.d.ts +0 -8
  49. package/dist/es2015/reactiveComponent.js +0 -30
  50. package/dist/es2015/useAsObservable.d.ts +0 -10
  51. package/dist/es2015/useAsObservable.js +0 -43
  52. package/dist/es2015/useWithObservable.d.ts +0 -9
  53. package/dist/es2015/useWithObservable.js +0 -7
  54. package/dist/es2015/utils.d.ts +0 -7
  55. package/dist/es2015/utils.js +0 -31
  56. package/dist/esm/WithObservable.d.ts +0 -12
  57. package/dist/esm/WithObservable.js +0 -13
  58. package/dist/esm/__tests__/useAsObservable.test.d.ts +0 -1
  59. package/dist/esm/__tests__/useAsObservable.test.js +0 -73
  60. package/dist/esm/displayName.d.ts +0 -1
  61. package/dist/esm/displayName.js +0 -10
  62. package/dist/esm/reactiveComponent.d.ts +0 -8
  63. package/dist/esm/reactiveComponent.js +0 -30
  64. package/dist/esm/useAsObservable.d.ts +0 -10
  65. package/dist/esm/useAsObservable.js +0 -43
  66. package/dist/esm/useWithObservable.d.ts +0 -9
  67. package/dist/esm/useWithObservable.js +0 -7
  68. package/dist/esm/utils.d.ts +0 -7
  69. package/dist/esm/utils.js +0 -31
  70. package/src/WithObservable.tsx +0 -29
  71. package/src/__tests__/useAsObservable.test.tsx +0 -95
  72. package/src/displayName.ts +0 -11
  73. package/src/reactiveComponent.ts +0 -63
  74. package/src/useAsObservable.ts +0 -66
  75. package/src/useWithObservable.ts +0 -24
  76. package/src/utils.ts +0 -48
  77. /package/dist/cjs/{useObservableCallback.d.ts → useObservableEvent.d.ts} +0 -0
  78. /package/dist/es2015/{useObservableCallback.d.ts → useObservableEvent.d.ts} +0 -0
  79. /package/dist/esm/{useObservableCallback.d.ts → useObservableEvent.d.ts} +0 -0
@@ -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
- }