@dxos/react-hooks 0.8.3 → 0.8.4-main.84f28bd

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/react-hooks",
-  "version": "0.8.3",
+  "version": "0.8.4-main.84f28bd",
   "description": "React hooks supporting DXOS React primitives.",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -26,10 +26,12 @@
   "dependencies": {
     "@preact-signals/safe-react": "^0.9.0",
     "alea": "^1.0.1",
-    "@dxos/async": "0.8.3",
-    "@dxos/log": "0.8.3"
+    "lodash.defaultsdeep": "^4.6.1",
+    "@dxos/async": "0.8.4-main.84f28bd",
+    "@dxos/log": "0.8.4-main.84f28bd"
   },
   "devDependencies": {
+    "@types/lodash.defaultsdeep": "^4.6.6",
     "@types/react": "~18.2.0",
     "@types/react-dom": "~18.2.0",
     "react": "~18.2.0",

package/src/index.ts

@@ -7,6 +7,7 @@ export * from './useAsyncState';
 export * from './useControlledState';
 export * from './useDebugReactDeps';
 export * from './useDefaultValue';
+export * from './useDefaults';
 export * from './useDynamicRef';
 export * from './useFileDownload';
 export * from './useForwardedRef';
@@ -16,5 +17,6 @@ export * from './useMediaQuery';
 export * from './useMulticastObservable';
 export * from './useRefCallback';
 export * from './useResize';
+export * from './useTimeout';
 export * from './useTrackProps';
 export * from './useTransitions';

package/src/useAsyncEffect.ts

@@ -34,7 +34,7 @@ import { log } from '@dxos/log';
  *
  * NOTE: This effect does not cancel the async operation if the component is unmounted.
  *
- * @deprecated
+ * @deprecated Use useTimeout.
  */
 export const useAsyncEffect = <T>(
   callback: (isMounted: () => boolean) => Promise<T> | undefined,

package/src/useAsyncState.ts

@@ -14,7 +14,7 @@ export const useAsyncState = <T>(
   const [value, setValue] = useState<T | undefined>();
   useEffect(() => {
     let disposed = false;
-    queueMicrotask(async () => {
+    const t = setTimeout(async () => {
       const data = await cb();
       if (!disposed) {
         setValue(data);
@@ -23,6 +23,7 @@ export const useAsyncState = <T>(
 
     return () => {
       disposed = true;
+      clearTimeout(t);
     };
   }, deps);
 

package/src/useControlledState.ts

@@ -7,7 +7,11 @@ import { type Dispatch, type SetStateAction, useEffect, useState } from 'react';
 /**
  * A stateful hook with a controlled value.
  */
-export const useControlledState = <T>(controlledValue: T, ...deps: any[]): [T, Dispatch<SetStateAction<T>>] => {
+export const useControlledState = <T>(
+  controlledValue: T,
+  onChange?: (value: T) => void,
+  ...deps: any[]
+): [T, Dispatch<SetStateAction<T>>] => {
   const [value, setValue] = useState<T>(controlledValue);
   useEffect(() => {
     if (controlledValue !== undefined) {
@@ -15,5 +19,9 @@ export const useControlledState = <T>(controlledValue: T, ...deps: any[]): [T, D
     }
   }, [controlledValue, ...deps]);
 
+  useEffect(() => {
+    onChange?.(value);
+  }, [value, onChange]);
+
   return [value, setValue];
 };

package/src/useDefaultValue.ts

@@ -21,7 +21,6 @@ export const useDefaultValue = <T>(reactiveValue: T | undefined | null, getDefau
   // regardless of whether the defaultValue changes.
   const stableDefaultValue = useMemo(getDefaultValue, []);
   const [value, setValue] = useState(reactiveValue ?? stableDefaultValue);
-
   useEffect(() => {
     setValue(reactiveValue ?? stableDefaultValue);
   }, [reactiveValue, stableDefaultValue]);

package/src/useDefaults.ts

@@ -0,0 +1,14 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import defaultsDeep from 'lodash.defaultsdeep';
+import { useMemo } from 'react';
+
+/**
+ * Returns a memo-ized deep-merged object of the default and value.
+ * If value is undefined or null, then returns the default.
+ */
+export const useDefaults = <T>(value: T | undefined | null, defaults: T): T => {
+  return useMemo(() => defaultsDeep({}, defaults, value), [value, defaults]);
+};

package/src/useForwardedRef.ts

@@ -6,7 +6,7 @@ import { type ForwardedRef, useRef, useEffect } from 'react';
 
 /**
  * Combines a possibly undefined forwarded ref with a locally defined ref.
- * See also: react-merge-refs
+ * @deprecated Use @radix-ui/react-compose-refs
  */
 export const useForwardedRef = <T>(ref: ForwardedRef<T>) => {
   const innerRef = useRef<T>(null);

package/src/useTimeout.ts

@@ -0,0 +1,21 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { useEffect, useRef } from 'react';
+
+export const useTimeout = (callback: (() => Promise<void>) | undefined, delay = 0, deps: any[] = []) => {
+  const callbackRef = useRef(callback);
+  useEffect(() => {
+    callbackRef.current = callback;
+  }, [callback]);
+
+  useEffect(() => {
+    if (delay == null) {
+      return;
+    }
+
+    const timeout = setTimeout(() => callbackRef.current?.(), delay);
+    return () => clearTimeout(timeout);
+  }, [delay, ...deps]);
+};

package/dist/lib/node/index.cjs

@@ -1,413 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var node_exports = {};
-__export(node_exports, {
-  makeId: () => makeId,
-  randomString: () => randomString,
-  useAsyncEffect: () => useAsyncEffect,
-  useAsyncState: () => useAsyncState,
-  useControlledState: () => useControlledState,
-  useDebugReactDeps: () => useDebugReactDeps,
-  useDefaultValue: () => useDefaultValue,
-  useDidTransition: () => useDidTransition,
-  useDynamicRef: () => useDynamicRef,
-  useFileDownload: () => useFileDownload,
-  useForwardedRef: () => useForwardedRef,
-  useId: () => useId,
-  useIsFocused: () => useIsFocused,
-  useMediaQuery: () => useMediaQuery,
-  useMulticastObservable: () => useMulticastObservable,
-  useOnTransition: () => useOnTransition,
-  useRefCallback: () => useRefCallback,
-  useResize: () => useResize,
-  useTrackProps: () => useTrackProps
-});
-module.exports = __toCommonJS(node_exports);
-var import_react = require("react");
-var import_log = require("@dxos/log");
-var import_react2 = require("react");
-var import_react3 = require("react");
-var import_react4 = require("react");
-var import_react5 = require("react");
-var import_react6 = require("react");
-var import_react7 = require("react");
-var import_react8 = require("react");
-var import_alea = __toESM(require("alea"));
-var import_react9 = require("react");
-var import_react10 = require("react");
-var import_react11 = require("react");
-var import_react12 = require("react");
-var import_react13 = require("react");
-var import_react14 = require("react");
-var import_react15 = require("react");
-var import_log2 = require("@dxos/log");
-var import_react16 = require("react");
-var useAsyncEffect = (callback, destructor, deps) => {
-  const [effectDestructor, effectDeps] = typeof destructor === "function" ? [
-    destructor,
-    deps
-  ] : [
-    void 0,
-    destructor
-  ];
-  (0, import_react.useEffect)(() => {
-    let mounted = true;
-    let value;
-    const asyncResult = callback(() => mounted);
-    void Promise.resolve(asyncResult).then((result) => {
-      value = result;
-    }).catch(import_log.log.catch);
-    return () => {
-      mounted = false;
-      effectDestructor?.(value);
-    };
-  }, effectDeps);
-};
-var useAsyncState = (cb, deps = []) => {
-  const [value, setValue] = (0, import_react2.useState)();
-  (0, import_react2.useEffect)(() => {
-    let disposed = false;
-    queueMicrotask(async () => {
-      const data = await cb();
-      if (!disposed) {
-        setValue(data);
-      }
-    });
-    return () => {
-      disposed = true;
-    };
-  }, deps);
-  return [
-    value,
-    setValue
-  ];
-};
-var useControlledState = (controlledValue, ...deps) => {
-  const [value, setValue] = (0, import_react3.useState)(controlledValue);
-  (0, import_react3.useEffect)(() => {
-    if (controlledValue !== void 0) {
-      setValue(controlledValue);
-    }
-  }, [
-    controlledValue,
-    ...deps
-  ]);
-  return [
-    value,
-    setValue
-  ];
-};
-var useDebugReactDeps = (deps = []) => {
-  const lastDeps = (0, import_react4.useRef)([]);
-  (0, import_react4.useEffect)(() => {
-    console.group("deps changed", {
-      old: lastDeps.current.length,
-      new: deps.length
-    });
-    for (let i = 0; i < Math.max(lastDeps.current.length ?? 0, deps.length ?? 0); i++) {
-      console.log(i, lastDeps.current[i] === deps[i] ? "SAME" : "CHANGED", {
-        previous: lastDeps.current[i],
-        current: deps[i]
-      });
-    }
-    console.groupEnd();
-    lastDeps.current = deps;
-  }, deps);
-};
-var useDefaultValue = (reactiveValue, getDefaultValue) => {
-  const stableDefaultValue = (0, import_react5.useMemo)(getDefaultValue, []);
-  const [value, setValue] = (0, import_react5.useState)(reactiveValue ?? stableDefaultValue);
-  (0, import_react5.useEffect)(() => {
-    setValue(reactiveValue ?? stableDefaultValue);
-  }, [
-    reactiveValue,
-    stableDefaultValue
-  ]);
-  return value;
-};
-var useDynamicRef = (value) => {
-  const ref = (0, import_react6.useRef)(value);
-  (0, import_react6.useEffect)(() => {
-    ref.current = value;
-  }, [
-    value
-  ]);
-  return ref;
-};
-var useFileDownload = () => {
-  return (0, import_react7.useMemo)(() => (data, filename) => {
-    const url = typeof data === "string" ? data : URL.createObjectURL(data);
-    const element = document.createElement("a");
-    element.setAttribute("href", url);
-    element.setAttribute("download", filename);
-    element.setAttribute("target", "download");
-    element.click();
-  }, []);
-};
-var useForwardedRef = (ref) => {
-  const innerRef = (0, import_react8.useRef)(null);
-  (0, import_react8.useEffect)(() => {
-    if (!ref) {
-      return;
-    }
-    if (typeof ref === "function") {
-      ref(innerRef.current);
-    } else {
-      ref.current = innerRef.current;
-    }
-  });
-  return innerRef;
-};
-var Alea = import_alea.default;
-var prng = new Alea("@dxos/react-hooks");
-var randomString = (n = 4) => prng().toString(16).slice(2, n + 2);
-var useId = (namespace, propsId, opts) => (0, import_react9.useMemo)(() => makeId(namespace, propsId, opts), [
-  propsId
-]);
-var makeId = (namespace, propsId, opts) => propsId ?? `${namespace}-${randomString(opts?.n ?? 4)}`;
-var useIsFocused = (inputRef) => {
-  const [isFocused, setIsFocused] = (0, import_react10.useState)(void 0);
-  const isFocusedRef = (0, import_react10.useRef)(isFocused);
-  isFocusedRef.current = isFocused;
-  (0, import_react10.useEffect)(() => {
-    const input = inputRef.current;
-    if (!input) {
-      return;
-    }
-    const onFocus = () => setIsFocused(true);
-    const onBlur = () => setIsFocused(false);
-    input.addEventListener("focus", onFocus);
-    input.addEventListener("blur", onBlur);
-    if (isFocusedRef.current === void 0) {
-      setIsFocused(document.activeElement === input);
-    }
-    return () => {
-      input.removeEventListener("focus", onFocus);
-      input.removeEventListener("blur", onBlur);
-    };
-  }, [
-    inputRef,
-    setIsFocused
-  ]);
-  return isFocused;
-};
-var breakpointMediaQueries = {
-  sm: "(min-width: 640px)",
-  md: "(min-width: 768px)",
-  lg: "(min-width: 1024px)",
-  xl: "(min-width: 1280px)",
-  "2xl": "(min-width: 1536px)"
-};
-var useMediaQuery = (query, options = {}) => {
-  const { ssr = true, fallback } = options;
-  const queries = (Array.isArray(query) ? query : [
-    query
-  ]).map((query2) => query2 in breakpointMediaQueries ? breakpointMediaQueries[query2] : query2);
-  let fallbackValues = Array.isArray(fallback) ? fallback : [
-    fallback
-  ];
-  fallbackValues = fallbackValues.filter((v) => v != null);
-  const [value, setValue] = (0, import_react11.useState)(() => {
-    return queries.map((query2, index) => ({
-      media: query2,
-      matches: ssr ? !!fallbackValues[index] : document.defaultView?.matchMedia(query2).matches
-    }));
-  });
-  (0, import_react11.useEffect)(() => {
-    setValue(queries.map((query2) => ({
-      media: query2,
-      matches: document.defaultView?.matchMedia(query2).matches
-    })));
-    const mql = queries.map((query2) => document.defaultView?.matchMedia(query2));
-    const handler = (evt) => {
-      setValue((prev) => {
-        return prev.slice().map((item) => {
-          if (item.media === evt.media) {
-            return {
-              ...item,
-              matches: evt.matches
-            };
-          }
-          return item;
-        });
-      });
-    };
-    mql.forEach((mql2) => {
-      if (typeof mql2?.addListener === "function") {
-        mql2?.addListener(handler);
-      } else {
-        mql2?.addEventListener("change", handler);
-      }
-    });
-    return () => {
-      mql.forEach((mql2) => {
-        if (typeof mql2?.removeListener === "function") {
-          mql2?.removeListener(handler);
-        } else {
-          mql2?.removeEventListener("change", handler);
-        }
-      });
-    };
-  }, [
-    document.defaultView
-  ]);
-  return value.map((item) => !!item.matches);
-};
-var useMulticastObservable = (observable) => {
-  const subscribeFn = (0, import_react12.useMemo)(() => (listener) => {
-    const subscription = observable.subscribe(listener);
-    return () => subscription.unsubscribe();
-  }, [
-    observable
-  ]);
-  return (0, import_react12.useSyncExternalStore)(subscribeFn, () => observable.get());
-};
-var useRefCallback = () => {
-  const [value, setValue] = (0, import_react13.useState)(null);
-  return {
-    refCallback: (value2) => setValue(value2),
-    value
-  };
-};
-var useResize = (handler, deps = [], delay = 800) => {
-  const debouncedHandler = (0, import_react14.useMemo)(() => {
-    let timeout;
-    return (event) => {
-      clearTimeout(timeout);
-      timeout = setTimeout(() => {
-        handler(event);
-      }, delay);
-    };
-  }, [
-    handler,
-    delay
-  ]);
-  return (0, import_react14.useLayoutEffect)(() => {
-    window.visualViewport?.addEventListener("resize", debouncedHandler);
-    debouncedHandler();
-    return () => window.visualViewport?.removeEventListener("resize", debouncedHandler);
-  }, [
-    debouncedHandler,
-    ...deps
-  ]);
-};
-var __dxlog_file = "/home/runner/work/dxos/dxos/packages/ui/primitives/react-hooks/src/useTrackProps.ts";
-var useTrackProps = (props, componentName = "Component", active = true) => {
-  const prevProps = (0, import_react15.useRef)(props);
-  (0, import_react15.useEffect)(() => {
-    const changes = Object.entries(props).filter(([key]) => props[key] !== prevProps.current[key]);
-    if (changes.length > 0) {
-      if (active) {
-        import_log2.log.info("props changed", {
-          componentName,
-          keys: changes.map(([key]) => key).join(","),
-          props: Object.fromEntries(changes.map(([key]) => [
-            key,
-            {
-              from: prevProps.current[key],
-              to: props[key]
-            }
-          ]))
-        }, {
-          F: __dxlog_file,
-          L: 22,
-          S: void 0,
-          C: (f, a) => f(...a)
-        });
-      }
-    }
-    prevProps.current = props;
-  });
-};
-var isFunction = (functionToCheck) => {
-  return functionToCheck instanceof Function;
-};
-var useDidTransition = (currentValue, fromValue, toValue) => {
-  const [hasTransitioned, setHasTransitioned] = (0, import_react16.useState)(false);
-  const previousValue = (0, import_react16.useRef)(currentValue);
-  (0, import_react16.useEffect)(() => {
-    const toValueValid = isFunction(toValue) ? toValue(currentValue) : toValue === currentValue;
-    const fromValueValid = isFunction(fromValue) ? fromValue(previousValue.current) : fromValue === previousValue.current;
-    if (fromValueValid && toValueValid && !hasTransitioned) {
-      setHasTransitioned(true);
-    } else if ((!fromValueValid || !toValueValid) && hasTransitioned) {
-      setHasTransitioned(false);
-    }
-    previousValue.current = currentValue;
-  }, [
-    currentValue,
-    fromValue,
-    toValue,
-    hasTransitioned
-  ]);
-  return hasTransitioned;
-};
-var useOnTransition = (currentValue, fromValue, toValue, callback) => {
-  const dirty = (0, import_react16.useRef)(false);
-  const hasTransitioned = useDidTransition(currentValue, fromValue, toValue);
-  (0, import_react16.useEffect)(() => {
-    dirty.current = false;
-  }, [
-    currentValue,
-    dirty
-  ]);
-  (0, import_react16.useEffect)(() => {
-    if (hasTransitioned && !dirty.current) {
-      callback();
-      dirty.current = true;
-    }
-  }, [
-    hasTransitioned,
-    dirty,
-    callback
-  ]);
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  makeId,
-  randomString,
-  useAsyncEffect,
-  useAsyncState,
-  useControlledState,
-  useDebugReactDeps,
-  useDefaultValue,
-  useDidTransition,
-  useDynamicRef,
-  useFileDownload,
-  useForwardedRef,
-  useId,
-  useIsFocused,
-  useMediaQuery,
-  useMulticastObservable,
-  useOnTransition,
-  useRefCallback,
-  useResize,
-  useTrackProps
-});
-//# sourceMappingURL=index.cjs.map

package/dist/lib/node/index.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/useAsyncEffect.ts", "../../../src/useAsyncState.ts", "../../../src/useControlledState.ts", "../../../src/useDebugReactDeps.ts", "../../../src/useDefaultValue.ts", "../../../src/useDynamicRef.ts", "../../../src/useFileDownload.ts", "../../../src/useForwardedRef.ts", "../../../src/useId.ts", "../../../src/useIsFocused.ts", "../../../src/useMediaQuery.ts", "../../../src/useMulticastObservable.ts", "../../../src/useRefCallback.ts", "../../../src/useResize.ts", "../../../src/useTrackProps.ts", "../../../src/useTransitions.ts"],
-  "sourcesContent": ["//\n// Copyright 2022 DXOS.org\n//\n\nimport { useEffect } from 'react';\n\nimport { log } from '@dxos/log';\n\n/**\n * Process async event with optional non-async destructor.\n * Inspired by: https://github.com/rauldeheer/use-async-effect/blob/master/index.js\n *\n * ```tsx\n * useAsyncEffect(async () => {\n *   await test();\n * }, []);\n * ```\n *\n * The callback may check of the component is still mounted before doing state updates.\n *\n * ```tsx\n * const [value, setValue] = useState<string>();\n * useAsyncEffect<string>(async (isMounted) => {\n *   const value = await test();\n *   if (!isMounted()) {\n *     setValue(value);\n *   }\n * }, () => console.log('Unmounted'), []);\n * ```\n *\n * @param callback Receives a getter function that determines if the component is still mounted.\n * @param destructor Receives the value returned from the callback.\n * @param deps\n *\n * NOTE: This effect does not cancel the async operation if the component is unmounted.\n *\n * @deprecated\n */\nexport const useAsyncEffect = <T>(\n  callback: (isMounted: () => boolean) => Promise<T> | undefined,\n  destructor?: ((value?: T) => void) | any[],\n  deps?: any[],\n) => {\n  const [effectDestructor, effectDeps] =\n    typeof destructor === 'function' ? [destructor, deps] : [undefined, destructor];\n\n  useEffect(() => {\n    let mounted = true;\n    let value: T | undefined;\n    const asyncResult = callback(() => mounted);\n    void Promise.resolve(asyncResult)\n      .then((result) => {\n        value = result;\n      })\n      .catch(log.catch);\n\n    return () => {\n      mounted = false;\n      effectDestructor?.(value);\n    };\n  }, effectDeps);\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { type Dispatch, type SetStateAction, useEffect, useState } from 'react';\n\n/**\n * NOTE: Use with care and when necessary to be able to cancel an async operation when unmounting.\n */\nexport const useAsyncState = <T>(\n  cb: () => Promise<T | undefined>,\n  deps: any[] = [],\n): [T | undefined, Dispatch<SetStateAction<T | undefined>>] => {\n  const [value, setValue] = useState<T | undefined>();\n  useEffect(() => {\n    let disposed = false;\n    queueMicrotask(async () => {\n      const data = await cb();\n      if (!disposed) {\n        setValue(data);\n      }\n    });\n\n    return () => {\n      disposed = true;\n    };\n  }, deps);\n\n  return [value, setValue];\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Dispatch, type SetStateAction, useEffect, useState } from 'react';\n\n/**\n * A stateful hook with a controlled value.\n */\nexport const useControlledState = <T>(controlledValue: T, ...deps: any[]): [T, Dispatch<SetStateAction<T>>] => {\n  const [value, setValue] = useState<T>(controlledValue);\n  useEffect(() => {\n    if (controlledValue !== undefined) {\n      setValue(controlledValue);\n    }\n  }, [controlledValue, ...deps]);\n\n  return [value, setValue];\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\n/* eslint-disable no-console */\n\nimport { type DependencyList, useEffect, useRef } from 'react';\n\n/**\n * Util to log deps that have changed.\n */\n// TODO(burdon): Move to react-hooks.\nexport const useDebugReactDeps = (deps: DependencyList = []) => {\n  const lastDeps = useRef<DependencyList>([]);\n  useEffect(() => {\n    console.group('deps changed', { old: lastDeps.current.length, new: deps.length });\n    for (let i = 0; i < Math.max(lastDeps.current.length ?? 0, deps.length ?? 0); i++) {\n      console.log(i, lastDeps.current[i] === deps[i] ? 'SAME' : 'CHANGED', {\n        previous: lastDeps.current[i],\n        current: deps[i],\n      });\n    }\n\n    console.groupEnd();\n    lastDeps.current = deps;\n  }, deps);\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { useEffect, useState, useMemo } from 'react';\n\n/**\n * A custom React hook that provides a stable default value for a potentially undefined reactive value.\n * The defaultValue is memoized upon component mount and remains unchanged until the component unmounts,\n * ensuring stability across all re-renders, even if the defaultValue prop changes.\n *\n * Note: The defaultValue is not reactive. It retains the same value from the component's mount to unmount.\n *\n * @param reactiveValue - The value that may change over time.\n * @param defaultValue - The initial value used when the reactiveValue is undefined. This value is not reactive.\n * @returns - The reactiveValue if it's defined, otherwise the defaultValue.\n */\nexport const useDefaultValue = <T>(reactiveValue: T | undefined | null, getDefaultValue: () => T): T => {\n  // Memoize defaultValue with an empty dependency array.\n  // This ensures that the defaultValue instance remains stable across all re-renders,\n  // regardless of whether the defaultValue changes.\n  const stableDefaultValue = useMemo(getDefaultValue, []);\n  const [value, setValue] = useState(reactiveValue ?? stableDefaultValue);\n\n  useEffect(() => {\n    setValue(reactiveValue ?? stableDefaultValue);\n  }, [reactiveValue, stableDefaultValue]);\n\n  return value;\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { useEffect, useRef } from 'react';\n\n/**\n * Ref that is updated by a dependency.\n */\nexport const useDynamicRef = <T>(value: T) => {\n  const ref = useRef<T>(value);\n  useEffect(() => {\n    ref.current = value;\n  }, [value]);\n\n  return ref;\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { useMemo } from 'react';\n\n/**\n * File download anchor.\n *\n * ```\n * const download = useDownload();\n * const handleDownload = (data: string) => {\n *   download(new Blob([data], { type: 'text/plain' }), 'test.txt');\n * };\n * ```\n */\nexport const useFileDownload = (): ((data: Blob | string, filename: string) => void) => {\n  return useMemo(\n    () => (data: Blob | string, filename: string) => {\n      const url = typeof data === 'string' ? data : URL.createObjectURL(data);\n      const element = document.createElement('a');\n      element.setAttribute('href', url);\n      element.setAttribute('download', filename);\n      element.setAttribute('target', 'download');\n      element.click();\n    },\n    [],\n  );\n};\n", "//\n// Copyright 2022 DXOS.org\n//\n\nimport { type ForwardedRef, useRef, useEffect } from 'react';\n\n/**\n * Combines a possibly undefined forwarded ref with a locally defined ref.\n * See also: react-merge-refs\n */\nexport const useForwardedRef = <T>(ref: ForwardedRef<T>) => {\n  const innerRef = useRef<T>(null);\n  useEffect(() => {\n    if (!ref) {\n      return;\n    }\n\n    if (typeof ref === 'function') {\n      ref(innerRef.current);\n    } else {\n      ref.current = innerRef.current;\n    }\n  });\n\n  return innerRef;\n};\n", "//\n// Copyright 2022 DXOS.org\n//\n\nimport alea from 'alea';\nimport { useMemo } from 'react';\n\ninterface PrngFactory {\n  new (seed?: string): () => number;\n}\n\nconst Alea: PrngFactory = alea as unknown as PrngFactory;\n\nconst prng = new Alea('@dxos/react-hooks');\n\n// TODO(burdon): Replace with PublicKey.random().\nexport const randomString = (n = 4) =>\n  prng()\n    .toString(16)\n    .slice(2, n + 2);\n\nexport const useId = (namespace: string, propsId?: string, opts?: Partial<{ n: number }>) =>\n  useMemo(() => makeId(namespace, propsId, opts), [propsId]);\n\nexport const makeId = (namespace: string, propsId?: string, opts?: Partial<{ n: number }>) =>\n  propsId ?? `${namespace}-${randomString(opts?.n ?? 4)}`;\n", "//\n// Copyright 2022 DXOS.org\n//\n\n// Based upon the useIsFocused hook which is part of the `rci` project:\n/// https://github.com/leonardodino/rci/blob/main/packages/use-is-focused\n\nimport { useEffect, useRef, useState, type RefObject } from 'react';\n\nexport const useIsFocused = (inputRef: RefObject<HTMLInputElement>) => {\n  const [isFocused, setIsFocused] = useState<boolean | undefined>(undefined);\n  const isFocusedRef = useRef<boolean | undefined>(isFocused);\n\n  isFocusedRef.current = isFocused;\n\n  useEffect(() => {\n    const input = inputRef.current;\n    if (!input) {\n      return;\n    }\n\n    const onFocus = () => setIsFocused(true);\n    const onBlur = () => setIsFocused(false);\n    input.addEventListener('focus', onFocus);\n    input.addEventListener('blur', onBlur);\n\n    if (isFocusedRef.current === undefined) {\n      setIsFocused(document.activeElement === input);\n    }\n\n    return () => {\n      input.removeEventListener('focus', onFocus);\n      input.removeEventListener('blur', onBlur);\n    };\n  }, [inputRef, setIsFocused]);\n\n  return isFocused;\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\n// This hook is based on Chakra UI’s `useMediaQuery`: https://github.com/chakra-ui/chakra-ui/blob/main/packages/components/media-query/src/use-media-query.ts\n\nimport { useEffect, useState } from 'react';\n\nexport type UseMediaQueryOptions = {\n  fallback?: boolean | boolean[];\n  ssr?: boolean;\n};\n\n// TODO(thure): This should be derived from the same source of truth as the Tailwind theme config\nconst breakpointMediaQueries: Record<string, string> = {\n  sm: '(min-width: 640px)',\n  md: '(min-width: 768px)',\n  lg: '(min-width: 1024px)',\n  xl: '(min-width: 1280px)',\n  '2xl': '(min-width: 1536px)',\n};\n\n/**\n * React hook that tracks state of a CSS media query\n *\n * @param query the media query to match, or a recognized breakpoint token\n * @param options the media query options { fallback, ssr }\n *\n * @see Docs https://chakra-ui.com/docs/hooks/use-media-query\n */\nexport const useMediaQuery = (query: string | string[], options: UseMediaQueryOptions = {}): boolean[] => {\n  // TODO(wittjosiah): Why is the default here true?\n  const { ssr = true, fallback } = options;\n\n  const queries = (Array.isArray(query) ? query : [query]).map((query) =>\n    query in breakpointMediaQueries ? breakpointMediaQueries[query] : query,\n  );\n\n  let fallbackValues = Array.isArray(fallback) ? fallback : [fallback];\n  fallbackValues = fallbackValues.filter((v) => v != null) as boolean[];\n\n  const [value, setValue] = useState(() => {\n    return queries.map((query, index) => ({\n      media: query,\n      matches: ssr ? !!fallbackValues[index] : document.defaultView?.matchMedia(query).matches,\n    }));\n  });\n\n  useEffect(() => {\n    setValue(\n      queries.map((query) => ({\n        media: query,\n        matches: document.defaultView?.matchMedia(query).matches,\n      })),\n    );\n\n    const mql = queries.map((query) => document.defaultView?.matchMedia(query));\n\n    const handler = (evt: MediaQueryListEvent) => {\n      setValue((prev) => {\n        return prev.slice().map((item) => {\n          if (item.media === evt.media) {\n            return { ...item, matches: evt.matches };\n          }\n          return item;\n        });\n      });\n    };\n\n    mql.forEach((mql) => {\n      if (typeof mql?.addListener === 'function') {\n        mql?.addListener(handler);\n      } else {\n        mql?.addEventListener('change', handler);\n      }\n    });\n\n    return () => {\n      mql.forEach((mql) => {\n        if (typeof mql?.removeListener === 'function') {\n          mql?.removeListener(handler);\n        } else {\n          mql?.removeEventListener('change', handler);\n        }\n      });\n    };\n  }, [document.defaultView]);\n\n  return value.map((item) => !!item.matches);\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { useMemo, useSyncExternalStore } from 'react';\n\nimport { type MulticastObservable } from '@dxos/async';\n\n/**\n * Subscribe to a MulticastObservable and return the latest value.\n * @param observable the observable to subscribe to. Will resubscribe if the observable changes.\n */\n// TODO(burdon): Move to react-hooks.\nexport const useMulticastObservable = <T>(observable: MulticastObservable<T>): T => {\n  // Make sure useSyncExternalStore is stable in respect to the observable.\n  const subscribeFn = useMemo(\n    () => (listener: () => void) => {\n      const subscription = observable.subscribe(listener);\n      return () => subscription.unsubscribe();\n    },\n    [observable],\n  );\n\n  // useSyncExternalStore will resubscribe to the observable and update the value if the subscribeFn changes.\n  return useSyncExternalStore(subscribeFn, () => observable.get());\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { type RefCallback, useState } from 'react';\n\n/**\n * Custom React Hook that creates a ref callback and a state variable.\n * The ref callback sets the state variable when the ref changes.\n *\n * @returns An object containing the ref callback and the current value of the ref.\n */\nexport const useRefCallback = <T = any>(): { refCallback: RefCallback<T>; value: T | null } => {\n  const [value, setValue] = useState<T | null>(null);\n  return { refCallback: (value: T) => setValue(value), value };\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { useLayoutEffect, useMemo } from 'react';\n\nexport const useResize = (\n  handler: (event?: Event) => void,\n  deps: Parameters<typeof useLayoutEffect>[1] = [],\n  delay: number = 800,\n) => {\n  const debouncedHandler = useMemo(() => {\n    let timeout: ReturnType<typeof setTimeout>;\n    return (event?: Event) => {\n      clearTimeout(timeout);\n      timeout = setTimeout(() => {\n        handler(event);\n      }, delay);\n    };\n  }, [handler, delay]);\n\n  return useLayoutEffect(() => {\n    window.visualViewport?.addEventListener('resize', debouncedHandler);\n    debouncedHandler();\n    return () => window.visualViewport?.removeEventListener('resize', debouncedHandler);\n  }, [debouncedHandler, ...deps]);\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { useRef, useEffect } from 'react';\n\nimport { log } from '@dxos/log';\n\n/**\n * Use to debug which props have changed to trigger re-renders in a React component.\n */\nexport const useTrackProps = <T extends Record<string, unknown>>(\n  props: T,\n  componentName = 'Component',\n  active = true,\n) => {\n  const prevProps = useRef<T>(props);\n  useEffect(() => {\n    const changes = Object.entries(props).filter(([key]) => props[key] !== prevProps.current[key]);\n    if (changes.length > 0) {\n      if (active) {\n        log.info('props changed', {\n          componentName,\n          keys: changes.map(([key]) => key).join(','),\n          props: Object.fromEntries(\n            changes.map(([key]) => [\n              key,\n              {\n                from: prevProps.current[key],\n                to: props[key],\n              },\n            ]),\n          ),\n        });\n      }\n    }\n\n    prevProps.current = props;\n  });\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { useRef, useEffect, useState } from 'react';\n\nconst isFunction = <T>(functionToCheck: any): functionToCheck is (value: T) => boolean => {\n  return functionToCheck instanceof Function;\n};\n\n/**\n * This is an internal custom hook that checks if a value has transitioned from a specified 'from' value to a 'to' value.\n *\n * @param currentValue - The value that is being monitored for transitions.\n * @param fromValue - The *from* value or a predicate function that determines the start of the transition.\n * @param toValue - The *to* value or a predicate function that determines the end of the transition.\n * @returns A boolean indicating whether the transition from *fromValue* to *toValue* has occurred.\n *\n * @internal Consider using `useOnTransition` for handling transitions instead of this hook.\n */\nexport const useDidTransition = <T>(\n  currentValue: T,\n  fromValue: T | ((value: T) => boolean),\n  toValue: T | ((value: T) => boolean),\n) => {\n  const [hasTransitioned, setHasTransitioned] = useState(false);\n  const previousValue = useRef<T>(currentValue);\n\n  useEffect(() => {\n    const toValueValid = isFunction<T>(toValue) ? toValue(currentValue) : toValue === currentValue;\n    const fromValueValid = isFunction<T>(fromValue)\n      ? fromValue(previousValue.current)\n      : fromValue === previousValue.current;\n\n    if (fromValueValid && toValueValid && !hasTransitioned) {\n      setHasTransitioned(true);\n    } else if ((!fromValueValid || !toValueValid) && hasTransitioned) {\n      setHasTransitioned(false);\n    }\n\n    previousValue.current = currentValue;\n  }, [currentValue, fromValue, toValue, hasTransitioned]);\n\n  return hasTransitioned;\n};\n\n/**\n * Executes a callback function when a specified transition occurs in a value.\n *\n * This function utilizes the `useDidTransition` hook to monitor changes in `currentValue`.\n * When `currentValue` transitions from `fromValue` to `toValue`, the provided `callback` function is executed. */\nexport const useOnTransition = <T>(\n  currentValue: T,\n  fromValue: T | ((value: T) => boolean),\n  toValue: T | ((value: T) => boolean),\n  callback: () => void,\n) => {\n  const dirty = useRef(false);\n  const hasTransitioned = useDidTransition(currentValue, fromValue, toValue);\n\n  useEffect(() => {\n    dirty.current = false;\n  }, [currentValue, dirty]);\n\n  useEffect(() => {\n    if (hasTransitioned && !dirty.current) {\n      callback();\n      dirty.current = true;\n    }\n  }, [hasTransitioned, dirty, callback]);\n};\n"],
-  "mappings": "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",
-  "names": ["import_react", "import_log", "useAsyncEffect", "callback", "destructor", "deps", "effectDestructor", "effectDeps", "undefined", "useEffect", "mounted", "value", "asyncResult", "Promise", "resolve", "then", "result", "catch", "log", "useAsyncState", "cb", "setValue", "useState", "disposed", "queueMicrotask", "data", "useControlledState", "controlledValue", "useDebugReactDeps", "lastDeps", "useRef", "console", "group", "old", "current", "length", "new", "i", "Math", "max", "previous", "groupEnd", "useDefaultValue", "reactiveValue", "getDefaultValue", "stableDefaultValue", "useMemo", "useDynamicRef", "ref", "useFileDownload", "filename", "url", "URL", "createObjectURL", "element", "document", "createElement", "setAttribute", "click", "useForwardedRef", "innerRef", "Alea", "alea", "prng", "randomString", "n", "toString", "slice", "useId", "namespace", "propsId", "opts", "makeId", "useIsFocused", "inputRef", "isFocused", "setIsFocused", "isFocusedRef", "input", "onFocus", "onBlur", "addEventListener", "activeElement", "removeEventListener", "breakpointMediaQueries", "sm", "md", "lg", "xl", "useMediaQuery", "query", "options", "ssr", "fallback", "queries", "Array", "isArray", "map", "fallbackValues", "filter", "v", "index", "media", "matches", "defaultView", "matchMedia", "mql", "handler", "evt", "prev", "item", "forEach", "addListener", "removeListener", "useMulticastObservable", "observable", "subscribeFn", "listener", "subscription", "subscribe", "unsubscribe", "useSyncExternalStore", "get", "useRefCallback", "refCallback", "useResize", "delay", "debouncedHandler", "timeout", "event", "clearTimeout", "setTimeout", "useLayoutEffect", "window", "visualViewport", "useTrackProps", "props", "componentName", "active", "prevProps", "changes", "Object", "entries", "key", "info", "keys", "join", "fromEntries", "from", "to", "isFunction", "functionToCheck", "Function", "useDidTransition", "currentValue", "fromValue", "toValue", "hasTransitioned", "setHasTransitioned", "previousValue", "toValueValid", "fromValueValid", "useOnTransition", "dirty"]
-}

package/dist/lib/node/meta.json

@@ -1 +0,0 @@
-{"inputs":{"packages/ui/primitives/react-hooks/src/useAsyncEffect.ts":{"bytes":4968,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useAsyncState.ts":{"bytes":2463,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useControlledState.ts":{"bytes":1980,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useDebugReactDeps.ts":{"bytes":3132,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useDefaultValue.ts":{"bytes":4050,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useDynamicRef.ts":{"bytes":1339,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useFileDownload.ts":{"bytes":2684,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useForwardedRef.ts":{"bytes":2016,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useId.ts":{"bytes":2479,"imports":[{"path":"alea","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useIsFocused.ts":{"bytes":3922,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useMediaQuery.ts":{"bytes":9409,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useMulticastObservable.ts":{"bytes":2985,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useRefCallback.ts":{"bytes":1831,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useResize.ts":{"bytes":2839,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useTrackProps.ts":{"bytes":4010,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useTransitions.ts":{"bytes":7763,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/index.ts":{"bytes":2052,"imports":[{"path":"packages/ui/primitives/react-hooks/src/useAsyncEffect.ts","kind":"import-statement","original":"./useAsyncEffect"},{"path":"packages/ui/primitives/react-hooks/src/useAsyncState.ts","kind":"import-statement","original":"./useAsyncState"},{"path":"packages/ui/primitives/react-hooks/src/useControlledState.ts","kind":"import-statement","original":"./useControlledState"},{"path":"packages/ui/primitives/react-hooks/src/useDebugReactDeps.ts","kind":"import-statement","original":"./useDebugReactDeps"},{"path":"packages/ui/primitives/react-hooks/src/useDefaultValue.ts","kind":"import-statement","original":"./useDefaultValue"},{"path":"packages/ui/primitives/react-hooks/src/useDynamicRef.ts","kind":"import-statement","original":"./useDynamicRef"},{"path":"packages/ui/primitives/react-hooks/src/useFileDownload.ts","kind":"import-statement","original":"./useFileDownload"},{"path":"packages/ui/primitives/react-hooks/src/useForwardedRef.ts","kind":"import-statement","original":"./useForwardedRef"},{"path":"packages/ui/primitives/react-hooks/src/useId.ts","kind":"import-statement","original":"./useId"},{"path":"packages/ui/primitives/react-hooks/src/useIsFocused.ts","kind":"import-statement","original":"./useIsFocused"},{"path":"packages/ui/primitives/react-hooks/src/useMediaQuery.ts","kind":"import-statement","original":"./useMediaQuery"},{"path":"packages/ui/primitives/react-hooks/src/useMulticastObservable.ts","kind":"import-statement","original":"./useMulticastObservable"},{"path":"packages/ui/primitives/react-hooks/src/useRefCallback.ts","kind":"import-statement","original":"./useRefCallback"},{"path":"packages/ui/primitives/react-hooks/src/useResize.ts","kind":"import-statement","original":"./useResize"},{"path":"packages/ui/primitives/react-hooks/src/useTrackProps.ts","kind":"import-statement","original":"./useTrackProps"},{"path":"packages/ui/primitives/react-hooks/src/useTransitions.ts","kind":"import-statement","original":"./useTransitions"}],"format":"esm"}},"outputs":{"packages/ui/primitives/react-hooks/dist/lib/node/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":28350},"packages/ui/primitives/react-hooks/dist/lib/node/index.cjs":{"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"alea","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"exports":["makeId","randomString","useAsyncEffect","useAsyncState","useControlledState","useDebugReactDeps","useDefaultValue","useDidTransition","useDynamicRef","useFileDownload","useForwardedRef","useId","useIsFocused","useMediaQuery","useMulticastObservable","useOnTransition","useRefCallback","useResize","useTrackProps"],"entryPoint":"packages/ui/primitives/react-hooks/src/index.ts","inputs":{"packages/ui/primitives/react-hooks/src/useAsyncEffect.ts":{"bytesInOutput":581},"packages/ui/primitives/react-hooks/src/index.ts":{"bytesInOutput":0},"packages/ui/primitives/react-hooks/src/useAsyncState.ts":{"bytesInOutput":418},"packages/ui/primitives/react-hooks/src/useControlledState.ts":{"bytesInOutput":372},"packages/ui/primitives/react-hooks/src/useDebugReactDeps.ts":{"bytesInOutput":567},"packages/ui/primitives/react-hooks/src/useDefaultValue.ts":{"bytesInOutput":422},"packages/ui/primitives/react-hooks/src/useDynamicRef.ts":{"bytesInOutput":217},"packages/ui/primitives/react-hooks/src/useFileDownload.ts":{"bytesInOutput":416},"packages/ui/primitives/react-hooks/src/useForwardedRef.ts":{"bytesInOutput":343},"packages/ui/primitives/react-hooks/src/useId.ts":{"bytesInOutput":403},"packages/ui/primitives/react-hooks/src/useIsFocused.ts":{"bytesInOutput":833},"packages/ui/primitives/react-hooks/src/useMediaQuery.ts":{"bytesInOutput":1940},"packages/ui/primitives/react-hooks/src/useMulticastObservable.ts":{"bytesInOutput":368},"packages/ui/primitives/react-hooks/src/useRefCallback.ts":{"bytesInOutput":197},"packages/ui/primitives/react-hooks/src/useResize.ts":{"bytesInOutput":619},"packages/ui/primitives/react-hooks/src/useTrackProps.ts":{"bytesInOutput":986},"packages/ui/primitives/react-hooks/src/useTransitions.ts":{"bytesInOutput":1406}},"bytes":11440}}}