@koobiq/react-core 0.0.1-beta.9 → 0.1.0

package/dist/hooks/index.d.ts

@@ -1,14 +1,15 @@
-export * from './usePrevious/index.js';
-export * from './useMultiRef/index.js';
-export * from './useIsomorphicEffect/index.js';
+export * from './usePrevious';
+export * from './useMultiRef';
+export * from './useIsomorphicEffect';
 export * from './useMediaQuery';
-export * from './useSsr/index.js';
-export * from './useDOMRef/index.js';
-export * from './useBoolean/index.js';
-export * from './useMutableRef/index.js';
-export * from './useInterval/index.js';
-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';
+export * from './useSsr';
+export * from './useDOMRef';
+export * from './useBoolean';
+export * from './useMutableRef';
+export * from './useInterval';
+export * from './useIsFirstRender';
+export * from './useEventListener';
+export * from './useResizeObserver';
+export * from './useElementSize';
+export * from './useRefs';
+export * from './useDebounceCallback';

package/dist/hooks/useBoolean/useBoolean.d.ts

@@ -1,12 +1,12 @@
 import type { Dispatch, SetStateAction } from 'react';
 export type UseBooleanControllers = {
-    /** Set the value to `true` */
+    /** Set the value to `true`. */
     on: () => void;
-    /** Set the value to `false` */
+    /** Set the value to `false`. */
     off: () => void;
-    /** Toggle the value to the opposite state */
+    /** Toggle the value to the opposite state. */
     toggle: () => void;
-    /** Set the value to a specific state */
+    /** Set the value to a specific state. */
     set: Dispatch<SetStateAction<boolean>>;
 };
 export type UseBooleanReturnValue = [boolean, UseBooleanControllers];

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

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

package/dist/hooks/useDebounceCallback/useDebounceCallback.d.ts

@@ -0,0 +1,29 @@
+type FunctionCallback = (...args: any[]) => void;
+export type UseDebounceCallbackReturnValue<CB extends FunctionCallback> = [
+    CB,
+    () => void
+];
+export type UseDebounceCallbackPropOptions = {
+    /**
+     * If `true`, the first call runs without delay.
+     * @default false
+     */
+    firstCallWithoutDelay: boolean;
+};
+export type UseDebounceCallbackProps<CB> = {
+    /**
+     * The function to be debounced.
+     * It will only run after the specified delay has passed without new calls.
+     */
+    callback: CB;
+    /**
+     * Delay in milliseconds to wait before calling the callback.
+     * @default 300
+     */
+    delay?: number;
+    /** Additional debounce options. */
+    options?: UseDebounceCallbackPropOptions;
+};
+/** A hook that waits some time before running a function. */
+export declare function useDebounceCallback<CB extends FunctionCallback>({ callback, delay, options, }: UseDebounceCallbackProps<CB>): UseDebounceCallbackReturnValue<CB>;
+export {};

package/dist/hooks/useDebounceCallback/useDebounceCallback.js

@@ -0,0 +1,39 @@
+"use client";
+import { useRef, useCallback, useEffect } from "react";
+function useDebounceCallback({
+  callback,
+  delay = 300,
+  options = { firstCallWithoutDelay: false }
+}) {
+  const { firstCallWithoutDelay } = options;
+  const timeoutRef = useRef(null);
+  const debouncedHandler = useCallback(
+    (...args) => {
+      if (!timeoutRef.current && firstCallWithoutDelay) {
+        callback(...args);
+        timeoutRef.current = setTimeout(() => {
+          timeoutRef.current = null;
+        }, delay);
+        return;
+      }
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
+      timeoutRef.current = setTimeout(() => {
+        callback(...args);
+        timeoutRef.current = null;
+      }, delay);
+    },
+    [callback, delay, options.firstCallWithoutDelay]
+  );
+  const cancel = useCallback(() => {
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+    }
+  }, []);
+  useEffect(() => () => cancel(), []);
+  return [debouncedHandler, cancel];
+}
+export {
+  useDebounceCallback
+};

package/dist/hooks/useInterval/useInterval.d.ts

@@ -1,5 +1,5 @@
 export declare function useInterval(
-/** A callback function that will be triggered at a given interval */
+/** A callback function that will be triggered at a given interval. */
 callback: () => void, 
-/** Time interval in milliseconds */
+/** Time interval in milliseconds. */
 interval: number | null): void;

package/dist/index.d.ts

