@siberiacancode/reactuse 0.0.43 → 0.0.45

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import { BatteryManager, EyeDropperConstructor, ColorSelectionOptions, ColorSelectionResult, Connection } from '@/utils/types';
 import * as react from 'react';
-import { RefObject, Dispatch, SetStateAction, EffectCallback, DependencyList, useEffect, ComponentProps } from 'react';
+import { RefObject, Dispatch, SetStateAction, EffectCallback, DependencyList, ComponentProps, useEffect } from 'react';
 
 declare global {
     interface Navigator {
@@ -68,11 +68,9 @@ declare const useBrowserLanguage: () => string;
 
 /** The use click outside target element type */
 type UseClickOutsideTarget = RefObject<Element | null> | (() => Element) | Element;
-/** The use click outside return type */
-type UseClickOutsideReturn<Target extends UseClickOutsideTarget | UseClickOutsideTarget[]> = RefObject<Target>;
 type UseClickOutside = {
     <Target extends UseClickOutsideTarget | UseClickOutsideTarget[]>(target: Target, callback: (event: Event) => void): void;
-    <Target extends UseClickOutsideTarget | UseClickOutsideTarget[]>(callback: (event: Event) => void, target?: never): UseClickOutsideReturn<Target>;
+    <Target extends UseClickOutsideTarget | UseClickOutsideTarget[]>(callback: (event: Event) => void, target?: never): RefObject<Target>;
 };
 /**
  * @name useClickOutside
@@ -104,18 +102,20 @@ interface UseCopyToClipboardReturn {
     value: string | null;
     /** Function to copy to clipboard  */
     copy: (value: string) => Promise<void>;
+    /** Whether the copy to clipboard is supported */
+    supported: boolean;
 }
 /**
- * @name useCopyToClipboard
+ * @name useClipboard
  * @description - Hook that manages a copy to clipboard
  * @category Browser
  *
  * @returns {UseCopyToClipboardReturn} An object containing the boolean state value and utility functions to manipulate the state
  *
  * @example
- * const { value, copy } = useCopyToClipboard();
+ * const { supported, value, copy } = useClipboard();
  */
-declare const useCopyToClipboard: () => UseCopyToClipboardReturn;
+declare const useClipboard: () => UseCopyToClipboardReturn;
 
 /** The use counter options */
 interface UseCounterOptions {
@@ -124,14 +124,6 @@ interface UseCounterOptions {
     /** The max of count value */
     max?: number;
 }
-interface UseCounterParams {
-    /** The initial number value, defaults to 0 */
-    initialValue?: number;
-    /** The min of count value */
-    min?: number;
-    /** The max of count value */
-    max?: number;
-}
 /** The use counter return type */
 interface UseCounterReturn {
     /** The current count value */
@@ -147,7 +139,9 @@ interface UseCounterReturn {
 }
 type UseCounter = {
     (initialValue?: number, options?: UseCounterOptions): UseCounterReturn;
-    ({ initialValue, max, min }: UseCounterParams, options?: never): UseCounterReturn;
+    (options: UseCounterOptions & {
+        initialValue?: number;
+    }, initialValue?: never): UseCounterReturn;
 };
 /**
  * @name useCounter
@@ -475,6 +469,52 @@ interface UseFieldReturn<Value> {
  */
 declare const useField: <Value extends string | boolean = string, Type = Value extends string ? string : boolean>(params?: UseFieldParams<Value>) => UseFieldReturn<Type>;
 
+interface UseFileDialogOptions extends Pick<ComponentProps<'input'>, 'multiple' | 'accept'> {
+    /** The capture value */
+    capture?: string;
+    /** The reset value */
+    reset?: boolean;
+}
+interface UseFileDialogReturn {
+    /** The selected files */
+    value: FileList | null;
+    /** The open function */
+    open: (openParams?: UseFileDialogOptions) => void;
+    /** The reset function */
+    reset: () => void;
+}
+type UseFileDialog = {
+    (callback?: (value: FileList | null) => void, options?: UseFileDialogOptions): UseFileDialogReturn;
+    (options?: UseFileDialogOptions, callback?: never): UseFileDialogReturn;
+};
+/**
+ * @name useFileDialog
+ * @description - Hook to handle file input
+ * @category Browser
+ *
+ * @overload
+ * @param {(value: FileList | null) => void} callback The callback to execute when a file is selected
+ * @param {boolean} [options.multiple=true] Whether multiple files can be selected
+ * @param {string} [options.accept='*'] The accepted file types
+ * @param {boolean} [options.reset=false] Whether the input should be reset when the callback is called
+ * @param {string} [options.capture] The capture value
+ * @returns {UseFileDialogReturn} An object containing the selected files
+ *
+ * @example
+ * const { values, open, reset } = useFileDialog((value) => console.log(value));
+ *
+ * @overload
+ * @param {boolean} [options.multiple=true] Whether multiple files can be selected
+ * @param {string} [options.accept='*'] The accepted file types
+ * @param {boolean} [options.reset=false] Whether the input should be reset when the callback is called
+ * @param {string} [options.capture] The capture value
+ * @returns {UseFileDialogReturn} An object containing the selected files
+ *
+ * @example
+ * const { values, open, reset } = useFileDialog({ accept: 'image/*' });
+ */
+declare const useFileDialog: UseFileDialog;
+
 /**
  * @name useFps
  * @description - Hook that measures frames per second
@@ -539,6 +579,46 @@ type UseFullScreen = {
  */
 declare const useFullscreen: UseFullScreen;
 
+/** The use geolocation return type */
+interface UseGeolocationReturn {
+    /** The loading state */
+    loading: boolean;
+    /** The error of the last position update */
+    error: GeolocationPositionError | null;
+    /** The timestamp of the last position update */
+    timestamp: number | null;
+    /** The accuracy of the last position update */
+    accuracy: number | null;
+    /** The latitude of the last position update */
+    latitude: number | null;
+    /** The longitude of the last position update */
+    longitude: number | null;
+    /** The altitude of the last position update */
+    altitude: number | null;
+    /** The altitude accuracy of the last position update */
+    altitudeAccuracy: number | null;
+    /** The heading of the last position update */
+    heading: number | null;
+    /** The speed of the last position update */
+    speed: number | null;
+}
+/** The use geolocation params */
+type UseGeolocationParams = PositionOptions;
+/**
+ * @name useGeolocation
+ * @description - Hook that returns the current geolocation
+ * @category Browser
+ *
+ * @param {boolean} [params.enableHighAccuracy] Enable high accuracy
+ * @param {number} [params.maximumAge] Maximum age
+ * @param {number} [params.timeout] Timeout
+ * @returns {UseGeolocationReturn}
+ *
+ * @example
+ * const { loading, error, timestamp, accuracy, latitude, longitude, altitude, altitudeAccuracy, heading, speed } = useGeolocation();
+ */
+declare const useGeolocation: (params?: UseGeolocationParams) => UseGeolocationReturn;
+
 /** The use hash return type */
 type UseHashReturn = [string, (value: string) => void];
 /**
@@ -670,12 +750,98 @@ interface UseIdleReturn {
  */
 declare const useIdle: (milliseconds?: number, { initialValue, events }?: UseIdleOptions) => UseIdleReturn;
 
+interface UseQueryOptions<QueryData, Data> {
+    keys?: DependencyList;
+    onSuccess?: (data: Data) => void;
+    onError?: (error: Error) => void;
+    select?: (data: QueryData) => Data;
+    initialData?: Data | (() => Data);
+    placeholderData?: Data | (() => Data);
+    retry?: boolean | number;
+    refetchInterval?: number;
+}
+interface UseQueryReturn<Data> {
+    data?: Data;
+    isLoading: boolean;
+    isError: boolean;
+    isSuccess: boolean;
+    error?: Error;
+    refetch: () => void;
+    isRefetching: boolean;
+}
+/**
+ * @name useQuery
+ * @description - Hook that defines the logic when query data
+ * @category Utilities
+ *
+ * @template Data The type of the data
+ * @param {() => Promise<Data>} callback The callback function to be invoked
+ * @param {DependencyList} [options.keys] The dependencies for the hook
+ * @param {(data: Data) => void} [options.onSuccess] The callback function to be invoked on success
+ * @param {(error: Error) => void} [options.onError] The callback function to be invoked on error
+ * @param {UseQueryOptionsSelect<Data>} [options.select] The select function to be invoked
+ * @param {Data | (() => Data)} [options.initialData] The initial data for the hook
+ * @param {Data | (() => Data)} [options.placeholderData] The placeholder data for the hook
+ * @param {number} [options.refetchInterval] The refetch interval
+ * @param {boolean | number} [options.retry] The retry count of requests
+ * @returns {UseQueryReturn<Data>} An object with the state of the query
+ *
+ * @example
+ * const { data, isLoading, isError, isSuccess, error, refetch, isRefetching } = useQuery(() => fetch('https://example.com/data'));
+ */
+declare const useQuery: <QueryData, Data = QueryData>(callback: () => Promise<QueryData>, options?: UseQueryOptions<QueryData, Data>) => UseQueryReturn<Data>;
+
+/** The use image options */
+interface UseImageOptions {
+    /** The srcset of the image */
+    srcset?: string;
+    /** The sizes of the image */
+    sizes?: string;
+    /** The alt of the image */
+    alt?: string;
+    /** The class of the image */
+    class?: string;
+    /** The loading of the image */
+    loading?: HTMLImageElement['loading'];
+    /** The crossorigin of the image */
+    crossorigin?: string;
+    /** The referrer policy of the image */
+    referrerPolicy?: HTMLImageElement['referrerPolicy'];
+}
+/**
+ * @name useImage
+ * @description - Hook that load an image in the browser
+ * @category Browser
+ *
+ * @param {string} src The source of the image
+ * @param {string} [options.srcset] The srcset of the image
+ * @param {string} [options.sizes] The sizes of the image
+ * @param {string} [options.alt] The alt of the image
+ * @param {string} [options.class] The class of the image
+ * @param {HTMLImageElement['loading']} [options.loading] The loading of the image
+ * @param {string} [options.crossorigin] The crossorigin of the image
+ * @param {HTMLImageElement['referrerPolicy']} [options.referrerPolicy] The referrerPolicy of the image
+ * @param {DependencyList} [useQueryOptions.keys] The dependencies for the hook
+ * @param {(data: Data) => void} [useQueryOptions.onSuccess] The callback function to be invoked on success
+ * @param {(error: Error) => void} [useQueryOptions.onError] The callback function to be invoked on error
+ * @param {number} [useQueryOptions.refetchInterval] The refetch interval
+ * @param {boolean | number} [useQueryOptions.retry] The retry count of requests
+ * @returns {UseImageReturn} An object with the state of the image
+ *
+ * @example
+ * const { data, isLoading, isError, isSuccess, error, refetch, isRefetching } = useImage('https://example.com/image.png');
+ */
+declare const useImage: (src: string, options?: UseImageOptions, useQueryOptions?: Omit<UseQueryOptions<HTMLImageElement, HTMLImageElement>, 'select' | 'initialData' | 'placeholderData'>) => UseQueryReturn<HTMLImageElement>;
+
+/** The intersection observer target element type */
 type UseIntersectionObserverTarget = RefObject<Element | null> | (() => Element) | Element;
+/** The intersection observer options type */
 interface UseIntersectionObserverOptions extends Omit<IntersectionObserverInit, 'root'> {
     enabled?: boolean;
     onChange?: (entry: IntersectionObserverEntry) => void;
     root?: IntersectionObserverInit['root'] | RefObject<Element | null>;
 }
+/** The intersection observer return type */
 interface UseIntersectionObserverReturn {
     inView: boolean;
     entry?: IntersectionObserverEntry;
@@ -686,6 +852,32 @@ type UseIntersectionObserver = {
         ref: RefObject<Target>;
     };
 };
+/**
+ * @name useIntersectionObserver
+ * @description - Hook that gives you intersection observer state
+ * @category Browser
+ *
+ * @overload
+ * @template Target The target element
+ * @param {Target} target The target element to detect intersection
+ * @param {boolean} [options.enabled=true] The IntersectionObserver options
+ * @param {((entries: IntersectionObserverEntry[], observer: IntersectionObserver) => void) | undefined} [options.onChange] The callback to execute when intersection is detected
+ * @param {IntersectionObserverInit['root'] | RefObject<Element | null>} [options.root] The root element to observe
+ * @returns {UseIntersectionObserverReturn} An object containing the state and the supported status
+ *
+ * @example
+ * const { ref, entry, inView } = useIntersectionObserver();
+ *
+ * @overload
+ * @template Target The target element
+ * @param {boolean} [options.enabled=true] The IntersectionObserver options
+ * @param {((entries: IntersectionObserverEntry[], observer: IntersectionObserver) => void) | undefined} [options.onChange] The callback to execute when intersection is detected
+ * @param {IntersectionObserverInit['root'] | RefObject<Element | null>} [options.root] The root element to observe
+ * @returns {UseIntersectionObserverReturn & { ref: RefObject<Target> }} A React ref to attach to the target element
+ *
+ * @example
+ * const { entry, inView } = useIntersectionObserver(ref);
+ */
 declare const useIntersectionObserver: UseIntersectionObserver;
 
 /** The use interval options */
@@ -967,6 +1159,38 @@ interface UseMapReturn<Key, Value> {
  */
 declare const useMap: <Key, Value>(values?: [Key, Value][]) => UseMapReturn<Key, Value>;
 
+/** The use measure target element type */
+type UseMeasureTarget = RefObject<Element | null> | (() => Element) | Element;
+/** The use measure return type */
+type UseMeasureReturn = Pick<DOMRectReadOnly, 'x' | 'y' | 'top' | 'left' | 'right' | 'bottom' | 'height' | 'width'>;
+type UseMeasureScreen = {
+    <Target extends UseMeasureTarget>(target: Target): UseMeasureReturn;
+    <Target extends UseMeasureTarget>(target?: never): UseMeasureReturn & {
+        ref: RefObject<Target>;
+    };
+};
+/**
+ * @name useMeasure
+ * @description - Hook to measure the size and position of an element
+ * @category Browser
+ *
+ * @overload
+ * @template Target The element to measure
+ * @param {Target} [target] The element to measure
+ * @returns {UseMeasureReturn} The element's size and position
+ *
+ * @example
+ * const { x, y, width, height, top, left, bottom, right } = useMeasure(ref);
+ *
+ * @overload
+ * @template Target The element to measure
+ * @returns {UseMeasureReturn & { ref: RefObject<Target> }} The element's size and position
+ *
+ * @example
+ * const { ref, x, y, width, height, top, left, bottom, right } = useMeasure();
+ */
+declare const useMeasure: UseMeasureScreen;
+
 /**
  * @name useMediaQuery
  * @description - Hook that manages a media query
@@ -1346,47 +1570,6 @@ declare const usePreferredLanguages: () => readonly string[];
  */
 declare const usePrevious: <Value>(value: Value) => Value | undefined;
 
-interface UseQueryOptions<QueryData, Data> {
-    keys?: DependencyList;
-    onSuccess?: (data: Data) => void;
-    onError?: (error: Error) => void;
-    select?: (data: QueryData) => Data;
-    initialData?: Data | (() => Data);
-    placeholderData?: Data | (() => Data);
-    retry?: boolean | number;
-    refetchInterval?: number;
-}
-interface UseQueryReturn<Data> {
-    data?: Data;
-    isLoading: boolean;
-    isError: boolean;
-    isSuccess: boolean;
-    error?: Error;
-    refetch: () => void;
-    isRefetching: boolean;
-}
-/**
- * @name useQuery
- * @description - Hook that defines the logic when query data
- * @category Utilities
- *
- * @template Data The type of the data
- * @param {() => Promise<Data>} callback The callback function to be invoked
- * @param {DependencyList} [options.keys] The dependencies for the hook
- * @param {(data: Data) => void} [options.onSuccess] The callback function to be invoked on success
- * @param {(error: Error) => void} [options.onError] The callback function to be invoked on error
- * @param {UseQueryOptionsSelect<Data>} [options.select] The select function to be invoked
- * @param {Data | (() => Data)} [options.initialData] The initial data for the hook
- * @param {Data | (() => Data)} [options.placeholderData] The placeholder data for the hook
- * @param {number} [options.refetchInterval] The refetch interval
- * @param {boolean | number} [options.retry] The retry count of requests
- * @returns {UseQueryReturn<Data>} An object with the state of the query
- *
- * @example
- * const { data, isLoading, isError, isSuccess, error, refetch, isRefetching } = useQuery(() => fetch('https://example.com/data'));
- */
-declare const useQuery: <QueryData, Data = QueryData>(callback: () => Promise<QueryData>, options?: UseQueryOptions<QueryData, Data>) => UseQueryReturn<Data>;
-
 /** The use queue return type */
 interface UseQueueReturn<Value> {
     /** The current queue */
@@ -1469,6 +1652,51 @@ interface UseRerenderReturns {
  */
 declare const useRerender: () => UseRerenderReturns;
 
+/** The resize observer target element type */
+type UseResizeObserverTarget = RefObject<Element | null> | (() => Element) | Element;
+/** The resize observer options type */
+interface UseResizeObserverOptions extends ResizeObserverOptions {
+    enabled?: boolean;
+    onChange?: (entries: ResizeObserverEntry[], observer: ResizeObserver) => void;
+}
+/** The resize observer return type */
+interface UseResizeObserverReturn {
+    entries: ResizeObserverEntry[];
+}
+type UseResizeObserver = {
+    <Target extends UseResizeObserverTarget | UseResizeObserverTarget[]>(target: Target, options?: UseResizeObserverOptions): UseResizeObserverReturn;
+    <Target extends UseResizeObserverTarget | UseResizeObserverTarget[]>(options?: UseResizeObserverOptions, target?: never): UseResizeObserverReturn & {
+        ref: RefObject<Target>;
+    };
+};
+/**
+ *  @name useResizeObserver
+ *  @description - Hook that gives you resize observer state
+ *  @category Browser
+ *
+ *  @overload
+ *  @template Target The target element
+ *  @param {boolean} [options.enabled=true] The IntersectionObserver options
+ *  @param {boolean} [options.box] The IntersectionObserver options
+ *  @param {(entries: ResizeObserverEntry[], observer: ResizeObserver) => void} [options.onChange] The callback to execute when resize is detected
+ *  @returns {UseResizeObserverReturn} An object containing the resize observer state
+ *
+ *  @example
+ *  const { ref, entries } = useResizeObserver();
+ *
+ *  @overload
+ *  @template Target The target element
+ *  @param {Target} target The target element to observe
+ *  @param {boolean} [options.enabled=true] The IntersectionObserver options
+ *  @param {boolean} [options.box] The IntersectionObserver options
+ *  @param {(entries: ResizeObserverEntry[], observer: ResizeObserver) => void} [options.onChange] The callback to execute when resize is detected
+ *  @returns {UseResizeObserverReturn} An object containing the resize observer state
+ *
+ *  @example
+ *  const { entries } = useResizeObserver(ref);
+ */
+declare const useResizeObserver: UseResizeObserver;
+
 /** The use script status */
 type UseScriptStatus = 'loading' | 'ready' | 'error' | 'unknown';
 /** The use script options extends from attributes script tag */
@@ -1634,6 +1862,64 @@ interface UseStepReturn {
  */
 declare const useStep: (params: number | UseStepParams) => UseStepReturn;
 
+/** The use stopwatch return type */
+interface UseStopwatchReturn {
+    /** The paused state of the stopwatch */
+    paused: boolean;
+    /** The over state of the stopwatch */
+    over: boolean;
+    /** The day count of the stopwatch */
+    days: number;
+    /** The hour count of the stopwatch */
+    hours: number;
+    /** The minute count of the stopwatch */
+    minutes: number;
+    /** The second count of the stopwatch */
+    seconds: number;
+    /** The total count of the stopwatch */
+    count: number;
+    /** The function to pause the stopwatch */
+    pause: () => void;
+    /** The function to start the stopwatch */
+    start: () => void;
+    /** The function to reset the stopwatch */
+    reset: () => void;
+    /** The function to toggle the stopwatch */
+    toggle: () => void;
+}
+/** The use stopwatch options */
+interface UseStopwatchOptions {
+    /** The enabled state of the timer */
+    enabled?: boolean;
+}
+type UseStopwatch = {
+    (initialTime?: number, options?: UseStopwatchOptions): UseStopwatchReturn;
+    (options?: UseStopwatchOptions & {
+        initialTime?: number;
+    }): UseStopwatchReturn;
+};
+/**
+ * @name useStopwatch
+ * @description - Hook that creates a stopwatch functionality
+ *
+ * @overload
+ * @param {number} [initialTime=0] The initial time of the timer
+ * @param {boolean} [options.enabled=true] The enabled state of the timer
+ * @returns {UseStopwatchReturn} An object containing the current time and functions to interact with the timer
+ *
+ * @example
+ * const { seconds, minutes, start, pause, reset } = useStopwatch(1000, { enabled: false });
+ *
+ * @overload
+ * @param {number} [options.initialTime=0] -The initial time of the timer
+ * @param {boolean} [options.enabled=true] The enabled state of the timer
+ * @returns {UseStopwatchReturn} An object containing the current time and functions to interact with the timer
+ *
+ * @example
+ * const { seconds, minutes, start, pause, reset } = useStopwatch({ initialTime: 1000, enabled: false });
+ */
+declare const useStopwatch: UseStopwatch;
+
 /** The use text selection return type */
 interface UseTextSelectionReturn {
     /** The current selection text */
@@ -1842,6 +2128,8 @@ declare const getRetry: (retry: number | boolean) => number;
 
 declare const isClient: boolean;
 
+declare const isPermissionAllowed: (status: PermissionState) => boolean;
+
 declare const throttle: <Params extends any[]>(callback: (...args: Params) => void, delay: number) => ((...args: Params) => void);
 
 declare const getDate: (now?: Date) => {
@@ -1858,4 +2146,4 @@ declare const getDate: (now?: Date) => {
     timestamp: number;
 };
 
-export { debounce, getDate, getRetry, isClient, throttle, useBattery, useBoolean, useBrowserLanguage, useClickOutside, useCopyToClipboard, useCounter, useDebounceCallback, useDebounceValue, useDefault, useDidUpdate, useDisclosure, useDocumentEvent, useDocumentTitle, useDocumentVisibility, useEvent, useEventListener, useEyeDropper, useFavicon, useField, useFps, useFullscreen, useHash, useHotkeys, useHover, useIdle, useIntersectionObserver, useInterval, useIsFirstRender, useIsomorphicLayoutEffect, useKeyPress, useKeyPressEvent, useKeyboard, useKeysPressed, useList, useLocalStorage, useLogger, useLongPress, useMap, useMediaQuery, useMemory, useMount, useMouse, useMutation, useNetwork, useOnline, useOperatingSystem, useOrientation, usePageLeave, usePaint, usePermission, usePreferredColorScheme, usePreferredLanguages, usePrevious, useQuery, useQueue, useRenderCount, useRenderInfo, useRerender, useScript, useSessionStorage, useSet, useShare, useStep, useStorage, useTextSelection, useTime, useTimeout, useToggle, useUnmount, useWebSocket, useWindowEvent, useWindowSize, useWizard };
+export { debounce, getDate, getRetry, isClient, isPermissionAllowed, throttle, useBattery, useBoolean, useBrowserLanguage, useClickOutside, useClipboard, useCounter, useDebounceCallback, useDebounceValue, useDefault, useDidUpdate, useDisclosure, useDocumentEvent, useDocumentTitle, useDocumentVisibility, useEvent, useEventListener, useEyeDropper, useFavicon, useField, useFileDialog, useFps, useFullscreen, useGeolocation, useHash, useHotkeys, useHover, useIdle, useImage, useIntersectionObserver, useInterval, useIsFirstRender, useIsomorphicLayoutEffect, useKeyPress, useKeyPressEvent, useKeyboard, useKeysPressed, useList, useLocalStorage, useLogger, useLongPress, useMap, useMeasure, useMediaQuery, useMemory, useMount, useMouse, useMutation, useNetwork, useOnline, useOperatingSystem, useOrientation, usePageLeave, usePaint, usePermission, usePreferredColorScheme, usePreferredLanguages, usePrevious, useQuery, useQueue, useRenderCount, useRenderInfo, useRerender, useResizeObserver, useScript, useSessionStorage, useSet, useShare, useStep, useStopwatch, useStorage, useTextSelection, useTime, useTimeout, useToggle, useUnmount, useWebSocket, useWindowEvent, useWindowSize, useWizard };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@siberiacancode/reactuse",
-  "version": "0.0.43",
+  "version": "0.0.45",
   "description": "Ultimate tool",
   "license": "MIT",
   "author": {

package/dist/cjs/_rollupPluginBabelHelpers-BRE4VASD.js.map

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

package/dist/cjs/hooks/useCopyToClipboard/useCopyToClipboard.js

@@ -1,3 +0,0 @@
-/* @license @siberiacancode/reactuse v0.0.43 */
-"use strict";var e=require("../../_rollupPluginBabelHelpers-BRE4VASD.js"),r=require("react"),t=function(e){var r=document.createElement("textarea");r.value=e,document.body.appendChild(r),r.select(),document.execCommand("copy"),document.body.removeChild(r)};exports.legacyCopyToClipboard=t,exports.useCopyToClipboard=function(){var n=r.useState(null),a=e._slicedToArray(n,2),o=a[0],c=a[1],u=r.useCallback(function(){var r=e._asyncToGenerator(e._regeneratorRuntime().mark((function r(n){var a;return e._regeneratorRuntime().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(e.prev=0,null===(a=navigator)||void 0===a||null===(a=a.clipboard)||void 0===a||!a.writeText){e.next=7;break}return e.next=4,navigator.clipboard.writeText(n);case 4:c(n),e.next=8;break;case 7:throw new Error("writeText not supported");case 8:e.next=14;break;case 10:e.prev=10,e.t0=e.catch(0),t(n),c(n);case 14:case"end":return e.stop()}}),r,null,[[0,10]])})));return function(e){return r.apply(this,arguments)}}(),[]);return{value:o,copy:u}};
-//# sourceMappingURL=useCopyToClipboard.js.map

package/dist/cjs/hooks/useCopyToClipboard/useCopyToClipboard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCopyToClipboard.js","sources":["../../../../src/hooks/useCopyToClipboard/useCopyToClipboard.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nexport const legacyCopyToClipboard = (value: string) => {\n  const tempTextArea = document.createElement('textarea');\n  tempTextArea.value = value;\n  document.body.appendChild(tempTextArea);\n  tempTextArea.select();\n  document.execCommand('copy');\n  document.body.removeChild(tempTextArea);\n};\n\n/** The use copy to clipboard return type */\ninterface UseCopyToClipboardReturn {\n  /** The copied value */\n  value: string | null;\n  /** Function to copy to clipboard  */\n  copy: (value: string) => Promise<void>;\n}\n\n/**\n * @name useCopyToClipboard\n * @description - Hook that manages a copy to clipboard\n * @category Browser\n *\n * @returns {UseCopyToClipboardReturn} An object containing the boolean state value and utility functions to manipulate the state\n *\n * @example\n * const { value, copy } = useCopyToClipboard();\n */\nexport const useCopyToClipboard = (): UseCopyToClipboardReturn => {\n  const [value, setValue] = useState<string | null>(null);\n\n  const copyToClipboard = useCallback(async (value: string) => {\n    try {\n      if (navigator?.clipboard?.writeText) {\n        await navigator.clipboard.writeText(value);\n        setValue(value);\n      } else {\n        throw new Error('writeText not supported');\n      }\n    } catch (error) {\n      legacyCopyToClipboard(value);\n      setValue(value);\n    }\n  }, []);\n\n  return { value, copy: copyToClipboard };\n};\n"],"names":["legacyCopyToClipboard","value","tempTextArea","document","createElement","body","appendChild","select","execCommand","removeChild","_useState","useState","_useState2","_slicedToArray","setValue","copyToClipboard","useCallback","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_navigator","wrap","_context","prev","next","navigator","clipboard","writeText","Error","t0","stop","_x","apply","this","arguments","copy"],"mappings":";6FAEaA,EAAwB,SAACC,GACpC,IAAMC,EAAeC,SAASC,cAAc,YAC5CF,EAAaD,MAAQA,EACrBE,SAASE,KAAKC,YAAYJ,GAC1BA,EAAaK,SACbJ,SAASK,YAAY,QACrBL,SAASE,KAAKI,YAAYP,EAC5B,6DAoBkC,WAChC,IAAAQ,EAA0BC,EAAQA,SAAgB,MAAKC,EAAAC,EAAAA,eAAAH,EAAA,GAAhDT,EAAKW,EAAA,GAAEE,EAAQF,EAAA,GAEhBG,EAAkBC,EAAAA,YAAW,WAAA,IAAAC,EAAAC,EAAAA,kBAAAC,EAAAA,sBAAAC,MAAC,SAAAC,EAAOpB,GAAa,IAAAqB,EAAA,OAAAH,EAAAA,sBAAAI,MAAA,SAAAC,GAAA,cAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EAAA,GAAAF,EAAAC,KAAA,EAEvCH,QAFuCA,EAEhDK,qBAASL,GAAWA,QAAXA,EAATA,EAAWM,iBAAXN,IAAoBA,IAApBA,EAAsBO,UAAS,CAAAL,EAAAE,KAAA,EAAA,KAAA,CAAA,OAAAF,EAAAE,KAAA,EAC3BC,UAAUC,UAAUC,UAAU5B,GAAM,KAAA,EAC1Ca,EAASb,GAAOuB,EAAAE,KAAA,EAAA,MAAA,KAAA,EAAA,MAEV,IAAII,MAAM,2BAA0B,KAAA,EAAAN,EAAAE,KAAA,GAAA,MAAA,KAAA,GAAAF,EAAAC,KAAA,GAAAD,EAAAO,GAAAP,EAAA,MAAA,GAG5CxB,EAAsBC,GACtBa,EAASb,GAAO,KAAA,GAAA,IAAA,MAAA,OAAAuB,EAAAQ,OAAA,GAAAX,EAAA,KAAA,CAAA,CAAA,EAAA,KAEnB,KAAA,OAAA,SAAAY,GAAA,OAAAhB,EAAAiB,MAAAC,KAAAC,UAAA,CAAA,CAZkC,GAYhC,IAEH,MAAO,CAAEnC,MAAAA,EAAOoC,KAAMtB,EACxB"}

package/dist/esm/_rollupPluginBabelHelpers-q3sUYXUv.js.map

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

package/dist/esm/hooks/useCopyToClipboard/useCopyToClipboard.js

@@ -1,3 +0,0 @@
-/* @license @siberiacancode/reactuse v0.0.43 */
-import{_ as e,c as r,d as t}from"../../_rollupPluginBabelHelpers-q3sUYXUv.js";import{useState as n,useCallback as a}from"react";var o=function(e){var r=document.createElement("textarea");r.value=e,document.body.appendChild(r),r.select(),document.execCommand("copy"),document.body.removeChild(r)},c=function(){var c=n(null),u=e(c,2),i=u[0],l=u[1],p=a(function(){var e=r(t().mark((function e(r){var n;return t().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(e.prev=0,null===(n=navigator)||void 0===n||null===(n=n.clipboard)||void 0===n||!n.writeText){e.next=7;break}return e.next=4,navigator.clipboard.writeText(r);case 4:l(r),e.next=8;break;case 7:throw new Error("writeText not supported");case 8:e.next=14;break;case 10:e.prev=10,e.t0=e.catch(0),o(r),l(r);case 14:case"end":return e.stop()}}),e,null,[[0,10]])})));return function(r){return e.apply(this,arguments)}}(),[]);return{value:i,copy:p}};export{o as legacyCopyToClipboard,c as useCopyToClipboard};
-//# sourceMappingURL=useCopyToClipboard.js.map

package/dist/esm/hooks/useCopyToClipboard/useCopyToClipboard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCopyToClipboard.js","sources":["../../../../src/hooks/useCopyToClipboard/useCopyToClipboard.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nexport const legacyCopyToClipboard = (value: string) => {\n  const tempTextArea = document.createElement('textarea');\n  tempTextArea.value = value;\n  document.body.appendChild(tempTextArea);\n  tempTextArea.select();\n  document.execCommand('copy');\n  document.body.removeChild(tempTextArea);\n};\n\n/** The use copy to clipboard return type */\ninterface UseCopyToClipboardReturn {\n  /** The copied value */\n  value: string | null;\n  /** Function to copy to clipboard  */\n  copy: (value: string) => Promise<void>;\n}\n\n/**\n * @name useCopyToClipboard\n * @description - Hook that manages a copy to clipboard\n * @category Browser\n *\n * @returns {UseCopyToClipboardReturn} An object containing the boolean state value and utility functions to manipulate the state\n *\n * @example\n * const { value, copy } = useCopyToClipboard();\n */\nexport const useCopyToClipboard = (): UseCopyToClipboardReturn => {\n  const [value, setValue] = useState<string | null>(null);\n\n  const copyToClipboard = useCallback(async (value: string) => {\n    try {\n      if (navigator?.clipboard?.writeText) {\n        await navigator.clipboard.writeText(value);\n        setValue(value);\n      } else {\n        throw new Error('writeText not supported');\n      }\n    } catch (error) {\n      legacyCopyToClipboard(value);\n      setValue(value);\n    }\n  }, []);\n\n  return { value, copy: copyToClipboard };\n};\n"],"names":["legacyCopyToClipboard","value","tempTextArea","document","createElement","body","appendChild","select","execCommand","removeChild","useCopyToClipboard","_useState","useState","_useState2","_slicedToArray","setValue","copyToClipboard","useCallback","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_navigator","wrap","_context","prev","next","navigator","clipboard","writeText","Error","t0","stop","_x","apply","this","arguments","copy"],"mappings":";oIAEaA,EAAwB,SAACC,GACpC,IAAMC,EAAeC,SAASC,cAAc,YAC5CF,EAAaD,MAAQA,EACrBE,SAASE,KAAKC,YAAYJ,GAC1BA,EAAaK,SACbJ,SAASK,YAAY,QACrBL,SAASE,KAAKI,YAAYP,EAC5B,EAoBaQ,EAAqB,WAChC,IAAAC,EAA0BC,EAAwB,MAAKC,EAAAC,EAAAH,EAAA,GAAhDV,EAAKY,EAAA,GAAEE,EAAQF,EAAA,GAEhBG,EAAkBC,EAAW,WAAA,IAAAC,EAAAC,EAAAC,IAAAC,MAAC,SAAAC,EAAOrB,GAAa,IAAAsB,EAAA,OAAAH,IAAAI,MAAA,SAAAC,GAAA,cAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EAAA,GAAAF,EAAAC,KAAA,EAEvCH,QAFuCA,EAEhDK,qBAASL,GAAWA,QAAXA,EAATA,EAAWM,iBAAXN,IAAoBA,IAApBA,EAAsBO,UAAS,CAAAL,EAAAE,KAAA,EAAA,KAAA,CAAA,OAAAF,EAAAE,KAAA,EAC3BC,UAAUC,UAAUC,UAAU7B,GAAM,KAAA,EAC1Cc,EAASd,GAAOwB,EAAAE,KAAA,EAAA,MAAA,KAAA,EAAA,MAEV,IAAII,MAAM,2BAA0B,KAAA,EAAAN,EAAAE,KAAA,GAAA,MAAA,KAAA,GAAAF,EAAAC,KAAA,GAAAD,EAAAO,GAAAP,EAAA,MAAA,GAG5CzB,EAAsBC,GACtBc,EAASd,GAAO,KAAA,GAAA,IAAA,MAAA,OAAAwB,EAAAQ,OAAA,GAAAX,EAAA,KAAA,CAAA,CAAA,EAAA,KAEnB,KAAA,OAAA,SAAAY,GAAA,OAAAhB,EAAAiB,MAAAC,KAAAC,UAAA,CAAA,CAZkC,GAYhC,IAEH,MAAO,CAAEpC,MAAAA,EAAOqC,KAAMtB,EACxB"}