@dxos/react-hooks 0.8.4-main.b97322e → 0.8.4-main.c4373fc

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 (52) hide show
  1. package/dist/lib/browser/index.mjs +114 -79
  2. package/dist/lib/browser/index.mjs.map +4 -4
  3. package/dist/lib/browser/meta.json +1 -1
  4. package/dist/lib/node-esm/index.mjs +114 -79
  5. package/dist/lib/node-esm/index.mjs.map +4 -4
  6. package/dist/lib/node-esm/meta.json +1 -1
  7. package/dist/types/src/index.d.ts +2 -2
  8. package/dist/types/src/index.d.ts.map +1 -1
  9. package/dist/types/src/useAsyncEffect.d.ts +5 -29
  10. package/dist/types/src/useAsyncEffect.d.ts.map +1 -1
  11. package/dist/types/src/useControlledState.d.ts +1 -0
  12. package/dist/types/src/useControlledState.d.ts.map +1 -1
  13. package/dist/types/src/useDebugDeps.d.ts +6 -0
  14. package/dist/types/src/useDebugDeps.d.ts.map +1 -0
  15. package/dist/types/src/useDynamicRef.d.ts +6 -1
  16. package/dist/types/src/useDynamicRef.d.ts.map +1 -1
  17. package/dist/types/src/useForwardedRef.d.ts +2 -2
  18. package/dist/types/src/useForwardedRef.d.ts.map +1 -1
  19. package/dist/types/src/useIsFocused.d.ts +1 -1
  20. package/dist/types/src/useIsFocused.d.ts.map +1 -1
  21. package/dist/types/src/useMediaQuery.d.ts.map +1 -1
  22. package/dist/types/src/useMulticastObservable.test.d.ts.map +1 -1
  23. package/dist/types/src/useSignals.d.ts +10 -0
  24. package/dist/types/src/useSignals.d.ts.map +1 -0
  25. package/dist/types/src/useTimeout.d.ts +2 -1
  26. package/dist/types/src/useTimeout.d.ts.map +1 -1
  27. package/dist/types/src/useTransitions.d.ts +2 -1
  28. package/dist/types/src/useTransitions.d.ts.map +1 -1
  29. package/dist/types/tsconfig.tsbuildinfo +1 -1
  30. package/package.json +10 -9
  31. package/src/index.ts +2 -2
  32. package/src/useAsyncEffect.ts +19 -49
  33. package/src/useControlledState.ts +1 -0
  34. package/src/useDebugDeps.ts +26 -0
  35. package/src/useDefaultValue.ts +1 -1
  36. package/src/useDynamicRef.ts +27 -5
  37. package/src/useForwardedRef.ts +2 -2
  38. package/src/useIsFocused.ts +2 -2
  39. package/src/useMediaQuery.ts +1 -2
  40. package/src/{useMulticastObservable.test.tsx → useMulticastObservable.test.ts} +1 -3
  41. package/src/useSignals.ts +27 -0
  42. package/src/useTimeout.ts +28 -3
  43. package/src/useTransitions.ts +4 -2
  44. package/dist/types/src/useAsyncEffect.test.d.ts +0 -2
  45. package/dist/types/src/useAsyncEffect.test.d.ts.map +0 -1
  46. package/dist/types/src/useDebugReactDeps.d.ts +0 -6
  47. package/dist/types/src/useDebugReactDeps.d.ts.map +0 -1
  48. package/dist/types/src/useTrackProps.d.ts +0 -5
  49. package/dist/types/src/useTrackProps.d.ts.map +0 -1
  50. package/src/useAsyncEffect.test.tsx +0 -51
  51. package/src/useDebugReactDeps.ts +0 -27
  52. package/src/useTrackProps.ts +0 -40