@@ -1,9 +1,10 @@
-import { useFocusRing, FocusableProvider } from '@react-aria/focus';
-import { useHover, usePress } from '@react-aria/interactions';
-import { mergeProps, filterDOMProps } from '@react-aria/utils';
-import { useToggleState } from '@react-stately/toggle';
-export * from './types/index.js';
-export * from './styles/index.js';
-export * from './hooks/index.js';
-export * from './utils/index.js';
-export { FocusableProvider, mergeProps, useFocusRing, useHover, usePress, useToggleState, filterDOMProps, };
+export { useRouter, mergeProps, filterDOMProps, RouterProvider, } from '@react-aria/utils';
+export type { Node, ItemProps, PressEvent, HoverEvent, SectionProps, LinkDOMProps, FocusableElement, } from '@react-types/shared';
+export * from '@react-aria/i18n';
+export * from '@react-aria/focus';
+export * from '@internationalized/date';
+export * from '@react-aria/interactions';
+export * from './types';
+export * from './hooks';
+export * from './utils';
+export * from './styles';

package/dist/index.js

@@ -1,8 +1,8 @@
-import { FocusableProvider, useFocusRing } from "@react-aria/focus";
-import { useHover, usePress } from "@react-aria/interactions";
-import { filterDOMProps, mergeProps } from "@react-aria/utils";
-import { useToggleState } from "@react-stately/toggle";
-import { clsx } from "./styles/clsx.js";
+import { RouterProvider, filterDOMProps, mergeProps, useRouter } from "@react-aria/utils";
+export * from "@react-aria/i18n";
+export * from "@react-aria/focus";
+export * from "@internationalized/date";
+export * from "@react-aria/interactions";
 import { usePrevious } from "./hooks/usePrevious/usePrevious.js";
 import { useMultiRef } from "./hooks/useMultiRef/useMultiRef.js";
 import { useIsomorphicEffect } from "./hooks/useIsomorphicEffect/useIsomorphicEffect.js";
@@ -17,6 +17,7 @@ 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 { useDebounceCallback } from "./hooks/useDebounceCallback/useDebounceCallback.js";
 import { polymorphicForwardRef } from "./utils/polymorphicForwardRef.js";
 import { isNotNil } from "./utils/typeGuards/isNotNil.js";
 import { isString } from "./utils/typeGuards/isString.js";
@@ -24,8 +25,9 @@ import { isNumber } from "./utils/typeGuards/isNumber.js";
 import { setRef } from "./utils/setRef.js";
 import { isBrowser } from "./utils/isBrowser.js";
 import { capitalizeFirstLetter } from "./utils/capitalizeFirstLetter/capitalizeFirstLetter.js";
+import { clsx } from "./styles/clsx.js";
 export {
-  FocusableProvider,
+  RouterProvider,
   capitalizeFirstLetter,
   clsx,
   filterDOMProps,
@@ -38,20 +40,18 @@ export {
   setRef,
   useBoolean,
   useDOMRef,
+  useDebounceCallback,
   useElementSize,
   useEventListener,
-  useFocusRing,
-  useHover,
   useInterval,
   useIsFirstRender,
   useIsomorphicEffect,
   useMediaQuery,
   useMultiRef,
   useMutableRef,
-  usePress,
   usePrevious,
   useRefs,
   useResizeObserver,
-  useSsr,
-  useToggleState
+  useRouter,
+  useSsr
 };

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@koobiq/react-core",
-  "version": "0.0.1-beta.9",
+  "version": "0.1.0",
+  "license": "MIT",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
@@ -16,12 +17,19 @@
   "publishConfig": {
     "access": "public"
   },
+  "repository": {
+    "type": "git",
+    "directory": "packages/core",
+    "url": "git+https://github.com/koobiq/react-components.git"
+  },
   "sideEffects": false,
   "dependencies": {
-    "@react-aria/focus": "^3.18.0",
-    "@react-aria/interactions": "^3.21.0",
-    "@react-aria/utils": "^3.25.0",
-    "@react-stately/toggle": "^3.7.0"
+    "@internationalized/date": "^3.8.2",
+    "@react-aria/focus": "^3.20.5",
+    "@react-aria/i18n": "^3.12.10",
+    "@react-aria/interactions": "^3.25.3",
+    "@react-aria/utils": "^3.29.1",
+    "@react-types/shared": "^3.30.0"
   },
   "peerDependencies": {
     "react": "18.x || 19.x",