@koobiq/react-core 0.0.1-beta.1 → 0.0.1-beta.10

package/README.md

@@ -1 +1,3 @@
 # @koobiq/react-core
+
+Common utilities and hooks used by Koobiq React packages.

package/dist/hooks/index.d.ts

@@ -11,3 +11,4 @@ export * from './useIsFirstRender/index.js';
 export * from './useEventListener/index.js';
 export * from './useResizeObserver/index.js';
 export * from './useElementSize/index.js';
+export * from './useRefs/index.js';

package/dist/hooks/useBoolean/useBoolean.js

@@ -1,3 +1,4 @@
+"use client";
 import { useState, useCallback } from "react";
 function useBoolean(defaultValue = false) {
   const [value, setValue] = useState(defaultValue);

package/dist/hooks/useDOMRef/useDOMRef.js

@@ -1,3 +1,4 @@
+"use client";
 import { useRef, useImperativeHandle } from "react";
 function useDOMRef(ref) {
   const domRef = useRef(null);

package/dist/hooks/useIsomorphicEffect/useIsomorphicEffect.js

@@ -1,3 +1,4 @@
+"use client";
 import { useLayoutEffect, useEffect } from "react";
 import { isBrowser } from "../../utils/isBrowser.js";
 const useIsomorphicEffect = isBrowser() ? useLayoutEffect : useEffect;

package/dist/hooks/usePrevious/usePrevious.js

@@ -1,3 +1,4 @@
+"use client";
 import { useRef, useEffect } from "react";
 function usePrevious(value) {
   const ref = useRef(null);

package/dist/hooks/useRefs/index.d.ts

@@ -0,0 +1 @@
+export * from './useRefs';

package/dist/hooks/useRefs/useRefs.d.ts

@@ -0,0 +1,3 @@
+import { type RefObject } from 'react';
+export type UseRefsReturn<T, Keys extends number | readonly string[]> = Keys extends readonly string[] ? Record<Keys[number], RefObject<T>> : Array<RefObject<T>>;
+export declare const useRefs: <T, Keys extends number | readonly string[] = number>(keys: Keys, deps?: unknown[]) => UseRefsReturn<T, Keys>;

package/dist/hooks/useRefs/useRefs.js

@@ -0,0 +1,14 @@
+"use client";
+import { useMemo, createRef } from "react";
+import { isNumber } from "../../utils/typeGuards/isNumber.js";
+const useRefs = (keys, deps = []) => useMemo(() => {
+  if (!isNumber(keys)) {
+    return Object.fromEntries(
+      keys.map((key) => [key, createRef()])
+    );
+  }
+  return new Array(keys).fill(0).map(() => createRef());
+}, [isNumber(keys) ? keys : keys.join("-"), ...deps]);
+export {
+  useRefs
+};

package/dist/hooks/useSsr/useSsr.js

@@ -1,3 +1,4 @@
+"use client";
 import { useState, useEffect } from "react";
 import { isBrowser } from "../../utils/isBrowser.js";
 const useSsr = () => {

package/dist/index.js

@@ -16,6 +16,7 @@ import { useIsFirstRender } from "./hooks/useIsFirstRender/useIsFirstRender.js";
 import { useEventListener } from "./hooks/useEventListener/useEventListener.js";
 import { useResizeObserver } from "./hooks/useResizeObserver/useResizeObserver.js";
 import { useElementSize } from "./hooks/useElementSize/useElementSize.js";
+import { useRefs } from "./hooks/useRefs/useRefs.js";
 import { polymorphicForwardRef } from "./utils/polymorphicForwardRef.js";
 import { isNotNil } from "./utils/typeGuards/isNotNil.js";
 import { isString } from "./utils/typeGuards/isString.js";
@@ -49,6 +50,7 @@ export {
   useMutableRef,
   usePress,
   usePrevious,
+  useRefs,
   useResizeObserver,
   useSsr,
   useToggleState

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@koobiq/react-core",
-  "version": "0.0.1-beta.1",
+  "version": "0.0.1-beta.10",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {