@koobiq/react-core 0.19.0 → 0.21.0

package/dist/hooks/useElementSize/useElementSize.d.ts

@@ -1,5 +1,5 @@
 export declare function useElementSize<T extends HTMLElement = any>(options?: ResizeObserverOptions): {
-    ref: import("react").RefObject<T>;
+    ref: import("react").RefObject<T | null>;
     width: number;
     height: number;
 };

package/dist/hooks/useEventListener/useEventListener.d.ts

@@ -13,7 +13,7 @@ type UseEventListener<T, K, P> = {
 };
 export declare function useEventListener<K extends keyof MediaQueryListEventMap>({ eventName, handler, element, options, active, }: UseEventListener<K, (event: MediaQueryListEventMap[K]) => void, RefObject<MediaQueryList>>): void;
 export declare function useEventListener<K extends keyof WindowEventMap>({ eventName, handler, element, options, active, }: UseEventListener<K, (event: WindowEventMap[K]) => void, undefined>): void;
-export declare function useEventListener<K extends keyof HTMLElementEventMap, T extends HTMLElement = HTMLDivElement>({ eventName, handler, element, options, active, }: UseEventListener<K, (event: HTMLElementEventMap[K]) => void, RefObject<T>>): void;
+export declare function useEventListener<K extends keyof HTMLElementEventMap, T extends HTMLElement = HTMLDivElement>({ eventName, handler, element, options, active, }: UseEventListener<K, (event: HTMLElementEventMap[K]) => void, RefObject<T | null>>): void;
 export declare function useEventListener<K extends keyof DocumentEventMap>({ eventName, handler, element, options, active, }: UseEventListener<K, (event: DocumentEventMap[K]) => void, RefObject<Document>>): void;
 export declare function useEventListener({ eventName, handler, element, options, active, }: UseEventListener<string, (event: Event | CustomEvent) => void, RefObject<Document | HTMLElement | Window> | undefined>): void;
 export {};

package/dist/hooks/useHideOverflowItems/useHideOverflowItems.d.ts

@@ -22,6 +22,6 @@ export type UseHideOverflowItemsProps = {
 export declare function useHideOverflowItems<Item extends HTMLElement = HTMLDivElement, Parent extends HTMLElement = HTMLDivElement>({ length, moreIndex, busy, deps, pinnedIndex, }: UseHideOverflowItemsProps): {
     visibleMap: boolean[];
     itemsRefs: import("react").RefObject<Item>[];
-    parentRef: import("react").RefObject<Parent>;
+    parentRef: import("react").RefObject<Parent | null>;
     parentSize: number;
 };

package/dist/hooks/useInfiniteScroll/useInfiniteScroll.d.ts

@@ -15,6 +15,6 @@ type UseInfiniteScrollOptions = {
     observeDeps?: unknown[];
 };
 export declare function useInfiniteScroll<T extends HTMLElement = any>({ fetchData, hasMore, rootMargin, threshold, root, isEnabled, observeDeps, }: UseInfiniteScrollOptions): {
-    loadMoreRef: import("react").RefObject<T>;
+    loadMoreRef: import("react").RefObject<T | null>;
 };
 export {};

package/dist/hooks/useInfiniteScroll/useInfiniteScroll.js

@@ -11,7 +11,7 @@ function useInfiniteScroll({
 }) {
   const loadMoreRef = useRef(null);
   const isFetchingRef = useRef(false);
-  const savedFetchData = useRef();
+  const savedFetchData = useRef(void 0);
   useEffect(() => {
     savedFetchData.current = fetchData;
   }, [fetchData]);

package/dist/hooks/useKeyedRefs/useKeyedRefs.d.ts

@@ -1,2 +1,2 @@
-import { type RefObject, type Key } from 'react';
-export declare function useKeyedRefs<T>(): (key: Key) => RefObject<T>;
+import type { Key, RefObject } from 'react';
+export declare function useKeyedRefs<T extends HTMLElement = HTMLElement>(): (key: Key) => RefObject<T | null>;

package/dist/hooks/useKeyedRefs/useKeyedRefs.js

@@ -1,15 +1,15 @@
 "use client";
-import { useRef, createRef } from "react";
+import { useRef, useCallback, createRef } from "react";
 function useKeyedRefs() {
   const mapRef = useRef(/* @__PURE__ */ new Map());
-  return (key) => {
+  return useCallback((key) => {
     let ref = mapRef.current.get(key);
     if (!ref) {
       ref = createRef();
       mapRef.current.set(key, ref);
     }
     return ref;
-  };
+  }, []);
 }
 export {
   useKeyedRefs

package/dist/hooks/useMutableRef/useMutableRef.d.ts

@@ -1 +1 @@
-export declare function useMutableRef<T>(value: T): import("react").MutableRefObject<T>;
+export declare function useMutableRef<T>(value: T): import("react").RefObject<T>;

package/dist/hooks/useResizeObserver/useResizeObserver.d.ts

@@ -1,3 +1,3 @@
 type ObserverRect = Omit<DOMRectReadOnly, 'toJSON'>;
-export declare function useResizeObserver<T extends HTMLElement = any>(options?: ResizeObserverOptions): readonly [import("react").RefObject<T>, ObserverRect];
+export declare function useResizeObserver<T extends HTMLElement = any>(options?: ResizeObserverOptions): readonly [import("react").RefObject<T | null>, ObserverRect];
 export {};

package/dist/hooks/useResizeObserverRefs/useResizeObserverRefs.d.ts

@@ -1,2 +1,2 @@
 import { type RefObject } from 'react';
-export declare const useResizeObserverRefs: <Element extends HTMLElement | SVGGraphicsElement, ReturnType>(refs: Array<RefObject<Element>>, mapper: (el: Element | null) => ReturnType) => ReturnType[];
+export declare const useResizeObserverRefs: <Element extends HTMLElement | SVGGraphicsElement, ReturnType>(refs: Array<RefObject<Element | null>>, mapper: (el: Element | null) => ReturnType) => ReturnType[];

package/dist/hooks/useTimer/useTimer.js

@@ -14,7 +14,7 @@ function useTimer({
     count: startTime,
     isTimerRunning: false
   });
-  const savedOnTimerEnd = useRef();
+  const savedOnTimerEnd = useRef(null);
   const timerCallback = () => {
     setState(({ count: prevCount }) => {
       const isDecrement = startTime > endTime;

package/dist/index.d.ts

@@ -3,6 +3,7 @@ export type { Key, Node, ItemProps, PressEvent, HoverEvent, Validation, SectionP
 export * from '@react-aria/i18n';
 export * from '@react-aria/focus';
 export * from '@internationalized/date';
+export * from '@react-stately/utils';
 export * from '@react-aria/interactions';
 export type { FormProps } from '@react-types/form';
 export * from './types';

package/dist/index.js

@@ -2,6 +2,7 @@ import { RouterProvider, chain, filterDOMProps, mergeProps, mergeRefs, useId, us
 export * from "@react-aria/i18n";
 export * from "@react-aria/focus";
 export * from "@internationalized/date";
+export * from "@react-stately/utils";
 export * from "@react-aria/interactions";
 import { usePrevious } from "./hooks/usePrevious/usePrevious.js";
 import { useMultiRef } from "./hooks/useMultiRef/useMultiRef.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@koobiq/react-core",
-  "version": "0.19.0",
+  "version": "0.21.0",
   "license": "MIT",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -29,9 +29,10 @@
     "@react-aria/i18n": "^3.12.13",
     "@react-aria/interactions": "^3.25.6",
     "@react-aria/utils": "^3.31.0",
+    "@react-stately/utils": "^3.11.0",
     "@react-types/form": "^3.7.16",
     "@react-types/shared": "^3.32.1",
-    "@koobiq/logger": "0.19.0"
+    "@koobiq/logger": "0.21.0"
   },
   "peerDependencies": {
     "react": "18.x || 19.x",