synstate-react-hooks-compat 3.0.0 → 3.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/create-boolean-state.mjs +19 -33
- package/dist/create-boolean-state.mjs.map +1 -1
- package/dist/create-reducer.mjs +6 -12
- package/dist/create-reducer.mjs.map +1 -1
- package/dist/create-state.mjs +16 -19
- package/dist/create-state.mjs.map +1 -1
- package/dist/index.mjs +8 -8
- package/dist/index.mjs.map +1 -1
- package/dist/synstate.mjs +2 -2
- package/dist/synstate.mjs.map +1 -1
- package/dist/use-observable-effect.mjs +8 -11
- package/dist/use-observable-effect.mjs.map +1 -1
- package/dist/use-observable-value.d.mts +0 -1
- package/dist/use-observable-value.d.mts.map +1 -1
- package/dist/use-observable-value.mjs +10 -15
- package/dist/use-observable-value.mjs.map +1 -1
- package/dist/use-value-as-observable.mjs +16 -25
- package/dist/use-value-as-observable.mjs.map +1 -1
- package/package.json +10 -11
- package/src/use-observable-value.mts +0 -5
|
@@ -1,35 +1,21 @@
|
|
|
1
|
-
import { createBooleanState as
|
|
1
|
+
import { createBooleanState as createBooleanStateBase, } from 'synstate';
|
|
2
2
|
import { useObservableValue } from './use-observable-value.mjs';
|
|
3
|
-
|
|
4
|
-
const
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
{
|
|
21
|
-
state,
|
|
22
|
-
setTrue,
|
|
23
|
-
setFalse,
|
|
24
|
-
setState,
|
|
25
|
-
toggle,
|
|
26
|
-
updateState,
|
|
27
|
-
resetState,
|
|
28
|
-
getSnapshot,
|
|
29
|
-
initialState
|
|
30
|
-
}
|
|
31
|
-
];
|
|
3
|
+
export const createBooleanState = (initialState) => {
|
|
4
|
+
const [state, { setTrue, setFalse, setState, toggle, updateState, resetState, getSnapshot, },] = createBooleanStateBase(initialState);
|
|
5
|
+
const useCurrentValue = () => useObservableValue(state);
|
|
6
|
+
return [
|
|
7
|
+
useCurrentValue,
|
|
8
|
+
{
|
|
9
|
+
state,
|
|
10
|
+
setTrue,
|
|
11
|
+
setFalse,
|
|
12
|
+
setState,
|
|
13
|
+
toggle,
|
|
14
|
+
updateState,
|
|
15
|
+
resetState,
|
|
16
|
+
getSnapshot,
|
|
17
|
+
initialState,
|
|
18
|
+
},
|
|
19
|
+
];
|
|
32
20
|
};
|
|
33
|
-
|
|
34
|
-
export { createBooleanState };
|
|
35
|
-
//# sourceMappingURL=create-boolean-state.mjs.map
|
|
21
|
+
//# sourceMappingURL=create-boolean-state.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"create-boolean-state.mjs","sources":["../src/create-boolean-state.mts"],"
|
|
1
|
+
{"version":3,"file":"create-boolean-state.mjs","sourceRoot":"","sources":["../src/create-boolean-state.mts"],"names":[],"mappings":"AAAA,OAAO,EAEL,kBAAkB,IAAI,sBAAsB,GAC7C,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,YAAqB,EAcrB,EAAE;IACF,MAAM,CACJ,KAAK,EACL,EACE,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,WAAW,EACX,UAAU,EACV,WAAW,GACZ,EACF,GAAG,sBAAsB,CAAC,YAAY,CAAC,CAAC;IAEzC,MAAM,eAAe,GAAG,GAAY,EAAE,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAEjE,OAAO;QACL,eAAe;QACf;YACE,KAAK;YACL,OAAO;YACP,QAAQ;YACR,QAAQ;YACR,MAAM;YACN,WAAW;YACX,UAAU;YACV,WAAW;YACX,YAAY;SACb;KACO,CAAC;AACb,CAAC,CAAC"}
|
package/dist/create-reducer.mjs
CHANGED
|
@@ -1,14 +1,8 @@
|
|
|
1
|
-
import { createReducer as
|
|
1
|
+
import { createReducer as createReducerBase, } from 'synstate';
|
|
2
2
|
import { useObservableValue } from './use-observable-value.mjs';
|
|
3
|
-
|
|
4
|
-
const
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
initialState
|
|
8
|
-
);
|
|
9
|
-
const useCurrentValue = () => useObservableValue(state);
|
|
10
|
-
return [useCurrentValue, dispatch, { state, getSnapshot, initialState }];
|
|
3
|
+
export const createReducer = (reducer, initialState) => {
|
|
4
|
+
const [state, dispatch, { getSnapshot }] = createReducerBase(reducer, initialState);
|
|
5
|
+
const useCurrentValue = () => useObservableValue(state);
|
|
6
|
+
return [useCurrentValue, dispatch, { state, getSnapshot, initialState }];
|
|
11
7
|
};
|
|
12
|
-
|
|
13
|
-
export { createReducer };
|
|
14
|
-
//# sourceMappingURL=create-reducer.mjs.map
|
|
8
|
+
//# sourceMappingURL=create-reducer.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"create-reducer.mjs","sources":["../src/create-reducer.mts"],"
|
|
1
|
+
{"version":3,"file":"create-reducer.mjs","sourceRoot":"","sources":["../src/create-reducer.mts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,IAAI,iBAAiB,GAEnC,MAAM,UAAU,CAAC;AAElB,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,OAAsB,EACtB,YAAe,EASf,EAAE;IACF,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE,WAAW,EAAE,CAAC,GAAG,iBAAiB,CAC1D,OAAO,EACP,YAAY,CACb,CAAC;IAEF,MAAM,eAAe,GAAG,GAAM,EAAE,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAE3D,OAAO,CAAC,eAAe,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,CAAC,CAAC;AAC3E,CAAC,CAAC"}
|
package/dist/create-state.mjs
CHANGED
|
@@ -1,21 +1,18 @@
|
|
|
1
|
-
import { createState as
|
|
1
|
+
import { createState as createStateBase, } from 'synstate';
|
|
2
2
|
import { useObservableValue } from './use-observable-value.mjs';
|
|
3
|
-
|
|
4
|
-
const
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
];
|
|
3
|
+
export const createState = (initialState) => {
|
|
4
|
+
const [state, setState, { updateState, resetState, getSnapshot }] = createStateBase(initialState);
|
|
5
|
+
const useCurrentValue = () => useObservableValue(state);
|
|
6
|
+
return [
|
|
7
|
+
useCurrentValue,
|
|
8
|
+
setState,
|
|
9
|
+
{
|
|
10
|
+
state,
|
|
11
|
+
updateState,
|
|
12
|
+
resetState,
|
|
13
|
+
getSnapshot,
|
|
14
|
+
initialState,
|
|
15
|
+
},
|
|
16
|
+
];
|
|
18
17
|
};
|
|
19
|
-
|
|
20
|
-
export { createState };
|
|
21
|
-
//# sourceMappingURL=create-state.mjs.map
|
|
18
|
+
//# sourceMappingURL=create-state.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"create-state.mjs","sources":["../src/create-state.mts"],"
|
|
1
|
+
{"version":3,"file":"create-state.mjs","sourceRoot":"","sources":["../src/create-state.mts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,IAAI,eAAe,GAE/B,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,YAAe,EAWf,EAAE;IACF,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,CAAC,GAC/D,eAAe,CAAC,YAAY,CAAC,CAAC;IAEhC,MAAM,eAAe,GAAG,GAAM,EAAE,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAE3D,OAAO;QACL,eAAe;QACf,QAAQ;QACR;YACE,KAAK;YACL,WAAW;YACX,UAAU;YACV,WAAW;YACX,YAAY;SACb;KACO,CAAC;AACb,CAAC,CAAC"}
|
package/dist/index.mjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
export
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
export
|
|
5
|
-
export
|
|
6
|
-
export
|
|
7
|
-
export
|
|
8
|
-
//# sourceMappingURL=index.mjs.map
|
|
1
|
+
export * from './create-boolean-state.mjs';
|
|
2
|
+
export * from './create-reducer.mjs';
|
|
3
|
+
export * from './create-state.mjs';
|
|
4
|
+
export * from './synstate.mjs';
|
|
5
|
+
export * from './use-observable-effect.mjs';
|
|
6
|
+
export * from './use-observable-value.mjs';
|
|
7
|
+
export * from './use-value-as-observable.mjs';
|
|
8
|
+
//# sourceMappingURL=index.mjs.map
|
package/dist/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","
|
|
1
|
+
{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../src/index.mts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC"}
|
package/dist/synstate.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { attachIndex, audit, collectToArray, combine, combineLatest, counter, createEventEmitter, createValueEmitter, debounce, distinctUntilChanged, filter, flatMap, fromAbortablePromise, fromPromise, fromSubscribable, getKey, isChildObservable, isManagerObservable, isRootObservable, just, map, mapOptional, mapResultErr, mapResultOk, mapTo, merge, mergeMap, pairwise, pluck, scan, skip, skipIfNoChange, skipUntil, skipWhile, source, switchMap, take, takeUntil, takeWhile, throttle, timer, unwrapOptional, unwrapResultErr, unwrapResultOk, withBuffered, withBufferedFrom, withCurrentValueFrom, withIndex, withInitialValue, withLatestFrom, zip } from 'synstate';
|
|
2
|
-
//# sourceMappingURL=synstate.mjs.map
|
|
1
|
+
export { attachIndex, audit, collectToArray, combine, combineLatest, counter, createEventEmitter, createValueEmitter, debounce, distinctUntilChanged, filter, flatMap, fromAbortablePromise, fromPromise, fromSubscribable, getKey, isChildObservable, isManagerObservable, isRootObservable, just, map, mapOptional, mapResultErr, mapResultOk, mapTo, merge, mergeMap, pairwise, pluck, scan, skip, skipIfNoChange, skipUntil, skipWhile, source, switchMap, take, takeUntil, takeWhile, throttle, timer, unwrapOptional, unwrapResultErr, unwrapResultOk, withBuffered, withBufferedFrom, withCurrentValueFrom, withIndex, withInitialValue, withLatestFrom, zip, } from 'synstate';
|
|
2
|
+
//# sourceMappingURL=synstate.mjs.map
|
package/dist/synstate.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"synstate.mjs","
|
|
1
|
+
{"version":3,"file":"synstate.mjs","sourceRoot":"","sources":["../src/synstate.mts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,KAAK,EACL,cAAc,EACd,OAAO,EACP,aAAa,EACb,OAAO,EACP,kBAAkB,EAClB,kBAAkB,EAClB,QAAQ,EACR,oBAAoB,EACpB,MAAM,EACN,OAAO,EACP,oBAAoB,EACpB,WAAW,EACX,gBAAgB,EAChB,MAAM,EACN,iBAAiB,EACjB,mBAAmB,EACnB,gBAAgB,EAChB,IAAI,EACJ,GAAG,EACH,WAAW,EACX,YAAY,EACZ,WAAW,EACX,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,cAAc,EACd,SAAS,EACT,SAAS,EACT,MAAM,EACN,SAAS,EACT,IAAI,EACJ,SAAS,EACT,SAAS,EACT,QAAQ,EACR,KAAK,EACL,cAAc,EACd,eAAe,EACf,cAAc,EACd,YAAY,EACZ,gBAAgB,EAChB,oBAAoB,EACpB,SAAS,EACT,gBAAgB,EAChB,cAAc,EACd,GAAG,GACJ,MAAM,UAAU,CAAC"}
|
|
@@ -1,13 +1,10 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
};
|
|
9
|
-
}, []);
|
|
2
|
+
export const useObservableEffect = (observable$, subscriptionFn) => {
|
|
3
|
+
React.useEffect(() => {
|
|
4
|
+
const s = observable$.subscribe(subscriptionFn);
|
|
5
|
+
return () => {
|
|
6
|
+
s.unsubscribe();
|
|
7
|
+
};
|
|
8
|
+
}, []);
|
|
10
9
|
};
|
|
11
|
-
|
|
12
|
-
export { useObservableEffect };
|
|
13
|
-
//# sourceMappingURL=use-observable-effect.mjs.map
|
|
10
|
+
//# sourceMappingURL=use-observable-effect.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-observable-effect.mjs","sources":["../src/use-observable-effect.mts"],"
|
|
1
|
+
{"version":3,"file":"use-observable-effect.mjs","sourceRoot":"","sources":["../src/use-observable-effect.mts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,WAA0B,EAC1B,cAA8B,EACxB,EAAE;IACR,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,CAAC,GAAG,WAAW,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;QAEhD,OAAO,GAAG,EAAE;YACV,CAAC,CAAC,WAAW,EAAE,CAAC;QAClB,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC,CAAC"}
|
|
@@ -2,5 +2,4 @@ import { type InitializedObservable, type Observable } from 'synstate';
|
|
|
2
2
|
export declare function useObservableValue<A, B = A>(observable$: Observable<A>, initialValue: B): A | B;
|
|
3
3
|
export declare function useObservableValue<A>(observable$: InitializedObservable<A>): A;
|
|
4
4
|
export declare function useObservableValue<A>(observable$: Observable<A>): A | undefined;
|
|
5
|
-
export declare function useObservableValue<A, B = A>(observable$: Observable<A>, initialValue: B): A | B;
|
|
6
5
|
//# sourceMappingURL=use-observable-value.d.mts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-observable-value.d.mts","sourceRoot":"","sources":["../src/use-observable-value.mts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,qBAAqB,EAAE,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAGvE,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EACzC,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC,EAC1B,YAAY,EAAE,CAAC,GACd,CAAC,GAAG,CAAC,CAAC;AAET,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,WAAW,EAAE,qBAAqB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;AAEhF,wBAAgB,kBAAkB,CAAC,CAAC,EAClC,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC,GACzB,CAAC,GAAG,SAAS,CAAC
|
|
1
|
+
{"version":3,"file":"use-observable-value.d.mts","sourceRoot":"","sources":["../src/use-observable-value.mts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,qBAAqB,EAAE,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAGvE,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EACzC,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC,EAC1B,YAAY,EAAE,CAAC,GACd,CAAC,GAAG,CAAC,CAAC;AAET,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,WAAW,EAAE,qBAAqB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;AAEhF,wBAAgB,kBAAkB,CAAC,CAAC,EAClC,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC,GACzB,CAAC,GAAG,SAAS,CAAC"}
|
|
@@ -1,18 +1,13 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { Optional } from 'ts-data-forge';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
return unsubscribe;
|
|
13
|
-
}, [observable$]);
|
|
14
|
-
return value;
|
|
3
|
+
export function useObservableValue(observable$, initialValue) {
|
|
4
|
+
const [value, setValue] = React.useState(() => Optional.unwrapOr(observable$.getSnapshot(), initialValue));
|
|
5
|
+
React.useEffect(() => {
|
|
6
|
+
const { unsubscribe } = observable$.subscribe((v) => {
|
|
7
|
+
setValue(v);
|
|
8
|
+
});
|
|
9
|
+
return unsubscribe;
|
|
10
|
+
}, [observable$]);
|
|
11
|
+
return value;
|
|
15
12
|
}
|
|
16
|
-
|
|
17
|
-
export { useObservableValue };
|
|
18
|
-
//# sourceMappingURL=use-observable-value.mjs.map
|
|
13
|
+
//# sourceMappingURL=use-observable-value.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-observable-value.mjs","sources":["../src/use-observable-value.mts"],"
|
|
1
|
+
{"version":3,"file":"use-observable-value.mjs","sourceRoot":"","sources":["../src/use-observable-value.mts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAazC,MAAM,UAAU,kBAAkB,CAChC,WAA0B,EAC1B,YAAgB;IAEhB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAoB,GAAG,EAAE,CAC/D,QAAQ,CAAC,QAAQ,CAAC,WAAW,CAAC,WAAW,EAAE,EAAE,YAAY,CAAC,CAC3D,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,EAAE,WAAW,EAAE,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE;YAClD,QAAQ,CAAC,CAAC,CAAC,CAAC;QACd,CAAC,CAAC,CAAC;QAEH,OAAO,WAAW,CAAC;IACrB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,KAAK,CAAC;AACf,CAAC"}
|
|
@@ -1,27 +1,18 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { source, withInitialValue } from 'synstate';
|
|
3
|
-
|
|
4
|
-
const
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
[]
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
sourceObservable.next(nextState);
|
|
18
|
-
return nextState;
|
|
19
|
-
}, []);
|
|
20
|
-
React.useEffect(() => {
|
|
21
|
-
setState(input);
|
|
22
|
-
}, [input]);
|
|
23
|
-
return state;
|
|
2
|
+
import { source, withInitialValue, } from 'synstate';
|
|
3
|
+
export const useValueAsObservable = (input) => {
|
|
4
|
+
const sourceObservable = React.useMemo(source, []);
|
|
5
|
+
const state = React.useMemo(() => sourceObservable.pipe(withInitialValue(input)), []);
|
|
6
|
+
React.useEffect(() => () => {
|
|
7
|
+
state.complete();
|
|
8
|
+
}, []);
|
|
9
|
+
const setState = React.useCallback((nextState) => {
|
|
10
|
+
sourceObservable.next(nextState);
|
|
11
|
+
return nextState;
|
|
12
|
+
}, []);
|
|
13
|
+
React.useEffect(() => {
|
|
14
|
+
setState(input);
|
|
15
|
+
}, [input]);
|
|
16
|
+
return state;
|
|
24
17
|
};
|
|
25
|
-
|
|
26
|
-
export { useValueAsObservable };
|
|
27
|
-
//# sourceMappingURL=use-value-as-observable.mjs.map
|
|
18
|
+
//# sourceMappingURL=use-value-as-observable.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-value-as-observable.mjs","sources":["../src/use-value-as-observable.mts"],"
|
|
1
|
+
{"version":3,"file":"use-value-as-observable.mjs","sourceRoot":"","sources":["../src/use-value-as-observable.mts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,MAAM,EACN,gBAAgB,GAGjB,MAAM,UAAU,CAAC;AAElB,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAK,KAAQ,EAAiB,EAAE;IAClE,MAAM,gBAAgB,GAAG,KAAK,CAAC,OAAO,CAAsB,MAAM,EAAE,EAAE,CAAC,CAAC;IAExE,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CACzB,GAAG,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,EACpD,EAAE,CACH,CAAC;IAEF,KAAK,CAAC,SAAS,CACb,GAAG,EAAE,CAAC,GAAG,EAAE;QACT,KAAK,CAAC,QAAQ,EAAE,CAAC;IACnB,CAAC,EACD,EAAE,CACH,CAAC;IAEF,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,SAAY,EAAK,EAAE;QACrD,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAEjC,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,KAAK,CAAC;AACf,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "synstate-react-hooks-compat",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.1",
|
|
4
4
|
"description": "SynState React hooks for React 16.8–17 (without useSyncExternalStore)",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -28,28 +28,27 @@
|
|
|
28
28
|
"LICENSE"
|
|
29
29
|
],
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"synstate": "3.0.
|
|
32
|
-
"ts-data-forge": "^14.
|
|
31
|
+
"synstate": "3.0.1",
|
|
32
|
+
"ts-data-forge": "^14.6.3",
|
|
33
33
|
"ts-type-forge": "^9.2.2"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
36
|
"@testing-library/dom": "10.4.1",
|
|
37
|
-
"@testing-library/react": "16.3.
|
|
37
|
+
"@testing-library/react": "16.3.3",
|
|
38
38
|
"@types/react": "19.2.18",
|
|
39
|
-
"@types/react-dom": "19.2.
|
|
39
|
+
"@types/react-dom": "19.2.7",
|
|
40
40
|
"@vitest/browser-playwright": "4.1.11",
|
|
41
|
-
"eslint-config-typed": "5.
|
|
42
|
-
"eslint-plugin-ts-data-forge": "0.
|
|
43
|
-
"eslint-plugin-ts-fortress": "1.0
|
|
44
|
-
"eslint-plugin-ts-type-forge": "0.
|
|
41
|
+
"eslint-config-typed": "5.11.2",
|
|
42
|
+
"eslint-plugin-ts-data-forge": "0.7.0",
|
|
43
|
+
"eslint-plugin-ts-fortress": "1.2.0",
|
|
44
|
+
"eslint-plugin-ts-type-forge": "0.8.1",
|
|
45
45
|
"playwright": "1.62.1",
|
|
46
46
|
"prettier": "3.9.6",
|
|
47
47
|
"prettier-plugin-organize-imports": "4.3.0",
|
|
48
48
|
"prettier-plugin-packagejson": "3.0.2",
|
|
49
49
|
"react": "19.2.8",
|
|
50
50
|
"react-dom": "19.2.8",
|
|
51
|
-
"
|
|
52
|
-
"ts-repo-utils": "10.3.2"
|
|
51
|
+
"ts-repo-utils": "10.6.0"
|
|
53
52
|
},
|
|
54
53
|
"peerDependencies": {
|
|
55
54
|
"react": ">=16.8.0"
|
|
@@ -13,11 +13,6 @@ export function useObservableValue<A>(
|
|
|
13
13
|
observable$: Observable<A>,
|
|
14
14
|
): A | undefined;
|
|
15
15
|
|
|
16
|
-
export function useObservableValue<A, B = A>(
|
|
17
|
-
observable$: Observable<A>,
|
|
18
|
-
initialValue: B,
|
|
19
|
-
): A | B;
|
|
20
|
-
|
|
21
16
|
export function useObservableValue<A, B = A>(
|
|
22
17
|
observable$: Observable<A>,
|
|
23
18
|
initialValue?: B,
|