@@ -1 +1 @@
1
- {"version":3,"file":"useAsyncEffect.d.ts","sourceRoot":"","sources":["../../../src/useAsyncEffect.ts"],"names":[],"mappings":"AAQA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,cAAc,GAAI,CAAC,EAC9B,UAAU,CAAC,SAAS,EAAE,MAAM,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,GAAG,SAAS,EAC9D,aAAa,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC,GAAG,GAAG,EAAE,EAC1C,OAAO,GAAG,EAAE,SAoBb,CAAC"}
1
+ {"version":3,"file":"useAsyncEffect.d.ts","sourceRoot":"","sources":["../../../src/useAsyncEffect.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAa,MAAM,OAAO,CAAC;AAE5E;;;;GAIG;AACH,eAAO,MAAM,cAAc,GACzB,IAAI,CAAC,UAAU,EAAE,eAAe,KAAK,OAAO,CAAC,cAAc,GAAG,IAAI,CAAC,EACnE,OAAO,cAAc,SAkBtB,CAAC"}
@@ -1,6 +1,7 @@
1
1
  import { type Dispatch, type SetStateAction } from 'react';
2
2
  /**
3
3
  * A stateful hook with a controlled value.
4
+ * NOTE: Be careful not to provide an inlinde default array.
4
5
  */
5
6
  export declare const useControlledState: <T>(controlledValue: T, onChange?: (value: T) => void, ...deps: any[]) => [T, Dispatch<SetStateAction<T>>];
6
7
  //# sourceMappingURL=useControlledState.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"useControlledState.d.ts","sourceRoot":"","sources":["../../../src/useControlledState.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,cAAc,EAAuB,MAAM,OAAO,CAAC;AAEhF;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAAI,CAAC,EAClC,iBAAiB,CAAC,EAClB,WAAW,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,EAC7B,GAAG,MAAM,GAAG,EAAE,KACb,CAAC,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAajC,CAAC"}
1
+ {"version":3,"file":"useControlledState.d.ts","sourceRoot":"","sources":["../../../src/useControlledState.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,cAAc,EAAuB,MAAM,OAAO,CAAC;AAEhF;;;GAGG;AACH,eAAO,MAAM,kBAAkB,GAAI,CAAC,EAClC,iBAAiB,CAAC,EAClB,WAAW,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,EAC7B,GAAG,MAAM,GAAG,EAAE,KACb,CAAC,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAajC,CAAC"}
@@ -0,0 +1,6 @@
1
+ import { type DependencyList } from 'react';
2
+ /**
3
+ * Util to log deps that have changed.
4
+ */
5
+ export declare const useDebugDeps: (deps?: DependencyList, active?: boolean) => void;
6
+ //# sourceMappingURL=useDebugDeps.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useDebugDeps.d.ts","sourceRoot":"","sources":["../../../src/useDebugDeps.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,cAAc,EAAqB,MAAM,OAAO,CAAC;AAE/D;;GAEG;AACH,eAAO,MAAM,YAAY,GAAI,OAAM,cAAmB,EAAE,gBAAa,SAgBpE,CAAC"}
@@ -1,5 +1,10 @@
1
+ import { type Dispatch, type MutableRefObject, type SetStateAction } from 'react';
2
+ /**
3
+ * Like `useState` but with an additional dynamic value.
4
+ */
5
+ export declare const useStateWithRef: <T>(valueParam: T) => [T, Dispatch<SetStateAction<T>>, MutableRefObject<T>];
1
6
  /**
2
7
  * Ref that is updated by a dependency.
3
8
  */
4
- export declare const useDynamicRef: <T>(value: T) => import("react").MutableRefObject<T>;
9
+ export declare const useDynamicRef: <T>(value: T) => MutableRefObject<T>;
5
10
  //# sourceMappingURL=useDynamicRef.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"useDynamicRef.d.ts","sourceRoot":"","sources":["../../../src/useDynamicRef.ts"],"names":[],"mappings":"AAMA;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,CAAC,EAAE,OAAO,CAAC,wCAOxC,CAAC"}
1
+ {"version":3,"file":"useDynamicRef.d.ts","sourceRoot":"","sources":["../../../src/useDynamicRef.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAA+B,MAAM,OAAO,CAAC;AAE/G;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,CAAC,EAAE,YAAY,CAAC,KAAG,CAAC,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAgBtG,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,CAAC,EAAE,OAAO,CAAC,KAAG,gBAAgB,CAAC,CAAC,CAO7D,CAAC"}
@@ -1,7 +1,7 @@
1
1
  import { type ForwardedRef } from 'react';
2
2
  /**
3
3
  * Combines a possibly undefined forwarded ref with a locally defined ref.
4
- * @deprecated Use @radix-ui/react-compose-refs
4
+ * @deprecated Use `useComposedRefs` from @radix-ui/react-compose-refs
5
5
  */
6
- export declare const useForwardedRef: <T>(ref: ForwardedRef<T>) => import("react").RefObject<T>;
6
+ export declare const useForwardedRef: <T>(ref: ForwardedRef<T>) => import("react").RefObject<T | null>;
7
7
  //# sourceMappingURL=useForwardedRef.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"useForwardedRef.d.ts","sourceRoot":"","sources":["../../../src/useForwardedRef.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,YAAY,EAAqB,MAAM,OAAO,CAAC;AAE7D;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,CAAC,EAAE,KAAK,YAAY,CAAC,CAAC,CAAC,iCAetD,CAAC"}
1
+ {"version":3,"file":"useForwardedRef.d.ts","sourceRoot":"","sources":["../../../src/useForwardedRef.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,YAAY,EAAqB,MAAM,OAAO,CAAC;AAE7D;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,CAAC,EAAE,KAAK,YAAY,CAAC,CAAC,CAAC,wCAetD,CAAC"}
@@ -1,3 +1,3 @@
1
1
  import { type RefObject } from 'react';
2
- export declare const useIsFocused: (inputRef: RefObject<HTMLInputElement>) => boolean | undefined;
2
+ export declare const useIsFocused: (inputRef: RefObject<HTMLInputElement | null>) => boolean | undefined;
3
3
  //# sourceMappingURL=useIsFocused.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"useIsFocused.d.ts","sourceRoot":"","sources":["../../../src/useIsFocused.ts"],"names":[],"mappings":"AAOA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpE,eAAO,MAAM,YAAY,GAAI,UAAU,SAAS,CAAC,gBAAgB,CAAC,wBA4BjE,CAAC"}
1
+ {"version":3,"file":"useIsFocused.d.ts","sourceRoot":"","sources":["../../../src/useIsFocused.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,SAAS,EAA+B,MAAM,OAAO,CAAC;AAEpE,eAAO,MAAM,YAAY,GAAI,UAAU,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,wBA4BxE,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"useMediaQuery.d.ts","sourceRoot":"","sources":["../../../src/useMediaQuery.ts"],"names":[],"mappings":"AAQA,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,CAAC,EAAE,OAAO,GAAG,OAAO,EAAE,CAAC;IAC/B,GAAG,CAAC,EAAE,OAAO,CAAC;CACf,CAAC;AAWF;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,GAAI,OAAO,MAAM,GAAG,MAAM,EAAE,EAAE,UAAS,oBAAyB,KAAG,OAAO,EA2DnG,CAAC"}
1
+ {"version":3,"file":"useMediaQuery.d.ts","sourceRoot":"","sources":["../../../src/useMediaQuery.ts"],"names":[],"mappings":"AAQA,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,CAAC,EAAE,OAAO,GAAG,OAAO,EAAE,CAAC;IAC/B,GAAG,CAAC,EAAE,OAAO,CAAC;CACf,CAAC;AAWF;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,GAAI,OAAO,MAAM,GAAG,MAAM,EAAE,EAAE,UAAS,oBAAyB,KAAG,OAAO,EA0DnG,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"useMulticastObservable.test.d.ts","sourceRoot":"","sources":["../../../src/useMulticastObservable.test.tsx"],"names":[],"mappings":""}
1
+ {"version":3,"file":"useMulticastObservable.test.d.ts","sourceRoot":"","sources":["../../../src/useMulticastObservable.test.ts"],"names":[],"mappings":""}
@@ -0,0 +1,10 @@
1
+ import { type DependencyList } from 'react';
2
+ /**
3
+ * Like `useEffect` but also tracks signals inside of the callback.
4
+ */
5
+ export declare const useSignalsEffect: (cb: () => void | (() => void), deps?: DependencyList) => void;
6
+ /**
7
+ * Like `useMemo` but also tracks signals inside of the callback.
8
+ */
9
+ export declare const useSignalsMemo: <T>(cb: () => T, deps?: DependencyList) => T;
10
+ //# sourceMappingURL=useSignals.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useSignals.d.ts","sourceRoot":"","sources":["../../../src/useSignals.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,cAAc,EAAsB,MAAM,OAAO,CAAC;AAEhE;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAAI,IAAI,MAAM,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,EAAE,OAAO,cAAc,SAQpF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,CAAC,EAAE,IAAI,MAAM,CAAC,EAAE,OAAO,cAAc,MAEnE,CAAC"}
@@ -1,2 +1,3 @@
1
- export declare const useTimeout: (callback: (() => Promise<void>) | undefined, delay?: number, deps?: any[]) => void;
1
+ export declare const useTimeout: (callback?: () => Promise<void>, delay?: number, deps?: any[]) => void;
2
+ export declare const useInterval: (callback?: (() => Promise<void | boolean>) | (() => void | boolean), delay?: number, deps?: any[]) => void;
2
3
  //# sourceMappingURL=useTimeout.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"useTimeout.d.ts","sourceRoot":"","sources":["../../../src/useTimeout.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,UAAU,GAAI,UAAU,CAAC,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,SAAS,EAAE,cAAS,EAAE,OAAM,GAAG,EAAO,SAclG,CAAC"}
1
+ {"version":3,"file":"useTimeout.d.ts","sourceRoot":"","sources":["../../../src/useTimeout.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,UAAU,GAAI,WAAW,MAAM,OAAO,CAAC,IAAI,CAAC,EAAE,cAAS,EAAE,OAAM,GAAG,EAAO,SAcrF,CAAC;AAEF,eAAO,MAAM,WAAW,GACtB,WAAW,CAAC,MAAM,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC,CAAC,GAAG,CAAC,MAAM,IAAI,GAAG,OAAO,CAAC,EACnE,cAAS,EACT,OAAM,GAAG,EAAO,SAoBjB,CAAC"}
@@ -2,6 +2,7 @@
2
2
  * Executes a callback function when a specified transition occurs in a value.
3
3
  *
4
4
  * This function utilizes the `useDidTransition` hook to monitor changes in `currentValue`.
5
- * When `currentValue` transitions from `fromValue` to `toValue`, the provided `callback` function is executed. */
5
+ * When `currentValue` transitions from `fromValue` to `toValue`, the provided `callback` function is executed.
6
+ */
6
7
  export declare const useOnTransition: <T>(currentValue: T, fromValue: T | ((value: T) => boolean), toValue: T | ((value: T) => boolean), callback: () => void) => void;
7
8
  //# sourceMappingURL=useTransitions.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"useTransitions.d.ts","sourceRoot":"","sources":["../../../src/useTransitions.ts"],"names":[],"mappings":"AA8CA;;;;kHAIkH;AAClH,eAAO,MAAM,eAAe,GAAI,CAAC,EAC/B,cAAc,CAAC,EACf,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,OAAO,CAAC,EACtC,SAAS,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,OAAO,CAAC,EACpC,UAAU,MAAM,IAAI,SAerB,CAAC"}
1
+ {"version":3,"file":"useTransitions.d.ts","sourceRoot":"","sources":["../../../src/useTransitions.ts"],"names":[],"mappings":"AA8CA;;;;;GAKG;AAEH,eAAO,MAAM,eAAe,GAAI,CAAC,EAC/B,cAAc,CAAC,EACf,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,OAAO,CAAC,EACtC,SAAS,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,OAAO,CAAC,EACpC,UAAU,MAAM,IAAI,SAerB,CAAC"}