@reactuses/core 2.2.3 → 2.2.5

package/dist/index.cjs

@@ -84,7 +84,7 @@ function useEvent(fn) {
 const isPrimitive$1 = (val) => val !== Object(val);
 function useCustomCompareEffect(effect, deps, depsEqual) {
   if (process.env.NODE_ENV !== "production") {
-    if (!(deps instanceof Array) || !deps.length) {
+    if (!Array.isArray(deps) || !deps.length) {
       console.warn(
         "`useCustomCompareEffect` should not be used with no dependencies. Use React.useEffect instead."
       );
@@ -110,7 +110,7 @@ function useCustomCompareEffect(effect, deps, depsEqual) {
 const isPrimitive = (val) => val !== Object(val);
 function useDeepCompareEffect(effect, deps) {
   if (process.env.NODE_ENV !== "production") {
-    if (!(deps instanceof Array) || !deps.length) {
+    if (!Array.isArray(deps) || !deps.length) {
       console.warn(
         "`useDeepCompareEffect` should not be used with no dependencies. Use React.useEffect instead."
       );
@@ -314,6 +314,7 @@ const getInitialState = (query, defaultState) => {
 function useMediaQuery(query, defaultState) {
   const [state, setState] = React.useState(getInitialState(query, defaultState));
   React.useEffect(() => {
+    var _a;
     let mounted = true;
     const mql = window.matchMedia(query);
     const onChange = () => {
@@ -325,15 +326,16 @@ function useMediaQuery(query, defaultState) {
     if ("addEventListener" in mql) {
       mql.addEventListener("change", onChange);
     } else {
-      mql.addListener(onChange);
+      (_a = mql.addListener) == null ? void 0 : _a.call(mql, onChange);
     }
     setState(mql.matches);
     return () => {
+      var _a2;
       mounted = false;
       if ("removeEventListener" in mql) {
         mql.removeEventListener("change", onChange);
       } else {
-        mql.removeListener(onChange);
+        (_a2 = mql.removeListener) == null ? void 0 : _a2.call(mql, onChange);
       }
     };
   }, [query]);
@@ -391,6 +393,7 @@ function useThrottleFn(fn, wait, options) {
       wait,
       options
     ),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
   useUnmount(() => {
@@ -435,6 +438,7 @@ function useDebounceFn(fn, wait, options) {
       wait,
       options
     ),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
   useUnmount(() => {
@@ -594,17 +598,17 @@ function useCounter(initialValue = 0, max = null, min = null) {
   const initFunc = () => {
     let init = typeof initialValue === "function" ? initialValue() : initialValue;
     typeof init !== "number" && console.error(
-      "initialValue has to be a number, got " + typeof initialValue
+      `initialValue has to be a number, got ${typeof initialValue}`
     );
     if (typeof min === "number") {
       init = Math.max(init, min);
     } else if (min !== null) {
-      console.error("min has to be a number, got " + typeof min);
+      console.error(`min has to be a number, got ${typeof min}`);
     }
     if (typeof max === "number") {
       init = Math.min(init, max);
     } else if (max !== null) {
-      console.error("max has to be a number, got " + typeof max);
+      console.error(`max has to be a number, got ${typeof max}`);
     }
     return init;
   };
@@ -663,6 +667,7 @@ function useRafFn(callback, initiallyActive = true) {
         }
       },
       () => rafActivity.current
+      // isActive
     ],
     [step]
   );
@@ -677,6 +682,7 @@ function useRafFn(callback, initiallyActive = true) {
 
 function useEventEmitter() {
   const listeners = React.useRef([]);
+  const _disposed = React.useRef(false);
   const _event = React.useRef((listener) => {
     listeners.current.push(listener);
     const disposable = {
@@ -693,7 +699,6 @@ function useEventEmitter() {
     };
     return disposable;
   });
-  const _disposed = React.useRef(false);
   const fire = (arg1, arg2) => {
     const queue = [];
     for (let i = 0; i < listeners.current.length; i++) {
@@ -1184,7 +1189,7 @@ var screenfull$1 = {exports: {}};
 
 /*!
 * screenfull
-* v5.2.0 - 2021-11-03
+* v5.0.0 - 2019-09-09
 * (c) Sindre Sorhus; MIT License
 */
 
@@ -1267,7 +1272,7 @@ var screenfull$1 = {exports: {}};
 		};
 
 		var screenfull = {
-			request: function (element, options) {
+			request: function (element) {
 				return new Promise(function (resolve, reject) {
 					var onFullScreenEntered = function () {
 						this.off('change', onFullScreenEntered);
@@ -1278,11 +1283,7 @@ var screenfull$1 = {exports: {}};
 
 					element = element || document.documentElement;
 
-					var returnPromise = element[fn.requestFullscreen](options);
-
-					if (returnPromise instanceof Promise) {
-						returnPromise.then(onFullScreenEntered).catch(reject);
-					}
+					Promise.resolve(element[fn.requestFullscreen]()).catch(reject);
 				}.bind(this));
 			},
 			exit: function () {
@@ -1299,15 +1300,11 @@ var screenfull$1 = {exports: {}};
 
 					this.on('change', onFullScreenExit);
 
-					var returnPromise = document[fn.exitFullscreen]();
-
-					if (returnPromise instanceof Promise) {
-						returnPromise.then(onFullScreenExit).catch(reject);
-					}
+					Promise.resolve(document[fn.exitFullscreen]()).catch(reject);
 				}.bind(this));
 			},
-			toggle: function (element, options) {
-				return this.isFullscreen ? this.exit() : this.request(element, options);
+			toggle: function (element) {
+				return this.isFullscreen ? this.exit() : this.request(element);
 			},
 			onchange: function (callback) {
 				this.on('change', callback);
@@ -1439,7 +1436,7 @@ function getConnectionState(previousState) {
   return {
     online,
     previous: previousOnline,
-    since: online !== previousOnline ? new Date() : previousState == null ? void 0 : previousState.since,
+    since: online !== previousOnline ? /* @__PURE__ */ new Date() : previousState == null ? void 0 : previousState.since,
     downlink: conn == null ? void 0 : conn.downlink,
     downlinkMax: conn == null ? void 0 : conn.downlinkMax,
     effectiveType: conn == null ? void 0 : conn.effectiveType,
@@ -1793,7 +1790,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __async$2 = (__this, __arguments, generator) => {
+var __async$3 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -1827,7 +1824,7 @@ function useInfiniteScroll(target, onLoadMore, options = {}) {
   const di = state[3][direction];
   useUpdateEffect(() => {
     const opts = latestOptions.current;
-    const fn = () => __async$2(this, null, function* () {
+    const fn = () => __async$3(this, null, function* () {
       var _a2, _b2, _c, _d;
       const previous = {
         height: (_b2 = (_a2 = element.current) == null ? void 0 : _a2.scrollHeight) != null ? _b2 : 0,
@@ -2374,7 +2371,7 @@ function useWindowScroll() {
   return state;
 }
 
-var __async$1 = (__this, __arguments, generator) => {
+var __async$2 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -2403,7 +2400,7 @@ function useClipBorad() {
   }, []);
   useEventListener("copy", updateText);
   useEventListener("cut", updateText);
-  const copy = React.useCallback((txt) => __async$1(this, null, function* () {
+  const copy = React.useCallback((txt) => __async$2(this, null, function* () {
     setText(txt);
     yield window.navigator.clipboard.writeText(txt);
   }), []);
@@ -2451,9 +2448,6 @@ function useFocus(target, initialValue = false) {
   const [focus, innerSetFocus] = React.useState(initialValue);
   useEventListener("focus", () => innerSetFocus(true), target);
   useEventListener("blur", () => innerSetFocus(false), target);
-  useMount(() => {
-    setFocus(focus);
-  });
   const setFocus = (value) => {
     const element = getTargetElement(target);
     if (!element) {
@@ -2465,14 +2459,18 @@ function useFocus(target, initialValue = false) {
       element.focus();
     }
   };
+  useMount(() => {
+    setFocus(focus);
+  });
   return [focus, setFocus];
 }
 
-function useControlled({
-  controlled,
-  defaultValue: defaultProp,
-  state = "value"
-}) {
+function useControlled(props) {
+  const { controlled, defaultValue: defaultProp, state } = props != null ? props : {
+    controlled: void 0,
+    defaultValue: void 0,
+    state: "value"
+  };
   const { current: isControlled } = React.useRef(controlled !== void 0);
   const [valueState, setValue] = React.useState(defaultProp);
   const value = isControlled ? controlled : valueState;
@@ -2748,7 +2746,7 @@ const useSticky = ({
   return [isSticky, setSticky];
 };
 
-var __async = (__this, __arguments, generator) => {
+var __async$1 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -2771,7 +2769,7 @@ var __async = (__this, __arguments, generator) => {
 function useAsyncEffect(effect, cleanup = noop, deps) {
   const mounted = useMountedState();
   React.useEffect(() => {
-    const execute = () => __async(this, null, function* () {
+    const execute = () => __async$1(this, null, function* () {
       if (!mounted()) {
         return;
       }
@@ -2784,11 +2782,110 @@ function useAsyncEffect(effect, cleanup = noop, deps) {
   }, deps);
 }
 
+const padZero = (time) => {
+  return `${time}`.length < 2 ? `0${time}` : `${time}`;
+};
+const getHMSTime = (timeDiff) => {
+  if (timeDiff <= 0) {
+    return ["00", "00", "00"];
+  }
+  if (timeDiff > 100 * 3600) {
+    return ["99", "59", "59"];
+  }
+  const hour = Math.floor(timeDiff / 3600);
+  const minute = Math.floor((timeDiff - hour * 3600) / 60);
+  const second = timeDiff - hour * 3600 - minute * 60;
+  return [padZero(hour), padZero(minute), padZero(second)];
+};
+const useCountDown = (time, format = getHMSTime, callback) => {
+  const [remainTime, setRemainTime] = React.useState(time);
+  const [delay, setDelay] = React.useState(1e3);
+  useInterval(() => {
+    if (remainTime <= 0) {
+      setDelay(null);
+      return;
+    }
+    setRemainTime(remainTime - 1);
+  }, delay);
+  React.useEffect(() => {
+    if (time > 0 && remainTime <= 0) {
+      callback && callback();
+    }
+  }, [callback, remainTime, time]);
+  const [hour, minute, secoud] = format(remainTime);
+  return [hour, minute, secoud];
+};
+
+function useSupported(callback, sync = false) {
+  const [supported, setSupported] = React.useState(false);
+  const effect = sync ? useIsomorphicLayoutEffect : React.useEffect;
+  effect(() => {
+    setSupported(Boolean(callback()));
+  }, []);
+  return supported;
+}
+
+function useTextSelection() {
+  const [selection, setSelection] = React.useState(null);
+  const forceUpdate = useUpdate();
+  const handleSelectionChange = () => {
+    setSelection(document.getSelection());
+    forceUpdate();
+  };
+  useEventListener("selectionchange", handleSelectionChange, () => document);
+  React.useEffect(() => {
+    setSelection(document.getSelection());
+  }, []);
+  return selection;
+}
+
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+function useEyeDropper() {
+  const isSupported = useSupported(
+    () => typeof window !== "undefined" && "EyeDropper" in window,
+    true
+  );
+  const open = React.useCallback(
+    (..._0) => __async(this, [..._0], function* (options = {}) {
+      if (!isSupported) {
+        return {
+          sRGBHex: ""
+        };
+      }
+      const eyeDropper = new window.EyeDropper();
+      return eyeDropper.open(options);
+    }),
+    [isSupported]
+  );
+  return [isSupported, open];
+}
+
+exports.getHMSTime = getHMSTime;
 exports.useActiveElement = useActiveElement;
 exports.useAsyncEffect = useAsyncEffect;
 exports.useClickOutside = useClickOutSide;
 exports.useClipboard = useClipBorad;
 exports.useControlled = useControlled;
+exports.useCountDown = useCountDown;
 exports.useCounter = useCounter;
 exports.useCustomCompareEffect = useCustomCompareEffect;
 exports.useCycleList = useCycleList;
@@ -2805,6 +2902,7 @@ exports.useElementVisibility = useElementVisibility;
 exports.useEvent = useEvent;
 exports.useEventEmitter = useEventEmitter;
 exports.useEventListener = useEventListener;
+exports.useEyeDropper = useEyeDropper;
 exports.useFavicon = useFavicon;
 exports.useFileDialog = useFileDialog;
 exports.useFirstMountState = useFirstMountState;
@@ -2850,7 +2948,9 @@ exports.useScrollIntoView = useScrollIntoView;
 exports.useScrollLock = useScrollLock;
 exports.useSessionStorage = useSessionStorage;
 exports.useSticky = useSticky;
+exports.useSupported = useSupported;
 exports.useTextDirection = useTextDirection;
+exports.useTextSelection = useTextSelection;
 exports.useThrottle = useThrottle;
 exports.useThrottleFn = useThrottleFn;
 exports.useTimeout = useTimeout;

package/dist/index.d.ts

@@ -45,9 +45,9 @@ declare function useSessionStorage(key: string, defaults: boolean, options?: Use
 declare function useSessionStorage<T>(key: string, defaults: T, options?: UseStorageOptions<T>): readonly [T | null, Dispatch<SetStateAction<T | null>>];
 declare function useSessionStorage<T = unknown>(key: string, defaults: null, options?: UseStorageOptions<T>): readonly [T | null, Dispatch<SetStateAction<T | null>>];
 
-type Fn = (this: any, ...args: any[]) => any;
-type Stoppable = [boolean, Fn, Fn];
-type PointerType = "mouse" | "touch" | "pen";
+declare type Fn = (this: any, ...args: any[]) => any;
+declare type Stoppable = [boolean, Fn, Fn];
+declare type PointerType = "mouse" | "touch" | "pen";
 interface Position {
     x: number;
     y: number;
@@ -166,11 +166,11 @@ declare function useTimeout(ms?: number, options?: UseTimeoutFnOptions): Stoppab
 
 declare function useMountedState(): () => boolean;
 
-type TargetValue<T> = T | undefined | null;
-type TargetType = HTMLElement | Element | Window | Document | EventTarget;
-type BasicTarget<T extends TargetType = Element> = (() => TargetValue<T>) | TargetValue<T> | MutableRefObject<TargetValue<T>>;
+declare type TargetValue<T> = T | undefined | null;
+declare type TargetType = HTMLElement | Element | Window | Document | EventTarget;
+declare type BasicTarget<T extends TargetType = Element> = (() => TargetValue<T>) | TargetValue<T> | MutableRefObject<TargetValue<T>>;
 
-type Target = BasicTarget<HTMLElement | Element | Window | Document | EventTarget>;
+declare type Target = BasicTarget<HTMLElement | Element | Window | Document | EventTarget>;
 declare function useEventListener<K extends keyof WindowEventMap>(eventName: K, handler: (event: WindowEventMap[K]) => void, element?: Window, options?: boolean | AddEventListenerOptions): void;
 declare function useEventListener<K extends keyof DocumentEventMap>(eventName: K, handler: (event: DocumentEventMap[K]) => void, element: Document, options?: boolean | AddEventListenerOptions): void;
 declare function useEventListener<K extends keyof HTMLElementEventMap, T extends HTMLElement = HTMLDivElement>(eventName: K, handler: (event: HTMLElementEventMap[K]) => void, element: T, options?: boolean | AddEventListenerOptions): void;
@@ -180,7 +180,7 @@ declare function useEventListener(eventName: string, handler: (...p: any) => voi
 
 declare function useCounter(initialValue?: number | (() => number), max?: number | null, min?: number | null): readonly [number, (newState: number | ((prev: number) => number) | (() => number)) => void, (delta?: number) => void, (delta?: number) => void, () => void];
 
-type RafLoopReturns = readonly [() => void, () => void, () => boolean];
+declare type RafLoopReturns = readonly [() => void, () => void, () => boolean];
 declare function useRafFn(callback: FrameRequestCallback, initiallyActive?: boolean): RafLoopReturns;
 
 interface IListener<T, U = void> {
@@ -218,7 +218,7 @@ declare function useFavicon(href: string, baseUrl?: string, rel?: string): void;
 
 declare function useMutationObserver(callback: MutationCallback, target: BasicTarget, options?: MutationObserverInit): () => void;
 
-type DepsEqualFnType<TDeps extends DependencyList> = (prevDeps: TDeps, nextDeps: TDeps) => boolean;
+declare type DepsEqualFnType<TDeps extends DependencyList> = (prevDeps: TDeps, nextDeps: TDeps) => boolean;
 declare function useCustomCompareEffect<TDeps extends DependencyList>(effect: EffectCallback, deps: TDeps, depsEqual: DepsEqualFnType<TDeps>): void;
 
 declare function useDeepCompareEffect(effect: EffectCallback, deps: DependencyList): void;
@@ -260,12 +260,12 @@ interface UseScriptTagOptions {
      */
     attrs?: Record<string, string>;
 }
-type Status = "idle" | "loading" | "ready" | "error";
+declare type Status = "idle" | "loading" | "ready" | "error";
 declare function useScriptTag(src: string, onLoaded?: (el: HTMLScriptElement) => void, options?: UseScriptTagOptions): readonly [HTMLScriptElement | null, Status, (waitForScriptLoad?: boolean) => Promise<HTMLScriptElement | boolean>, () => void];
 
-type IState = PermissionState | "";
-type DescriptorNamePolyfill = "accelerometer" | "accessibility-events" | "ambient-light-sensor" | "background-sync" | "camera" | "clipboard-read" | "clipboard-write" | "gyroscope" | "magnetometer" | "microphone" | "notifications" | "payment-handler" | "persistent-storage" | "push" | "speaker";
-type GeneralPermissionDescriptor = PermissionDescriptor | {
+declare type IState = PermissionState | "";
+declare type DescriptorNamePolyfill = "accelerometer" | "accessibility-events" | "ambient-light-sensor" | "background-sync" | "camera" | "clipboard-read" | "clipboard-write" | "gyroscope" | "magnetometer" | "microphone" | "notifications" | "payment-handler" | "persistent-storage" | "push" | "speaker";
+declare type GeneralPermissionDescriptor = PermissionDescriptor | {
     name: DescriptorNamePolyfill;
 };
 declare function usePermission(permissionDesc: GeneralPermissionDescriptor | GeneralPermissionDescriptor["name"]): IState;
@@ -296,7 +296,7 @@ declare function useMediaDevices(): {
 };
 declare const _default$3: typeof useMediaDevices;
 
-type UseTextDirectionValue = "ltr" | "rtl" | "auto";
+declare type UseTextDirectionValue = "ltr" | "rtl" | "auto";
 interface UseTextDirectionOptions {
     /**
      * CSS Selector for the target element applying to
@@ -352,7 +352,7 @@ declare function useFullscreen(target: BasicTarget, options?: UseFullScreenOptio
     readonly enterFullscreen: () => void;
     readonly exitFullscreen: () => void;
     readonly toggleFullscreen: () => void;
-    readonly isEnabled: true;
+    readonly isEnabled: boolean;
 }];
 
 interface INetworkInformation extends EventTarget {
@@ -539,7 +539,7 @@ interface UseInfiniteScrollOptions extends UseScrollOptions {
 }
 declare function useInfiniteScroll(target: BasicTarget<HTMLElement | SVGElement>, onLoadMore: (state: ReturnType<typeof useScroll>) => void | Promise<void>, options?: UseInfiniteScrollOptions): void;
 
-type KeyModifier = "Alt" | "AltGraph" | "CapsLock" | "Control" | "Fn" | "FnLock" | "Meta" | "NumLock" | "ScrollLock" | "Shift" | "Symbol" | "SymbolLock";
+declare type KeyModifier = "Alt" | "AltGraph" | "CapsLock" | "Control" | "Fn" | "FnLock" | "Meta" | "NumLock" | "ScrollLock" | "Shift" | "Symbol" | "SymbolLock";
 interface UseModifierOptions {
     /**
      * Event names that will prompt update to modifier states
@@ -556,8 +556,8 @@ interface UseModifierOptions {
 }
 declare function useKeyModifier(modifier: KeyModifier, options?: UseModifierOptions): boolean;
 
-type IHookStateInitialSetter<S> = () => S;
-type IHookStateInitAction<S> = S | IHookStateInitialSetter<S>;
+declare type IHookStateInitialSetter<S> = () => S;
+declare type IHookStateInitAction<S> = S | IHookStateInitialSetter<S>;
 
 interface MousePressedOptions {
     /**
@@ -579,7 +579,7 @@ interface MousePressedOptions {
      */
     initialValue?: IHookStateInitAction<boolean>;
 }
-type MouseSourceType = "mouse" | "touch" | null;
+declare type MouseSourceType = "mouse" | "touch" | null;
 declare function useMousePressed(target?: BasicTarget, options?: MousePressedOptions): readonly [boolean, MouseSourceType];
 
 declare function useScrollLock(target: BasicTarget<HTMLElement>, initialState?: boolean): readonly [boolean, (flag: boolean) => void];
@@ -626,10 +626,10 @@ interface UseVirtualListReturn<T> {
 }
 declare function useVirtualList<T = any>(list: T[] | undefined, options: UseVirtualListOptions): UseVirtualListReturn<T>;
 
-type ColorScheme = "dark" | "light" | "no-preference";
+declare type ColorScheme = "dark" | "light" | "no-preference";
 declare function usePreferredColorScheme(defaultState?: ColorScheme): ColorScheme;
 
-type Contrast = "more" | "less" | "custom" | "no-preference";
+declare type Contrast = "more" | "less" | "custom" | "no-preference";
 declare function usePreferredContrast(defaultState?: Contrast): Contrast;
 
 declare function useActiveElement<T extends Element>(): T | null;
@@ -751,7 +751,7 @@ declare function useClipBorad(): readonly [
     (txt: string) => Promise<void>
 ];
 
-type EventType = MouseEvent | TouchEvent;
+declare type EventType = MouseEvent | TouchEvent;
 declare function useClickOutSide(target: BasicTarget, handler: (evt: EventType) => void): void;
 
 declare function useCycleList<T>(list: T[], i?: number): readonly [T, (i?: number) => void, (i?: number) => void];
@@ -763,7 +763,7 @@ interface IProps<T> {
     defaultValue?: T;
     state?: T;
 }
-declare function useControlled<T = string>({ controlled, defaultValue, state, }: IProps<T>): readonly [T, (newValue: T) => void];
+declare function useControlled<T = string>(props?: IProps<T>): readonly [T, (newValue: T) => void];
 
 declare const _default$1: typeof useEffect | typeof react.useLayoutEffect;
 
@@ -813,4 +813,20 @@ declare const useSticky: ({ targetElement, scrollElement, axis, nav, }: UseStick
 
 declare function useAsyncEffect<T extends void>(effect: () => Promise<T> | T, cleanup?: typeof effect, deps?: DependencyList): void;
 
-export { ColorScheme, Contrast, CursorState, GeneralPermissionDescriptor, IDisposable, IEvent, IEventOnce, IListener, INetworkInformation, IState, IUseNetworkState, KeyModifier, MousePressedOptions, MouseSourceType, OrientationState, RafLoopReturns, ScrollIntoViewAnimation, ScrollIntoViewParams, State, Status, Target, UseDarkOptions, UseDraggableOptions, UseElementBoundingOptions, UseEventEmitterReturn, UseFileDialogOptions, UseFpsOptions, UseFullScreenOptions, UseInfiniteScrollOptions, UseLongPressOptions, UseModifierOptions, UseScriptTagOptions, UseScrollOptions, UseStickyParams, UseTextDirectionOptions, UseTextDirectionValue, UseTimeoutFnOptions, UseVirtualListItem, UseVirtualListOptions, UseVirtualListReturn, WindowSize, useActiveElement, useAsyncEffect, useClickOutSide as useClickOutside, useClipBorad as useClipboard, useControlled, useCounter, useCustomCompareEffect, useCycleList, useDarkMode, useDebounce, useDebounceFn, useDeepCompareEffect, useDocumentVisibility, useDraggable, useDropZone, useElementBounding, useElementSize, useElementVisibility, useEvent, useEventEmitter, useEventListener, useFavicon, useFileDialog, useFirstMountState, useFocus, _default$2 as useFps, useFullscreen, useGeolocation, useIdle, useInfiniteScroll, useIntersectionObserver, useInterval, useIsomorphicLayoutEffect, useKeyModifier, useLatest, useLocalStorage, useLongPress, _default$3 as useMediaDevices, useMediaQuery, useMount, useMountedState, useMouse, useMousePressed, useMutationObserver, useNetwork, useObjectUrl, _default$1 as useOnceEffect, _default as useOnceLayoutEffect, useOnline, useOrientation, usePageLeave, usePermission, usePreferredColorScheme, usePreferredContrast, usePreferredDark, usePrevious, useRafFn, useRafState, useReducedMotion, useResizeObserver, useScriptTag, useScroll, useScrollIntoView, useScrollLock, useSessionStorage, useSticky, useTextDirection, useThrottle, useThrottleFn, useTimeout, useTimeoutFn, useTitle, useToggle, useUnmount, useUpdate, _default$5 as useUpdateEffect, _default$4 as useUpdateLayoutEffect, useVirtualList, useWindowScroll, useWindowSize, useWindowsFocus };
+declare const getHMSTime: (timeDiff: number) => [string, string, string];
+declare const useCountDown: (time: number, format?: (number: any) => [string, string, string], callback?: () => void) => readonly [string, string, string];
+
+declare function useSupported(callback: () => unknown, sync?: boolean): boolean;
+
+declare function useTextSelection(): Selection | null;
+
+interface EyeDropperOpenOptions {
+    signal?: AbortSignal;
+}
+interface EyeDropperOpenReturnType {
+    sRGBHex: string;
+}
+declare function useEyeDropper(): readonly [boolean, (options?: EyeDropperOpenOptions) => Promise<EyeDropperOpenReturnType>];
+declare type UseEyeDropperReturn = ReturnType<typeof useEyeDropper>;
+
+export { ColorScheme, Contrast, CursorState, EyeDropperOpenReturnType, GeneralPermissionDescriptor, IDisposable, IEvent, IEventOnce, IListener, INetworkInformation, IState, IUseNetworkState, KeyModifier, MousePressedOptions, MouseSourceType, OrientationState, RafLoopReturns, ScrollIntoViewAnimation, ScrollIntoViewParams, State, Status, Target, UseDarkOptions, UseDraggableOptions, UseElementBoundingOptions, UseEventEmitterReturn, UseEyeDropperReturn, UseFileDialogOptions, UseFpsOptions, UseFullScreenOptions, UseInfiniteScrollOptions, UseLongPressOptions, UseModifierOptions, UseScriptTagOptions, UseScrollOptions, UseStickyParams, UseTextDirectionOptions, UseTextDirectionValue, UseTimeoutFnOptions, UseVirtualListItem, UseVirtualListOptions, UseVirtualListReturn, WindowSize, getHMSTime, useActiveElement, useAsyncEffect, useClickOutSide as useClickOutside, useClipBorad as useClipboard, useControlled, useCountDown, useCounter, useCustomCompareEffect, useCycleList, useDarkMode, useDebounce, useDebounceFn, useDeepCompareEffect, useDocumentVisibility, useDraggable, useDropZone, useElementBounding, useElementSize, useElementVisibility, useEvent, useEventEmitter, useEventListener, useEyeDropper, useFavicon, useFileDialog, useFirstMountState, useFocus, _default$2 as useFps, useFullscreen, useGeolocation, useIdle, useInfiniteScroll, useIntersectionObserver, useInterval, useIsomorphicLayoutEffect, useKeyModifier, useLatest, useLocalStorage, useLongPress, _default$3 as useMediaDevices, useMediaQuery, useMount, useMountedState, useMouse, useMousePressed, useMutationObserver, useNetwork, useObjectUrl, _default$1 as useOnceEffect, _default as useOnceLayoutEffect, useOnline, useOrientation, usePageLeave, usePermission, usePreferredColorScheme, usePreferredContrast, usePreferredDark, usePrevious, useRafFn, useRafState, useReducedMotion, useResizeObserver, useScriptTag, useScroll, useScrollIntoView, useScrollLock, useSessionStorage, useSticky, useSupported, useTextDirection, useTextSelection, useThrottle, useThrottleFn, useTimeout, useTimeoutFn, useTitle, useToggle, useUnmount, useUpdate, _default$5 as useUpdateEffect, _default$4 as useUpdateLayoutEffect, useVirtualList, useWindowScroll, useWindowSize, useWindowsFocus };

package/dist/index.mjs

@@ -76,7 +76,7 @@ function useEvent(fn) {
 const isPrimitive$1 = (val) => val !== Object(val);
 function useCustomCompareEffect(effect, deps, depsEqual) {
   if (process.env.NODE_ENV !== "production") {
-    if (!(deps instanceof Array) || !deps.length) {
+    if (!Array.isArray(deps) || !deps.length) {
       console.warn(
         "`useCustomCompareEffect` should not be used with no dependencies. Use React.useEffect instead."
       );
@@ -102,7 +102,7 @@ function useCustomCompareEffect(effect, deps, depsEqual) {
 const isPrimitive = (val) => val !== Object(val);
 function useDeepCompareEffect(effect, deps) {
   if (process.env.NODE_ENV !== "production") {
-    if (!(deps instanceof Array) || !deps.length) {
+    if (!Array.isArray(deps) || !deps.length) {
       console.warn(
         "`useDeepCompareEffect` should not be used with no dependencies. Use React.useEffect instead."
       );
@@ -306,6 +306,7 @@ const getInitialState = (query, defaultState) => {
 function useMediaQuery(query, defaultState) {
   const [state, setState] = useState(getInitialState(query, defaultState));
   useEffect(() => {
+    var _a;
     let mounted = true;
     const mql = window.matchMedia(query);
     const onChange = () => {
@@ -317,15 +318,16 @@ function useMediaQuery(query, defaultState) {
     if ("addEventListener" in mql) {
       mql.addEventListener("change", onChange);
     } else {
-      mql.addListener(onChange);
+      (_a = mql.addListener) == null ? void 0 : _a.call(mql, onChange);
     }
     setState(mql.matches);
     return () => {
+      var _a2;
       mounted = false;
       if ("removeEventListener" in mql) {
         mql.removeEventListener("change", onChange);
       } else {
-        mql.removeListener(onChange);
+        (_a2 = mql.removeListener) == null ? void 0 : _a2.call(mql, onChange);
       }
     };
   }, [query]);
@@ -383,6 +385,7 @@ function useThrottleFn(fn, wait, options) {
       wait,
       options
     ),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
   useUnmount(() => {
@@ -427,6 +430,7 @@ function useDebounceFn(fn, wait, options) {
       wait,
       options
     ),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
   useUnmount(() => {
@@ -586,17 +590,17 @@ function useCounter(initialValue = 0, max = null, min = null) {
   const initFunc = () => {
     let init = typeof initialValue === "function" ? initialValue() : initialValue;
     typeof init !== "number" && console.error(
-      "initialValue has to be a number, got " + typeof initialValue
+      `initialValue has to be a number, got ${typeof initialValue}`
     );
     if (typeof min === "number") {
       init = Math.max(init, min);
     } else if (min !== null) {
-      console.error("min has to be a number, got " + typeof min);
+      console.error(`min has to be a number, got ${typeof min}`);
     }
     if (typeof max === "number") {
       init = Math.min(init, max);
     } else if (max !== null) {
-      console.error("max has to be a number, got " + typeof max);
+      console.error(`max has to be a number, got ${typeof max}`);
     }
     return init;
   };
@@ -655,6 +659,7 @@ function useRafFn(callback, initiallyActive = true) {
         }
       },
       () => rafActivity.current
+      // isActive
     ],
     [step]
   );
@@ -669,6 +674,7 @@ function useRafFn(callback, initiallyActive = true) {
 
 function useEventEmitter() {
   const listeners = useRef([]);
+  const _disposed = useRef(false);
   const _event = useRef((listener) => {
     listeners.current.push(listener);
     const disposable = {
@@ -685,7 +691,6 @@ function useEventEmitter() {
     };
     return disposable;
   });
-  const _disposed = useRef(false);
   const fire = (arg1, arg2) => {
     const queue = [];
     for (let i = 0; i < listeners.current.length; i++) {
@@ -1176,7 +1181,7 @@ var screenfull$1 = {exports: {}};
 
 /*!
 * screenfull
-* v5.2.0 - 2021-11-03
+* v5.0.0 - 2019-09-09
 * (c) Sindre Sorhus; MIT License
 */
 
@@ -1259,7 +1264,7 @@ var screenfull$1 = {exports: {}};
 		};
 
 		var screenfull = {
-			request: function (element, options) {
+			request: function (element) {
 				return new Promise(function (resolve, reject) {
 					var onFullScreenEntered = function () {
 						this.off('change', onFullScreenEntered);
@@ -1270,11 +1275,7 @@ var screenfull$1 = {exports: {}};
 
 					element = element || document.documentElement;
 
-					var returnPromise = element[fn.requestFullscreen](options);
-
-					if (returnPromise instanceof Promise) {
-						returnPromise.then(onFullScreenEntered).catch(reject);
-					}
+					Promise.resolve(element[fn.requestFullscreen]()).catch(reject);
 				}.bind(this));
 			},
 			exit: function () {
@@ -1291,15 +1292,11 @@ var screenfull$1 = {exports: {}};
 
 					this.on('change', onFullScreenExit);
 
-					var returnPromise = document[fn.exitFullscreen]();
-
-					if (returnPromise instanceof Promise) {
-						returnPromise.then(onFullScreenExit).catch(reject);
-					}
+					Promise.resolve(document[fn.exitFullscreen]()).catch(reject);
 				}.bind(this));
 			},
-			toggle: function (element, options) {
-				return this.isFullscreen ? this.exit() : this.request(element, options);
+			toggle: function (element) {
+				return this.isFullscreen ? this.exit() : this.request(element);
 			},
 			onchange: function (callback) {
 				this.on('change', callback);
@@ -1431,7 +1428,7 @@ function getConnectionState(previousState) {
   return {
     online,
     previous: previousOnline,
-    since: online !== previousOnline ? new Date() : previousState == null ? void 0 : previousState.since,
+    since: online !== previousOnline ? /* @__PURE__ */ new Date() : previousState == null ? void 0 : previousState.since,
     downlink: conn == null ? void 0 : conn.downlink,
     downlinkMax: conn == null ? void 0 : conn.downlinkMax,
     effectiveType: conn == null ? void 0 : conn.effectiveType,
@@ -1785,7 +1782,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __async$2 = (__this, __arguments, generator) => {
+var __async$3 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -1819,7 +1816,7 @@ function useInfiniteScroll(target, onLoadMore, options = {}) {
   const di = state[3][direction];
   useUpdateEffect(() => {
     const opts = latestOptions.current;
-    const fn = () => __async$2(this, null, function* () {
+    const fn = () => __async$3(this, null, function* () {
       var _a2, _b2, _c, _d;
       const previous = {
         height: (_b2 = (_a2 = element.current) == null ? void 0 : _a2.scrollHeight) != null ? _b2 : 0,
@@ -2366,7 +2363,7 @@ function useWindowScroll() {
   return state;
 }
 
-var __async$1 = (__this, __arguments, generator) => {
+var __async$2 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -2395,7 +2392,7 @@ function useClipBorad() {
   }, []);
   useEventListener("copy", updateText);
   useEventListener("cut", updateText);
-  const copy = useCallback((txt) => __async$1(this, null, function* () {
+  const copy = useCallback((txt) => __async$2(this, null, function* () {
     setText(txt);
     yield window.navigator.clipboard.writeText(txt);
   }), []);
@@ -2443,9 +2440,6 @@ function useFocus(target, initialValue = false) {
   const [focus, innerSetFocus] = useState(initialValue);
   useEventListener("focus", () => innerSetFocus(true), target);
   useEventListener("blur", () => innerSetFocus(false), target);
-  useMount(() => {
-    setFocus(focus);
-  });
   const setFocus = (value) => {
     const element = getTargetElement(target);
     if (!element) {
@@ -2457,14 +2451,18 @@ function useFocus(target, initialValue = false) {
       element.focus();
     }
   };
+  useMount(() => {
+    setFocus(focus);
+  });
   return [focus, setFocus];
 }
 
-function useControlled({
-  controlled,
-  defaultValue: defaultProp,
-  state = "value"
-}) {
+function useControlled(props) {
+  const { controlled, defaultValue: defaultProp, state } = props != null ? props : {
+    controlled: void 0,
+    defaultValue: void 0,
+    state: "value"
+  };
   const { current: isControlled } = useRef(controlled !== void 0);
   const [valueState, setValue] = useState(defaultProp);
   const value = isControlled ? controlled : valueState;
@@ -2740,7 +2738,7 @@ const useSticky = ({
   return [isSticky, setSticky];
 };
 
-var __async = (__this, __arguments, generator) => {
+var __async$1 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -2763,7 +2761,7 @@ var __async = (__this, __arguments, generator) => {
 function useAsyncEffect(effect, cleanup = noop, deps) {
   const mounted = useMountedState();
   useEffect(() => {
-    const execute = () => __async(this, null, function* () {
+    const execute = () => __async$1(this, null, function* () {
       if (!mounted()) {
         return;
       }
@@ -2776,4 +2774,101 @@ function useAsyncEffect(effect, cleanup = noop, deps) {
   }, deps);
 }
 
-export { useActiveElement, useAsyncEffect, useClickOutSide as useClickOutside, useClipBorad as useClipboard, useControlled, useCounter, useCustomCompareEffect, useCycleList, useDarkMode, useDebounce, useDebounceFn, useDeepCompareEffect, useDocumentVisibility, useDraggable, useDropZone, useElementBounding, useElementSize, useElementVisibility, useEvent, useEventEmitter, useEventListener, useFavicon, useFileDialog, useFirstMountState, useFocus, useFps$1 as useFps, useFullscreen, useGeolocation, useIdle, useInfiniteScroll, useIntersectionObserver, useInterval, useIsomorphicLayoutEffect, useKeyModifier, useLatest, useLocalStorage, useLongPress, useMediaDevices$1 as useMediaDevices, useMediaQuery, useMount, useMountedState, useMouse, useMousePressed, useMutationObserver, useNetwork, useObjectUrl, useOnceEffect, useOnceLayoutEffect, useOnline, useOrientation, usePageLeave, usePermission, usePreferredColorScheme, usePreferredContrast, usePreferredDark, usePrevious, useRafFn, useRafState, useReducedMotion, useResizeObserver, useScriptTag, useScroll, useScrollIntoView, useScrollLock, useSessionStorage, useSticky, useTextDirection, useThrottle, useThrottleFn, useTimeout, useTimeoutFn, useTitle, useToggle, useUnmount, useUpdate, useUpdateEffect, useUpdateLayoutEffect, useVirtualList, useWindowScroll, useWindowSize, useWindowsFocus };
+const padZero = (time) => {
+  return `${time}`.length < 2 ? `0${time}` : `${time}`;
+};
+const getHMSTime = (timeDiff) => {
+  if (timeDiff <= 0) {
+    return ["00", "00", "00"];
+  }
+  if (timeDiff > 100 * 3600) {
+    return ["99", "59", "59"];
+  }
+  const hour = Math.floor(timeDiff / 3600);
+  const minute = Math.floor((timeDiff - hour * 3600) / 60);
+  const second = timeDiff - hour * 3600 - minute * 60;
+  return [padZero(hour), padZero(minute), padZero(second)];
+};
+const useCountDown = (time, format = getHMSTime, callback) => {
+  const [remainTime, setRemainTime] = useState(time);
+  const [delay, setDelay] = useState(1e3);
+  useInterval(() => {
+    if (remainTime <= 0) {
+      setDelay(null);
+      return;
+    }
+    setRemainTime(remainTime - 1);
+  }, delay);
+  useEffect(() => {
+    if (time > 0 && remainTime <= 0) {
+      callback && callback();
+    }
+  }, [callback, remainTime, time]);
+  const [hour, minute, secoud] = format(remainTime);
+  return [hour, minute, secoud];
+};
+
+function useSupported(callback, sync = false) {
+  const [supported, setSupported] = useState(false);
+  const effect = sync ? useIsomorphicLayoutEffect : useEffect;
+  effect(() => {
+    setSupported(Boolean(callback()));
+  }, []);
+  return supported;
+}
+
+function useTextSelection() {
+  const [selection, setSelection] = useState(null);
+  const forceUpdate = useUpdate();
+  const handleSelectionChange = () => {
+    setSelection(document.getSelection());
+    forceUpdate();
+  };
+  useEventListener("selectionchange", handleSelectionChange, () => document);
+  useEffect(() => {
+    setSelection(document.getSelection());
+  }, []);
+  return selection;
+}
+
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+function useEyeDropper() {
+  const isSupported = useSupported(
+    () => typeof window !== "undefined" && "EyeDropper" in window,
+    true
+  );
+  const open = useCallback(
+    (..._0) => __async(this, [..._0], function* (options = {}) {
+      if (!isSupported) {
+        return {
+          sRGBHex: ""
+        };
+      }
+      const eyeDropper = new window.EyeDropper();
+      return eyeDropper.open(options);
+    }),
+    [isSupported]
+  );
+  return [isSupported, open];
+}
+
+export { getHMSTime, useActiveElement, useAsyncEffect, useClickOutSide as useClickOutside, useClipBorad as useClipboard, useControlled, useCountDown, useCounter, useCustomCompareEffect, useCycleList, useDarkMode, useDebounce, useDebounceFn, useDeepCompareEffect, useDocumentVisibility, useDraggable, useDropZone, useElementBounding, useElementSize, useElementVisibility, useEvent, useEventEmitter, useEventListener, useEyeDropper, useFavicon, useFileDialog, useFirstMountState, useFocus, useFps$1 as useFps, useFullscreen, useGeolocation, useIdle, useInfiniteScroll, useIntersectionObserver, useInterval, useIsomorphicLayoutEffect, useKeyModifier, useLatest, useLocalStorage, useLongPress, useMediaDevices$1 as useMediaDevices, useMediaQuery, useMount, useMountedState, useMouse, useMousePressed, useMutationObserver, useNetwork, useObjectUrl, useOnceEffect, useOnceLayoutEffect, useOnline, useOrientation, usePageLeave, usePermission, usePreferredColorScheme, usePreferredContrast, usePreferredDark, usePrevious, useRafFn, useRafState, useReducedMotion, useResizeObserver, useScriptTag, useScroll, useScrollIntoView, useScrollLock, useSessionStorage, useSticky, useSupported, useTextDirection, useTextSelection, useThrottle, useThrottleFn, useTimeout, useTimeoutFn, useTitle, useToggle, useUnmount, useUpdate, useUpdateEffect, useUpdateLayoutEffect, useVirtualList, useWindowScroll, useWindowSize, useWindowsFocus };

package/package.json

@@ -1,16 +1,6 @@
 {
   "name": "@reactuses/core",
-  "version": "2.2.3",
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
-  "files": [
-    "dist",
-    "package.json",
-    "LICENSE",
-    "README.md"
-  ],
-  "sideEffects": false,
+  "version": "2.2.5",
   "license": "Unlicense",
   "homepage": "https://www.reactuse.com/",
   "repository": {
@@ -21,6 +11,32 @@
   "bugs": {
     "url": "https://github.com/childrentime/reactuse/issues"
   },
+  "keywords": [
+    "react",
+    "react-use",
+    "react hooks",
+    "hook",
+    "hooks",
+    "component"
+  ],
+  "sideEffects": false,
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./dist/index.d.ts",
+      "require": "./dist/index.cjs",
+      "import": "./dist/index.mjs"
+    }
+  },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "package.json",
+    "LICENSE",
+    "README.md"
+  ],
   "scripts": {
     "lint": "eslint \"{hooks,tests}/**/*.{ts,tsx}\"",
     "build": "esno scripts/build.ts",
@@ -32,8 +48,10 @@
     "test": "jest",
     "test:coverage": "jest --coverage"
   },
+  "peerDependencies": {
+    "react": "^16.8.0  || ^17.0.0 || ^18.0.0"
+  },
   "dependencies": {
-    "@testing-library/react": "^13.4.0",
     "lodash": "^4.17.21",
     "screenfull": "^5.0.0"
   },
@@ -53,16 +71,11 @@
     "@types/lodash": "^4.14.184",
     "@types/node": "^18.11.9",
     "@types/react": "^18.0.25",
-    "@typescript-eslint/eslint-plugin": "^5.36.1",
-    "@typescript-eslint/parser": "^5.36.1",
     "babel-jest": "^29.0.2",
     "consola": "^2.15.3",
     "cross-env": "^7.0.3",
+    "esbuild": "^0.17.15",
     "esbuild-register": "^3.4.1",
-    "eslint": "^8.23.0",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-react": "^7.31.5",
-    "eslint-plugin-react-hooks": "^4.6.0",
     "esno": "^0.16.3",
     "fast-glob": "^3.2.12",
     "fs-extra": "^10.1.0",
@@ -74,17 +87,7 @@
     "rollup-plugin-dts": "^4.2.2",
     "rollup-plugin-esbuild": "^4.10.1",
     "ts-node": "^10.9.1",
-    "typescript": "^4.8.2"
-  },
-  "peerDependencies": {
-    "react": "^16.8.0  || ^17.0.0 || ^18.0.0"
-  },
-  "keywords": [
-    "react",
-    "react-use",
-    "react hooks",
-    "hook",
-    "hooks",
-    "component"
-  ]
+    "typescript": "^4.8.2",
+    "@testing-library/react": "^13.4.0"
+  }
 }