@contember/react-utils 2.1.0-alpha.30 → 2.1.0-alpha.36

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@contember/react-utils",
   "license": "Apache-2.0",
-  "version": "2.1.0-alpha.30",
+  "version": "2.1.0-alpha.36",
   "type": "module",
   "sideEffects": false,
   "main": "./dist/production/index.js",
@@ -29,9 +29,17 @@
     "ae:test": "api-extractor run"
   },
   "peerDependencies": {
-    "react": "^18 || ^19"
+    "react": "catalog:"
+  },
+  "devDependencies": {
+    "@testing-library/react": "catalog:"
   },
   "dependencies": {
-    "fast-deep-equal": "^3.1.3"
+    "fast-deep-equal": "catalog:"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/contember/contember.git",
+    "directory": "packages/react-utils"
   }
 }

package/src/debug-context/Constants.ts

@@ -1,6 +1,6 @@
 import type { ScopedConsoleContextType } from './Types'
 
-export function noopLog(...parameters: any[]) { }
+export function noopLog(...parameters: any[]) {}
 
 export function noopLogged<T>(message: string, value: T): T {
 	return value

package/src/debug-context/Context.tsx

@@ -1,35 +1,35 @@
-import { ReactNode, createContext, memo, useContext, useMemo, useRef } from 'react'
+import { createContext, memo, ReactNode, useContext, useMemo, useRef } from 'react'
 import { isNoopScopedConsole, noopScopedConsole } from './Constants'
 import { ScopedConsoleContextType } from './Types'
 
 function createPrefixedConsole(message: string, prefixedConsole?: ScopedConsoleContextType): ScopedConsoleContextType {
 	return {
 		error: function error(...parameters: any[]) {
-			(prefixedConsole ?? console).error(message, ...parameters)
+			;(prefixedConsole ?? console).error(message, ...parameters)
 		},
-		errored: function errored<T>(message: string, value: T): T {
-			(prefixedConsole ?? console).error(message, value)
+		errored: function errored<T,>(message: string, value: T): T {
+			;(prefixedConsole ?? console).error(message, value)
 			return value
 		},
 		log: function log(...parameters: any[]) {
-			(prefixedConsole ?? console).log(message, ...parameters)
+			;(prefixedConsole ?? console).log(message, ...parameters)
 		},
-		logged: function logged<T>(message: string, value: T): T {
-			(prefixedConsole ?? console).log(message, value)
+		logged: function logged<T,>(message: string, value: T): T {
+			;(prefixedConsole ?? console).log(message, value)
 			return value
 		},
 		trace: function trace(...parameters: any[]) {
-			(prefixedConsole ?? console).trace(message, ...parameters)
+			;(prefixedConsole ?? console).trace(message, ...parameters)
 		},
-		traced: function traced<T>(message: string, value: T): T {
-			(prefixedConsole ?? console).trace(message, value)
+		traced: function traced<T,>(message: string, value: T): T {
+			;(prefixedConsole ?? console).trace(message, value)
 			return value
 		},
 		warn: function warn(...parameters: any[]) {
-			(prefixedConsole ?? console).warn(message, ...parameters)
+			;(prefixedConsole ?? console).warn(message, ...parameters)
 		},
-		warned: function warned<T>(message: string, value: T): T {
-			(prefixedConsole ?? console).warn(message, value)
+		warned: function warned<T,>(message: string, value: T): T {
+			;(prefixedConsole ?? console).warn(message, value)
 			return value
 		},
 	}

package/src/hooks/unwrapRefValue.ts

@@ -1,6 +1,6 @@
 import { RefObject } from 'react'
 
-export type RefObjectOrElement<T> = T | RefObject<T>
+export type RefObjectOrElement<T> = T | RefObject<T | null>
 
 /**
  * Unwraps a ref object or returns the value if it is not a ref object.

package/src/hooks/useArrayMapMemo.ts

@@ -20,9 +20,9 @@ export const useArrayMapMemo = <Item, OutputItem>(
 	// in the sense that the items are identical, albeit computed via a different map function, we still want to
 	// preserve the referential equality of the original. Hence the second memo.
 
-	// eslint-disable-next-line react-hooks/exhaustive-deps
+	// biome-ignore lint/correctness/useExhaustiveDependencies: intentional
 	const mapped = useMemo(() => items.map(map), [map, ...items])
 
-	// eslint-disable-next-line react-hooks/exhaustive-deps
+	// biome-ignore lint/correctness/useExhaustiveDependencies: intentional
 	return useMemo(() => mapped, mapped) // This is deliberately not `[mapped]`
 }

package/src/hooks/useAutoHeightTextArea.ts

@@ -48,6 +48,7 @@ export const useAutoHeightTextArea = (
 		measure(unwrapRefValue(textAreaRef), minRows, maxRows)
 	})
 
+	// biome-ignore lint/correctness/useExhaustiveDependencies: intentional
 	useLayoutEffect(() => {
 		measure(unwrapRefValue(textAreaRef), minRows, maxRows)
 	}, [maxRows, measure, minRows, textAreaRef, value])

package/src/hooks/useChildrenAsLabel.ts

@@ -11,7 +11,6 @@ function normalize(text: string): string {
  *
  * @param node - The children to walk through.
  * @returns String representation of the text content or undefined if there is no text content.
- *
  */
 export function getChildrenAsLabel(node: ReactNode): string | undefined {
 	if (typeof node === 'string' || typeof node === 'number') {
@@ -27,18 +26,19 @@ export function getChildrenAsLabel(node: ReactNode): string | undefined {
 			if (child === null || child === undefined || typeof child === 'boolean') {
 			} else if (typeof child === 'string') {
 				label.push(child)
-			} else if (typeof child === 'number') {
-				label.push(child)
+			} else if (typeof child === 'number' || typeof child === 'bigint') {
+				label.push(String(child))
 			} else if (Array.isArray(child)) {
 				const childLabel = getChildrenAsLabel(child)
 
 				if (childLabel) {
 					label.push(childLabel)
 				}
-			} else {
-				// ReactElement | JSXElementConstructor | ReactPortal
-				if ('props' in child && 'children' in child.props) {
-					const childLabel = getChildrenAsLabel(child.props.children)
+			} else if (typeof child === 'object') {
+				// ReactElement | ReactPortal | Iterable
+				const props = 'props' in child ? child.props as Record<string, unknown> : null
+				if (props && 'children' in props) {
+					const childLabel = getChildrenAsLabel(props.children as ReactNode)
 
 					if (childLabel) {
 						label.push(childLabel)
@@ -65,7 +65,6 @@ export function getChildrenAsLabel(node: ReactNode): string | undefined {
  *
  * @param node - The children to walk through.
  * @returns String representation of the text content or undefined if there is no text content.
- *
  */
 export function useChildrenAsLabel(node: ReactNode): string | undefined {
 	return useMemo(() => getChildrenAsLabel(node), [node])

package/src/hooks/useConstantLengthInvariant.ts

@@ -3,12 +3,10 @@ import { usePreviousValue } from './usePreviousValue'
 // This entire hook should get optimized away for prod
 export const useConstantLengthInvariant = <Item>(items: Item[], message?: string) => {
 	if (import.meta.env.DEV) {
-		// eslint-disable-next-line react-hooks/rules-of-hooks
 		const previous = usePreviousValue(items)
 		if (previous.length !== items.length) {
 			throw new Error(
-				`Invariant violation: ${message || 'Changing the length of an array whose length must remain constant between renders.'
-				}`,
+				`Invariant violation: ${message || 'Changing the length of an array whose length must remain constant between renders.'}`,
 			)
 		}
 	}

package/src/hooks/useConstantValueInvariant.ts

@@ -3,7 +3,6 @@ import { usePreviousValue } from './usePreviousValue'
 // This entire hook should get optimized away for prod
 export const useConstantValueInvariant = <Value>(value: Value, message?: string) => {
 	if (import.meta.env.DEV) {
-		// eslint-disable-next-line react-hooks/rules-of-hooks
 		const previous = usePreviousValue(value)
 		if (previous !== value) {
 			throw new Error(

package/src/hooks/useDebounceCallback.ts

@@ -1,7 +1,7 @@
 import { useCallback, useEffect, useRef } from 'react'
 
 export const useDebounceCallback = (cb: () => any, debounceMs: number) => {
-	const timerRef = useRef<ReturnType<typeof setTimeout>>()
+	const timerRef = useRef<ReturnType<typeof setTimeout>>(undefined)
 	const cbRef = useRef(cb)
 	cbRef.current = cb
 

package/src/hooks/useExpectSameValueReference.ts

@@ -26,20 +26,23 @@ import { useRef } from 'react'
 export function useExpectSameValueReference<T>(next: T, shouldThrow: boolean = false) {
 	const previous = useRef(next)
 
-	if (next !== previous.current
+	if (
+		next !== previous.current
 		&& typeof next === 'object'
 		&& typeof previous.current === 'object'
 		&& deepEqual(next, previous.current)
 	) {
 		if (import.meta.env.DEV) {
 			console.error(
-				'Previous and next values do not match in reference although match in value. ' +
-				'Try declaring constants outside of the component scope. ' +
-				'Otherwise try to memoize callbacks with useCallback, ' +
-				'useReferentiallyStableCallback useEvent, useRef or useMemo.', {
+				'Previous and next values do not match in reference although match in value. '
+					+ 'Try declaring constants outside of the component scope. '
+					+ 'Otherwise try to memoize callbacks with useCallback, '
+					+ 'useReferentiallyStableCallback useEvent, useRef or useMemo.',
+				{
 					previous: previous.current,
 					next,
-				})
+				},
+			)
 		}
 
 		if (shouldThrow) {

package/src/hooks/useOnElementMouseEnterDelayedCallback.ts

@@ -21,7 +21,7 @@ export function useOnElementMouseEnterDelayedCallback(
 		const refValue = unwrapRefValue(refOrElement)
 
 		if (refValue) {
-			let timeoutID: ReturnType<typeof setTimeout> | undefined = undefined
+			let timeoutID: ReturnType<typeof setTimeout> | undefined
 
 			function handleMouseEnter(event: MouseEvent) {
 				clearTimeout(timeoutID)

package/src/hooks/useOnElementResize.ts

@@ -11,7 +11,8 @@ export function useOnElementResize(
 	const scopedConsoleRef = useScopedConsoleRef('useOnElementResize')
 
 	const { box = 'border-box' } = options
-	const callbackRef = useRef(callback); callbackRef.current = callback
+	const callbackRef = useRef(callback)
+	callbackRef.current = callback
 	const lastTimeStamp = useRef<number>(0)
 
 	useLayoutEffect(() => {

package/src/hooks/useOnWindowResize.ts

@@ -7,9 +7,11 @@ export function useOnWindowResize(
 ) {
 	const scopedConsoleRef = useScopedConsoleRef('useOnWindowResize')
 
-	const callbackRef = useRef(callback); callbackRef.current = callback
+	const callbackRef = useRef(callback)
+	callbackRef.current = callback
 	const lastTimeStamp = useRef<number>(0)
 
+	// biome-ignore lint/correctness/useExhaustiveDependencies: intentional
 	useLayoutEffect(() => {
 		let timeoutID: ReturnType<typeof setTimeout>
 

package/src/hooks/useStoredState.ts

@@ -12,7 +12,6 @@ export interface StateStorage {
 	setItem(key: StateStorageKey, value: Serializable): void
 }
 
-
 export const urlStateStorage: StateStorage = {
 	getItem(key) {
 		const searchParams = new URLSearchParams(window.location.search)
@@ -58,7 +57,11 @@ const builtInStorages = {
 
 export type StateStorageOrName = StateStorage | 'url' | 'session' | 'local' | 'null'
 
-export const useStoredState = <V extends Serializable>(storageOrName: StateStorageOrName | StateStorageOrName[], key: StateStorageKey, initializeValue: ValueInitializer<V>): [V, SetState<V>] => {
+export const useStoredState = <V extends Serializable>(
+	storageOrName: StateStorageOrName | StateStorageOrName[],
+	key: StateStorageKey,
+	initializeValue: ValueInitializer<V>,
+): [V, SetState<V>] => {
 	const storage = useMemo(() => {
 		return getStateStorage(storageOrName)
 	}, [storageOrName])
@@ -94,7 +97,6 @@ export const getStateStorage = (storageOrName: StateStorageOrName | StateStorage
 	return typeof storageOrName === 'string' ? builtInStorages[storageOrName] : storageOrName
 }
 
-
 const createFallbackStorage = (storageTypes: StateStorage[]): StateStorage => {
 	return {
 		getItem(key) {

package/src/referentiallyStable/useReferentiallyStableCallback.ts

@@ -1,15 +1,15 @@
 import { useCallback, useRef } from 'react'
 
-export type NoConstructor<T extends Function> =
-	T extends new (...args: unknown[]) => unknown
-		? never
-		: T
+export type NoConstructor<T extends Function> = T extends new(...args: unknown[]) => unknown ? never
+	: T
 // TODO: Should be possible to remove when React.useEvent() lands
 export const useReferentiallyStableCallback = <T extends Function>(callback: NoConstructor<T>): T => {
 	const ref = useRef(callback)
 	ref.current = callback
-	// eslint-disable-next-line react-hooks/exhaustive-deps
-	return useCallback<T>(((...args: any[]) => {
-		return ref.current(...args)
-	}) as unknown as T, [])
+	return useCallback<T>(
+		((...args: any[]) => {
+			return ref.current(...args)
+		}) as unknown as T,
+		[],
+	)
 }

package/tests/hooks/useChildrenAsLabel.test.tsx

@@ -1,3 +1,4 @@
+// dprint-ignore-file
 import { createPortal } from 'react-dom'
 import { describe, expect, it } from 'bun:test'
 import { getChildrenAsLabel } from '../../src'

package/tests/hooks/useId.test.ts

@@ -1,4 +1,4 @@
-import { renderHook } from '@testing-library/react-hooks'
+import { renderHook } from '@testing-library/react'
 import { describe, expect, test } from 'bun:test'
 import { useId } from '../../src'
 

package/dist/development/index.cjs

@@ -1,86 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const createRequiredContext = require("./src/context/createRequiredContext.cjs");
-const createContext = require("./src/context/createContext.cjs");
-const Constants = require("./src/debug-context/Constants.cjs");
-const Context = require("./src/debug-context/Context.cjs");
-const unwrapRefValue = require("./src/hooks/unwrapRefValue.cjs");
-const useAbortController = require("./src/hooks/useAbortController.cjs");
-const useArrayMapMemo = require("./src/hooks/useArrayMapMemo.cjs");
-const useAutoHeightTextArea = require("./src/hooks/useAutoHeightTextArea.cjs");
-const useChildrenAsLabel = require("./src/hooks/useChildrenAsLabel.cjs");
-const useComposeRef = require("./src/hooks/useComposeRef.cjs");
-const useConstantLengthInvariant = require("./src/hooks/useConstantLengthInvariant.cjs");
-const useConstantValueInvariant = require("./src/hooks/useConstantValueInvariant.cjs");
-const useDebounce = require("./src/hooks/useDebounce.cjs");
-const useDebounceCallback = require("./src/hooks/useDebounceCallback.cjs");
-const useDocumentTitle = require("./src/hooks/useDocumentTitle.cjs");
-const useExpectSameValueReference = require("./src/hooks/useExpectSameValueReference.cjs");
-const useForceRender = require("./src/hooks/useForceRender.cjs");
-const useId = require("./src/hooks/useId.cjs");
-const useIsMounted = require("./src/hooks/useIsMounted.cjs");
-const useObjectMemo = require("./src/hooks/useObjectMemo.cjs");
-const useOnElementClickOutsideCallback = require("./src/hooks/useOnElementClickOutsideCallback.cjs");
-const useOnElementMouseEnterDelayedCallback = require("./src/hooks/useOnElementMouseEnterDelayedCallback.cjs");
-const useOnElementResize = require("./src/hooks/useOnElementResize.cjs");
-const useOnWindowResize = require("./src/hooks/useOnWindowResize.cjs");
-const usePreviousValue = require("./src/hooks/usePreviousValue.cjs");
-const useStoredState = require("./src/hooks/useStoredState.cjs");
-const useUpdatedRef = require("./src/hooks/useUpdatedRef.cjs");
-const useWindowSize = require("./src/hooks/useWindowSize.cjs");
-const emptyArray = require("./src/referentiallyStable/emptyArray.cjs");
-const emptyObject = require("./src/referentiallyStable/emptyObject.cjs");
-const identityFunction = require("./src/referentiallyStable/identityFunction.cjs");
-const noop = require("./src/referentiallyStable/noop.cjs");
-const returnFalse = require("./src/referentiallyStable/returnFalse.cjs");
-const returnTrue = require("./src/referentiallyStable/returnTrue.cjs");
-const useReferentiallyStableCallback = require("./src/referentiallyStable/useReferentiallyStableCallback.cjs");
-exports.createRequiredContext = createRequiredContext.createRequiredContext;
-exports.createContext = createContext.createContext;
-exports.isNoopScopedConsole = Constants.isNoopScopedConsole;
-exports.noopLog = Constants.noopLog;
-exports.noopLogged = Constants.noopLogged;
-exports.noopScopedConsole = Constants.noopScopedConsole;
-exports.DebugChildren = Context.DebugChildren;
-exports.ScopedConsoleContext = Context.ScopedConsoleContext;
-exports.useScopedConsoleRef = Context.useScopedConsoleRef;
-exports.unwrapRefValue = unwrapRefValue.unwrapRefValue;
-exports.useAbortController = useAbortController.useAbortController;
-exports.useArrayMapMemo = useArrayMapMemo.useArrayMapMemo;
-exports.useAutoHeightTextArea = useAutoHeightTextArea.useAutoHeightTextArea;
-exports.getChildrenAsLabel = useChildrenAsLabel.getChildrenAsLabel;
-exports.useChildrenAsLabel = useChildrenAsLabel.useChildrenAsLabel;
-exports.useComposeRef = useComposeRef.useComposeRef;
-exports.useConstantLengthInvariant = useConstantLengthInvariant.useConstantLengthInvariant;
-exports.useConstantValueInvariant = useConstantValueInvariant.useConstantValueInvariant;
-exports.useDebounce = useDebounce.useDebounce;
-exports.useDebounceCallback = useDebounceCallback.useDebounceCallback;
-exports.useDocumentTitle = useDocumentTitle.useDocumentTitle;
-exports.useExpectSameValueReference = useExpectSameValueReference.useExpectSameValueReference;
-exports.useForceRender = useForceRender.useForceRender;
-exports.useId = useId.useId;
-exports.useIsMounted = useIsMounted.useIsMounted;
-exports.useObjectMemo = useObjectMemo.useObjectMemo;
-exports.useOnElementClickOutsideCallback = useOnElementClickOutsideCallback.useOnElementClickOutsideCallback;
-exports.useOnElementMouseEnterDelayedCallback = useOnElementMouseEnterDelayedCallback.useOnElementMouseEnterDelayedCallback;
-exports.useOnElementResize = useOnElementResize.useOnElementResize;
-exports.useOnWindowResize = useOnWindowResize.useOnWindowResize;
-exports.usePreviousValue = usePreviousValue.usePreviousValue;
-exports.getStateStorage = useStoredState.getStateStorage;
-exports.localStateStorage = useStoredState.localStateStorage;
-exports.nullStorage = useStoredState.nullStorage;
-exports.sessionStateStorage = useStoredState.sessionStateStorage;
-exports.urlStateStorage = useStoredState.urlStateStorage;
-exports.useLocalStorageState = useStoredState.useLocalStorageState;
-exports.useSessionStorageState = useStoredState.useSessionStorageState;
-exports.useStoredState = useStoredState.useStoredState;
-exports.useUpdatedRef = useUpdatedRef.useUpdatedRef;
-exports.useWindowSize = useWindowSize.useWindowSize;
-exports.emptyArray = emptyArray.emptyArray;
-exports.emptyObject = emptyObject.emptyObject;
-exports.identityFunction = identityFunction.identityFunction;
-exports.noop = noop.noop;
-exports.returnFalse = returnFalse.returnFalse;
-exports.returnTrue = returnTrue.returnTrue;
-exports.useReferentiallyStableCallback = useReferentiallyStableCallback.useReferentiallyStableCallback;
-//# sourceMappingURL=index.cjs.map

package/dist/development/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/development/index.js

@@ -1,86 +0,0 @@
-import { createRequiredContext } from "./src/context/createRequiredContext.js";
-import { createContext } from "./src/context/createContext.js";
-import { isNoopScopedConsole, noopLog, noopLogged, noopScopedConsole } from "./src/debug-context/Constants.js";
-import { DebugChildren, ScopedConsoleContext, useScopedConsoleRef } from "./src/debug-context/Context.js";
-import { unwrapRefValue } from "./src/hooks/unwrapRefValue.js";
-import { useAbortController } from "./src/hooks/useAbortController.js";
-import { useArrayMapMemo } from "./src/hooks/useArrayMapMemo.js";
-import { useAutoHeightTextArea } from "./src/hooks/useAutoHeightTextArea.js";
-import { getChildrenAsLabel, useChildrenAsLabel } from "./src/hooks/useChildrenAsLabel.js";
-import { useComposeRef } from "./src/hooks/useComposeRef.js";
-import { useConstantLengthInvariant } from "./src/hooks/useConstantLengthInvariant.js";
-import { useConstantValueInvariant } from "./src/hooks/useConstantValueInvariant.js";
-import { useDebounce } from "./src/hooks/useDebounce.js";
-import { useDebounceCallback } from "./src/hooks/useDebounceCallback.js";
-import { useDocumentTitle } from "./src/hooks/useDocumentTitle.js";
-import { useExpectSameValueReference } from "./src/hooks/useExpectSameValueReference.js";
-import { useForceRender } from "./src/hooks/useForceRender.js";
-import { useId } from "./src/hooks/useId.js";
-import { useIsMounted } from "./src/hooks/useIsMounted.js";
-import { useObjectMemo } from "./src/hooks/useObjectMemo.js";
-import { useOnElementClickOutsideCallback } from "./src/hooks/useOnElementClickOutsideCallback.js";
-import { useOnElementMouseEnterDelayedCallback } from "./src/hooks/useOnElementMouseEnterDelayedCallback.js";
-import { useOnElementResize } from "./src/hooks/useOnElementResize.js";
-import { useOnWindowResize } from "./src/hooks/useOnWindowResize.js";
-import { usePreviousValue } from "./src/hooks/usePreviousValue.js";
-import { getStateStorage, localStateStorage, nullStorage, sessionStateStorage, urlStateStorage, useLocalStorageState, useSessionStorageState, useStoredState } from "./src/hooks/useStoredState.js";
-import { useUpdatedRef } from "./src/hooks/useUpdatedRef.js";
-import { useWindowSize } from "./src/hooks/useWindowSize.js";
-import { emptyArray } from "./src/referentiallyStable/emptyArray.js";
-import { emptyObject } from "./src/referentiallyStable/emptyObject.js";
-import { identityFunction } from "./src/referentiallyStable/identityFunction.js";
-import { noop } from "./src/referentiallyStable/noop.js";
-import { returnFalse } from "./src/referentiallyStable/returnFalse.js";
-import { returnTrue } from "./src/referentiallyStable/returnTrue.js";
-import { useReferentiallyStableCallback } from "./src/referentiallyStable/useReferentiallyStableCallback.js";
-export {
-  DebugChildren,
-  ScopedConsoleContext,
-  createContext,
-  createRequiredContext,
-  emptyArray,
-  emptyObject,
-  getChildrenAsLabel,
-  getStateStorage,
-  identityFunction,
-  isNoopScopedConsole,
-  localStateStorage,
-  noop,
-  noopLog,
-  noopLogged,
-  noopScopedConsole,
-  nullStorage,
-  returnFalse,
-  returnTrue,
-  sessionStateStorage,
-  unwrapRefValue,
-  urlStateStorage,
-  useAbortController,
-  useArrayMapMemo,
-  useAutoHeightTextArea,
-  useChildrenAsLabel,
-  useComposeRef,
-  useConstantLengthInvariant,
-  useConstantValueInvariant,
-  useDebounce,
-  useDebounceCallback,
-  useDocumentTitle,
-  useExpectSameValueReference,
-  useForceRender,
-  useId,
-  useIsMounted,
-  useLocalStorageState,
-  useObjectMemo,
-  useOnElementClickOutsideCallback,
-  useOnElementMouseEnterDelayedCallback,
-  useOnElementResize,
-  useOnWindowResize,
-  usePreviousValue,
-  useReferentiallyStableCallback,
-  useScopedConsoleRef,
-  useSessionStorageState,
-  useStoredState,
-  useUpdatedRef,
-  useWindowSize
-};
-//# sourceMappingURL=index.js.map

package/dist/development/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/development/src/context/createContext.cjs

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-function createContext(name, initialValue) {
-  const OptionalContext = React.createContext(initialValue);
-  OptionalContext.displayName = name;
-  return [OptionalContext, () => React.useContext(OptionalContext), OptionalContext.Provider];
-}
-exports.createContext = createContext;
-//# sourceMappingURL=createContext.cjs.map

package/dist/development/src/context/createContext.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"createContext.cjs","sources":["../../../../../packages/react-utils/src/context/createContext.ts"],"sourcesContent":["import type { Context, Provider } from 'react'\nimport { createContext as baseCreateContext, useContext } from 'react'\n\nexport function createContext<T>(name: string, initialValue: T): [Context<T>, () => T, Provider<T>] {\n\tconst OptionalContext = baseCreateContext<T>(initialValue)\n\tOptionalContext.displayName = name\n\n\treturn [OptionalContext, () => useContext(OptionalContext), OptionalContext.Provider]\n}\n"],"names":["baseCreateContext","useContext"],"mappings":";;;AAGgB,SAAA,cAAiB,MAAc,cAAqD;AAC7F,QAAA,kBAAkBA,oBAAqB,YAAY;AACzD,kBAAgB,cAAc;AAE9B,SAAO,CAAC,iBAAiB,MAAMC,MAAAA,WAAW,eAAe,GAAG,gBAAgB,QAAQ;AACrF;;"}

package/dist/development/src/context/createContext.js

@@ -1,10 +0,0 @@
-import { createContext as createContext$1, useContext } from "react";
-function createContext(name, initialValue) {
-  const OptionalContext = createContext$1(initialValue);
-  OptionalContext.displayName = name;
-  return [OptionalContext, () => useContext(OptionalContext), OptionalContext.Provider];
-}
-export {
-  createContext
-};
-//# sourceMappingURL=createContext.js.map

package/dist/development/src/context/createContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"createContext.js","sources":["../../../../../packages/react-utils/src/context/createContext.ts"],"sourcesContent":["import type { Context, Provider } from 'react'\nimport { createContext as baseCreateContext, useContext } from 'react'\n\nexport function createContext<T>(name: string, initialValue: T): [Context<T>, () => T, Provider<T>] {\n\tconst OptionalContext = baseCreateContext<T>(initialValue)\n\tOptionalContext.displayName = name\n\n\treturn [OptionalContext, () => useContext(OptionalContext), OptionalContext.Provider]\n}\n"],"names":["baseCreateContext"],"mappings":";AAGgB,SAAA,cAAiB,MAAc,cAAqD;AAC7F,QAAA,kBAAkBA,gBAAqB,YAAY;AACzD,kBAAgB,cAAc;AAE9B,SAAO,CAAC,iBAAiB,MAAM,WAAW,eAAe,GAAG,gBAAgB,QAAQ;AACrF;"}

package/dist/development/src/context/createRequiredContext.cjs

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const EmptyContextSymbol = Symbol("EmptyContextSymbol");
-function createRequiredContext(displayName) {
-  const RequiredContext = React.createContext(EmptyContextSymbol);
-  RequiredContext.displayName = displayName;
-  const useRequiredContext = () => {
-    const context = React.useContext(RequiredContext);
-    if (context === EmptyContextSymbol) {
-      throw new Error(`use${displayName} must be used within a ${displayName} provider`);
-    }
-    return context;
-  };
-  return [RequiredContext, useRequiredContext, RequiredContext.Provider];
-}
-exports.createRequiredContext = createRequiredContext;
-//# sourceMappingURL=createRequiredContext.cjs.map

package/dist/development/src/context/createRequiredContext.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"createRequiredContext.cjs","sources":["../../../../../packages/react-utils/src/context/createRequiredContext.ts"],"sourcesContent":["import type { Context, Provider } from 'react'\nimport { createContext, useContext } from 'react'\n\nconst EmptyContextSymbol = Symbol('EmptyContextSymbol')\n\nexport function createRequiredContext<T>(displayName: string): [Context<T>, () => T, Provider<T>] {\n\tconst RequiredContext = createContext<T>(EmptyContextSymbol as T)\n\tRequiredContext.displayName = displayName\n\n\tconst useRequiredContext = (): T => {\n\t\tconst context = useContext(RequiredContext)\n\n\t\tif (context === EmptyContextSymbol) {\n\t\t\tthrow new Error(`use${displayName} must be used within a ${displayName} provider`)\n\t\t}\n\n\t\treturn context\n\t}\n\n\treturn [RequiredContext, useRequiredContext, RequiredContext.Provider]\n}\n"],"names":["createContext","useContext"],"mappings":";;;AAGA,MAAM,qBAAqB,OAAO,oBAAoB;AAE/C,SAAS,sBAAyB,aAAyD;AAC3F,QAAA,kBAAkBA,oBAAiB,kBAAuB;AAChE,kBAAgB,cAAc;AAE9B,QAAM,qBAAqB,MAAS;AAC7B,UAAA,UAAUC,iBAAW,eAAe;AAE1C,QAAI,YAAY,oBAAoB;AACnC,YAAM,IAAI,MAAM,MAAM,WAAW,0BAA0B,WAAW,WAAW;AAAA,IAAA;AAG3E,WAAA;AAAA,EACR;AAEA,SAAO,CAAC,iBAAiB,oBAAoB,gBAAgB,QAAQ;AACtE;;"}

package/dist/development/src/context/createRequiredContext.js

@@ -1,18 +0,0 @@
-import { createContext, useContext } from "react";
-const EmptyContextSymbol = Symbol("EmptyContextSymbol");
-function createRequiredContext(displayName) {
-  const RequiredContext = createContext(EmptyContextSymbol);
-  RequiredContext.displayName = displayName;
-  const useRequiredContext = () => {
-    const context = useContext(RequiredContext);
-    if (context === EmptyContextSymbol) {
-      throw new Error(`use${displayName} must be used within a ${displayName} provider`);
-    }
-    return context;
-  };
-  return [RequiredContext, useRequiredContext, RequiredContext.Provider];
-}
-export {
-  createRequiredContext
-};
-//# sourceMappingURL=createRequiredContext.js.map

package/dist/development/src/context/createRequiredContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"createRequiredContext.js","sources":["../../../../../packages/react-utils/src/context/createRequiredContext.ts"],"sourcesContent":["import type { Context, Provider } from 'react'\nimport { createContext, useContext } from 'react'\n\nconst EmptyContextSymbol = Symbol('EmptyContextSymbol')\n\nexport function createRequiredContext<T>(displayName: string): [Context<T>, () => T, Provider<T>] {\n\tconst RequiredContext = createContext<T>(EmptyContextSymbol as T)\n\tRequiredContext.displayName = displayName\n\n\tconst useRequiredContext = (): T => {\n\t\tconst context = useContext(RequiredContext)\n\n\t\tif (context === EmptyContextSymbol) {\n\t\t\tthrow new Error(`use${displayName} must be used within a ${displayName} provider`)\n\t\t}\n\n\t\treturn context\n\t}\n\n\treturn [RequiredContext, useRequiredContext, RequiredContext.Provider]\n}\n"],"names":[],"mappings":";AAGA,MAAM,qBAAqB,OAAO,oBAAoB;AAE/C,SAAS,sBAAyB,aAAyD;AAC3F,QAAA,kBAAkB,cAAiB,kBAAuB;AAChE,kBAAgB,cAAc;AAE9B,QAAM,qBAAqB,MAAS;AAC7B,UAAA,UAAU,WAAW,eAAe;AAE1C,QAAI,YAAY,oBAAoB;AACnC,YAAM,IAAI,MAAM,MAAM,WAAW,0BAA0B,WAAW,WAAW;AAAA,IAAA;AAG3E,WAAA;AAAA,EACR;AAEA,SAAO,CAAC,iBAAiB,oBAAoB,gBAAgB,QAAQ;AACtE;"}

package/dist/development/src/debug-context/Constants.cjs

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-function noopLog(...parameters) {
-}
-function noopLogged(message, value) {
-  return value;
-}
-const noopScopedConsole = Object.freeze({
-  log: noopLog,
-  logged: noopLogged,
-  warn: noopLog,
-  warned: noopLogged,
-  error: noopLog,
-  errored: noopLogged,
-  trace: noopLog,
-  traced: noopLogged
-});
-function isNoopScopedConsole(value) {
-  return value === noopScopedConsole;
-}
-exports.isNoopScopedConsole = isNoopScopedConsole;
-exports.noopLog = noopLog;
-exports.noopLogged = noopLogged;
-exports.noopScopedConsole = noopScopedConsole;
-//# sourceMappingURL=Constants.cjs.map

package/dist/development/src/debug-context/Constants.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Constants.cjs","sources":["../../../../../packages/react-utils/src/debug-context/Constants.ts"],"sourcesContent":["import type { ScopedConsoleContextType } from './Types'\n\nexport function noopLog(...parameters: any[]) { }\n\nexport function noopLogged<T>(message: string, value: T): T {\n\treturn value\n}\n\nexport const noopScopedConsole: ScopedConsoleContextType = Object.freeze({\n\tlog: noopLog,\n\tlogged: noopLogged,\n\twarn: noopLog,\n\twarned: noopLogged,\n\terror: noopLog,\n\terrored: noopLogged,\n\ttrace: noopLog,\n\ttraced: noopLogged,\n})\n\nexport function isNoopScopedConsole(value: unknown): boolean {\n\treturn value === noopScopedConsole\n}\n"],"names":[],"mappings":";;AAEO,SAAS,WAAW,YAAmB;AAAE;AAEhC,SAAA,WAAc,SAAiB,OAAa;AACpD,SAAA;AACR;AAEa,MAAA,oBAA8C,OAAO,OAAO;AAAA,EACxE,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AACT,CAAC;AAEM,SAAS,oBAAoB,OAAyB;AAC5D,SAAO,UAAU;AAClB;;;;;"}