@siberiacancode/reactuse 0.3.15 → 0.3.17

package/dist/esm/hooks/useOnline/useOnline.mjs

@@ -1,8 +1,9 @@
-import { useSyncExternalStore as n } from "react";
-const o = () => navigator.onLine, t = () => !1, i = (e) => (window.addEventListener("online", e), window.addEventListener("offline", e), () => {
-  window.removeEventListener("online", e), window.removeEventListener("offline", e);
-}), s = () => n(i, o, t);
-export {
-  s as useOnline
-};
-//# sourceMappingURL=useOnline.mjs.map
+import { useSyncExternalStore as e } from "react";
+//#region src/hooks/useOnline/useOnline.ts
+var t = () => navigator.onLine, n = () => !1, r = (e) => (window.addEventListener("online", e), window.addEventListener("offline", e), () => {
+	window.removeEventListener("online", e), window.removeEventListener("offline", e);
+}), i = () => e(r, t, n);
+//#endregion
+export { i as useOnline };
+
+//# sourceMappingURL=useOnline.mjs.map

package/dist/esm/hooks/useOnline/useOnline.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useOnline.mjs","sources":["../../../../src/hooks/useOnline/useOnline.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react';\n\nconst getSnapshot = () => navigator.onLine;\nconst getServerSnapshot = () => false;\nconst subscribe = (callback: () => void) => {\n  window.addEventListener('online', callback);\n  window.addEventListener('offline', callback);\n  return () => {\n    window.removeEventListener('online', callback);\n    window.removeEventListener('offline', callback);\n  };\n};\n\n/**\n * @name useOnline\n * @description - Hook that manages if the user is online\n * @category Browser\n * @usage medium\n *\n * @browserapi navigator.onLine https://developer.mozilla.org/en-US/docs/Web/API/Navigator/onLine\n *\n * @returns {boolean} A boolean indicating if the user is online\n *\n * @example\n * const online = useOnline();\n */\nexport const useOnline = () => useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n"],"names":["getSnapshot","getServerSnapshot","subscribe","callback","useOnline","useSyncExternalStore"],"mappings":";AAEA,MAAMA,IAAc,MAAM,UAAU,QAC9BC,IAAoB,MAAM,IAC1BC,IAAY,CAACC,OACjB,OAAO,iBAAiB,UAAUA,CAAQ,GAC1C,OAAO,iBAAiB,WAAWA,CAAQ,GACpC,MAAM;AACX,SAAO,oBAAoB,UAAUA,CAAQ,GAC7C,OAAO,oBAAoB,WAAWA,CAAQ;AAAA,IAiBrCC,IAAY,MAAMC,EAAqBH,GAAWF,GAAaC,CAAiB;"}
+{"version":3,"file":"useOnline.mjs","names":[],"sources":["../../../../src/hooks/useOnline/useOnline.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react';\n\nconst getSnapshot = () => navigator.onLine;\nconst getServerSnapshot = () => false;\nconst subscribe = (callback: () => void) => {\n  window.addEventListener('online', callback);\n  window.addEventListener('offline', callback);\n  return () => {\n    window.removeEventListener('online', callback);\n    window.removeEventListener('offline', callback);\n  };\n};\n\n/**\n * @name useOnline\n * @description - Hook that manages if the user is online\n * @category Browser\n * @usage medium\n *\n * @browserapi navigator.onLine https://developer.mozilla.org/en-US/docs/Web/API/Navigator/onLine\n *\n * @returns {boolean} A boolean indicating if the user is online\n *\n * @example\n * const online = useOnline();\n */\nexport const useOnline = () => useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n"],"mappings":";;AAEA,IAAM,UAAoB,UAAU,QAC9B,UAA0B,IAC1B,KAAa,OACjB,OAAO,iBAAiB,UAAU,EAAS,EAC3C,OAAO,iBAAiB,WAAW,EAAS,QAC/B;AAEX,CADA,OAAO,oBAAoB,UAAU,EAAS,EAC9C,OAAO,oBAAoB,WAAW,EAAS;IAiBtC,UAAkB,EAAqB,GAAW,GAAa,EAAkB"}

package/dist/esm/hooks/useOperatingSystem/useOperatingSystem.mjs

@@ -1,14 +1,14 @@
 import { useState as e } from "react";
-const n = () => {
-  if (typeof window > "u") return "undetermined";
-  const { userAgent: t } = window.navigator;
-  return /Macintosh|MacIntel|MacPPC|Mac68K/i.test(t) ? "macos" : /iPhone|iPad|iPod/i.test(t) ? "ios" : /Win32|Win64|Windows|WinCE/i.test(t) ? "windows" : /Android/i.test(t) ? "android" : /Linux/i.test(t) ? "linux" : "undetermined";
-}, r = () => {
-  const [t] = e(n());
-  return t;
+//#region src/hooks/useOperatingSystem/useOperatingSystem.ts
+var t = () => {
+	if (typeof window > "u") return "undetermined";
+	let { userAgent: e } = window.navigator;
+	return /Macintosh|MacIntel|MacPPC|Mac68K/i.test(e) ? "macos" : /iPhone|iPad|iPod/i.test(e) ? "ios" : /Win32|Win64|Windows|WinCE/i.test(e) ? "windows" : /Android/i.test(e) ? "android" : /Linux/i.test(e) ? "linux" : "undetermined";
+}, n = () => {
+	let [n] = e(t());
+	return n;
 };
-export {
-  n as getOperatingSystem,
-  r as useOperatingSystem
-};
-//# sourceMappingURL=useOperatingSystem.mjs.map
+//#endregion
+export { t as getOperatingSystem, n as useOperatingSystem };
+
+//# sourceMappingURL=useOperatingSystem.mjs.map

package/dist/esm/hooks/useOperatingSystem/useOperatingSystem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useOperatingSystem.mjs","sources":["../../../../src/hooks/useOperatingSystem/useOperatingSystem.ts"],"sourcesContent":["import { useState } from 'react';\n\n/** The operating system type */\nexport type OperatingSystem = 'android' | 'ios' | 'linux' | 'macos' | 'undetermined' | 'windows';\n\nexport const getOperatingSystem = (): OperatingSystem => {\n  if (typeof window === 'undefined') return 'undetermined';\n\n  const { userAgent } = window.navigator;\n\n  if (/Macintosh|MacIntel|MacPPC|Mac68K/i.test(userAgent)) return 'macos';\n  if (/iPhone|iPad|iPod/i.test(userAgent)) return 'ios';\n  if (/Win32|Win64|Windows|WinCE/i.test(userAgent)) return 'windows';\n  if (/Android/i.test(userAgent)) return 'android';\n  if (/Linux/i.test(userAgent)) return 'linux';\n\n  return 'undetermined';\n};\n\n/**\n * @name useOperatingSystem\n * @description - Hook that returns the operating system of the current browser\n * @category User\n * @usage low\n *\n * @returns {OperatingSystem} The operating system\n *\n * @example\n * const operatingSystem = useOperatingSystem();\n */\nexport const useOperatingSystem = () => {\n  const [osOperatingSystem] = useState<OperatingSystem>(getOperatingSystem());\n  return osOperatingSystem;\n};\n"],"names":["getOperatingSystem","userAgent","useOperatingSystem","osOperatingSystem","useState"],"mappings":";AAKO,MAAMA,IAAqB,MAAuB;AACvD,MAAI,OAAO,SAAW,IAAa,QAAO;AAE1C,QAAM,EAAE,WAAAC,MAAc,OAAO;AAE7B,SAAI,oCAAoC,KAAKA,CAAS,IAAU,UAC5D,oBAAoB,KAAKA,CAAS,IAAU,QAC5C,6BAA6B,KAAKA,CAAS,IAAU,YACrD,WAAW,KAAKA,CAAS,IAAU,YACnC,SAAS,KAAKA,CAAS,IAAU,UAE9B;AACT,GAaaC,IAAqB,MAAM;AACtC,QAAM,CAACC,CAAiB,IAAIC,EAA0BJ,GAAoB;AAC1E,SAAOG;AACT;"}
+{"version":3,"file":"useOperatingSystem.mjs","names":[],"sources":["../../../../src/hooks/useOperatingSystem/useOperatingSystem.ts"],"sourcesContent":["import { useState } from 'react';\n\n/** The operating system type */\nexport type OperatingSystem = 'android' | 'ios' | 'linux' | 'macos' | 'undetermined' | 'windows';\n\nexport const getOperatingSystem = (): OperatingSystem => {\n  if (typeof window === 'undefined') return 'undetermined';\n\n  const { userAgent } = window.navigator;\n\n  if (/Macintosh|MacIntel|MacPPC|Mac68K/i.test(userAgent)) return 'macos';\n  if (/iPhone|iPad|iPod/i.test(userAgent)) return 'ios';\n  if (/Win32|Win64|Windows|WinCE/i.test(userAgent)) return 'windows';\n  if (/Android/i.test(userAgent)) return 'android';\n  if (/Linux/i.test(userAgent)) return 'linux';\n\n  return 'undetermined';\n};\n\n/**\n * @name useOperatingSystem\n * @description - Hook that returns the operating system of the current browser\n * @category User\n * @usage low\n *\n * @returns {OperatingSystem} The operating system\n *\n * @example\n * const operatingSystem = useOperatingSystem();\n */\nexport const useOperatingSystem = () => {\n  const [osOperatingSystem] = useState<OperatingSystem>(getOperatingSystem());\n  return osOperatingSystem;\n};\n"],"mappings":";;AAKA,IAAa,UAA4C;AACvD,KAAI,OAAO,SAAW,IAAa,QAAO;CAE1C,IAAM,EAAE,iBAAc,OAAO;AAQ7B,QANI,oCAAoC,KAAK,EAAU,GAAS,UAC5D,oBAAoB,KAAK,EAAU,GAAS,QAC5C,6BAA6B,KAAK,EAAU,GAAS,YACrD,WAAW,KAAK,EAAU,GAAS,YACnC,SAAS,KAAK,EAAU,GAAS,UAE9B;GAcI,UAA2B;CACtC,IAAM,CAAC,KAAqB,EAA0B,GAAoB,CAAC;AAC3E,QAAO"}

package/dist/esm/hooks/useOptimistic/useOptimistic.mjs

@@ -1,14 +1,15 @@
-import { useState as i, useRef as p } from "react";
-import { useDidUpdate as m } from "../useDidUpdate/useDidUpdate.mjs";
-const R = (t, e) => {
-  const [u, r] = i(t), s = p(e);
-  s.current = e;
-  const [n, o] = i(!1);
-  return m(() => {
-    n && (r(t), o(!1));
-  }, [n]), [u, (a, c) => (r((f) => s.current(f, a)), c.finally(() => o(!0)))];
+import { useDidUpdate as e } from "../useDidUpdate/useDidUpdate.mjs";
+import { useRef as t, useState as n } from "react";
+//#region src/hooks/useOptimistic/useOptimistic.ts
+var r = (r, i) => {
+	let [a, o] = n(r), s = t(i);
+	s.current = i;
+	let [c, l] = n(!1);
+	return e(() => {
+		c && (o(r), l(!1));
+	}, [c]), [a, (e, t) => (o((t) => s.current(t, e)), t.finally(() => l(!0)))];
 };
-export {
-  R as useOptimistic
-};
-//# sourceMappingURL=useOptimistic.mjs.map
+//#endregion
+export { r as useOptimistic };
+
+//# sourceMappingURL=useOptimistic.mjs.map

package/dist/esm/hooks/useOptimistic/useOptimistic.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useOptimistic.mjs","sources":["../../../../src/hooks/useOptimistic/useOptimistic.ts"],"sourcesContent":["import { useRef, useState } from 'react';\r\n\r\nimport { useDidUpdate } from '../useDidUpdate/useDidUpdate';\r\n\r\nexport type UseOptimisticReturn<State> = [\r\n  State,\r\n  (optimisticValue: State, promise: Promise<any>) => void\r\n];\r\n\r\n/**\r\n * @name useOptimistic\r\n * @description - Hook that allows get optimistic value before its update\r\n * @category Async\r\n * @usage medium\r\n *\r\n * @template State The type of the state\r\n * @param {State} state The value to be returned initially and whenever no action is pending\r\n * @param {(currentState: State, optimisticValue: State) => State} update A pure function that takes the current state and the optimistic value passed to updateOptimistic and returns the resulting optimistic state\r\n * @returns {UseOptimisticReturn<State>} The resulting optimistic state, and the function to update it\r\n *\r\n * @example\r\n * const [optimisticValue, updateOptimistic] = useOptimistic<number>(count, (currentState, optimisticValue) => currentState + optimisticValue);\r\n */\r\nexport const useOptimistic = <State, OptimisticState = State>(\r\n  externalState: State,\r\n  update: (currentState: State, optimisticState: OptimisticState) => State\r\n) => {\r\n  const [state, setState] = useState<State>(externalState);\r\n  const internalUpdateRef = useRef(update);\r\n  internalUpdateRef.current = update;\r\n\r\n  const [promised, setPromised] = useState(false);\r\n\r\n  useDidUpdate(() => {\r\n    if (!promised) return;\r\n    setState(externalState);\r\n    setPromised(false);\r\n  }, [promised]);\r\n\r\n  const updateState = (optimisticValue: OptimisticState, promise: Promise<any>) => {\r\n    setState((currentState) => internalUpdateRef.current(currentState, optimisticValue));\r\n    return promise.finally(() => setPromised(true));\r\n  };\r\n\r\n  return [state, updateState] as const;\r\n};\r\n"],"names":["useOptimistic","externalState","update","state","setState","useState","internalUpdateRef","useRef","promised","setPromised","useDidUpdate","optimisticValue","promise","currentState"],"mappings":";;AAuBO,MAAMA,IAAgB,CAC3BC,GACAC,MACG;AACH,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAgBJ,CAAa,GACjDK,IAAoBC,EAAOL,CAAM;AACvC,EAAAI,EAAkB,UAAUJ;AAE5B,QAAM,CAACM,GAAUC,CAAW,IAAIJ,EAAS,EAAK;AAE9C,SAAAK,EAAa,MAAM;AACjB,IAAKF,MACLJ,EAASH,CAAa,GACtBQ,EAAY,EAAK;AAAA,EAAA,GAChB,CAACD,CAAQ,CAAC,GAON,CAACL,GALY,CAACQ,GAAkCC,OACrDR,EAAS,CAACS,MAAiBP,EAAkB,QAAQO,GAAcF,CAAe,CAAC,GAC5EC,EAAQ,QAAQ,MAAMH,EAAY,EAAI,CAAC,EAGtB;AAC5B;"}
+{"version":3,"file":"useOptimistic.mjs","names":[],"sources":["../../../../src/hooks/useOptimistic/useOptimistic.ts"],"sourcesContent":["import { useRef, useState } from 'react';\r\n\r\nimport { useDidUpdate } from '../useDidUpdate/useDidUpdate';\r\n\r\nexport type UseOptimisticReturn<State> = [\r\n  State,\r\n  (optimisticValue: State, promise: Promise<any>) => void\r\n];\r\n\r\n/**\r\n * @name useOptimistic\r\n * @description - Hook that allows get optimistic value before its update\r\n * @category Async\r\n * @usage medium\r\n *\r\n * @template State The type of the state\r\n * @param {State} state The value to be returned initially and whenever no action is pending\r\n * @param {(currentState: State, optimisticValue: State) => State} update A pure function that takes the current state and the optimistic value passed to updateOptimistic and returns the resulting optimistic state\r\n * @returns {UseOptimisticReturn<State>} The resulting optimistic state, and the function to update it\r\n *\r\n * @example\r\n * const [optimisticValue, updateOptimistic] = useOptimistic<number>(count, (currentState, optimisticValue) => currentState + optimisticValue);\r\n */\r\nexport const useOptimistic = <State, OptimisticState = State>(\r\n  externalState: State,\r\n  update: (currentState: State, optimisticState: OptimisticState) => State\r\n) => {\r\n  const [state, setState] = useState<State>(externalState);\r\n  const internalUpdateRef = useRef(update);\r\n  internalUpdateRef.current = update;\r\n\r\n  const [promised, setPromised] = useState(false);\r\n\r\n  useDidUpdate(() => {\r\n    if (!promised) return;\r\n    setState(externalState);\r\n    setPromised(false);\r\n  }, [promised]);\r\n\r\n  const updateState = (optimisticValue: OptimisticState, promise: Promise<any>) => {\r\n    setState((currentState) => internalUpdateRef.current(currentState, optimisticValue));\r\n    return promise.finally(() => setPromised(true));\r\n  };\r\n\r\n  return [state, updateState] as const;\r\n};\r\n"],"mappings":";;;AAuBA,IAAa,KACX,GACA,MACG;CACH,IAAM,CAAC,GAAO,KAAY,EAAgB,EAAc,EAClD,IAAoB,EAAO,EAAO;AACxC,GAAkB,UAAU;CAE5B,IAAM,CAAC,GAAU,KAAe,EAAS,GAAM;AAa/C,QAXA,QAAmB;AACZ,QACL,EAAS,EAAc,EACvB,EAAY,GAAM;IACjB,CAAC,EAAS,CAAC,EAOP,CAAC,IALa,GAAkC,OACrD,GAAU,MAAiB,EAAkB,QAAQ,GAAc,EAAgB,CAAC,EAC7E,EAAQ,cAAc,EAAY,GAAK,CAAC,EAGtB"}

package/dist/esm/hooks/useOrientation/useOrientation.mjs

@@ -1,30 +1,31 @@
-import { useState as r, useEffect as c } from "react";
-const w = () => {
-  const e = typeof window < "u" && "screen" in window && "orientation" in window.screen, n = e ? window.screen.orientation : {}, [t, i] = r({
-    angle: n.angle ?? 0,
-    orientationType: n.type
-  });
-  return c(() => {
-    if (!e) return;
-    const o = () => i({
-      angle: window.screen.orientation.angle,
-      orientationType: window.screen.orientation.type
-    });
-    return window.addEventListener("orientationchange", o), () => {
-      window.removeEventListener("orientationchange", o);
-    };
-  }, []), {
-    supported: e,
-    value: t,
-    lock: (o) => {
-      if (e && typeof n.lock == "function") return n.lock(o);
-    },
-    unlock: () => {
-      e && typeof n.unlock == "function" && n.unlock();
-    }
-  };
+import { useEffect as e, useState as t } from "react";
+//#region src/hooks/useOrientation/useOrientation.ts
+var n = () => {
+	let n = typeof window < "u" && "screen" in window && "orientation" in window.screen, r = n ? window.screen.orientation : {}, [i, a] = t({
+		angle: r.angle ?? 0,
+		orientationType: r.type
+	});
+	return e(() => {
+		if (!n) return;
+		let e = () => a({
+			angle: window.screen.orientation.angle,
+			orientationType: window.screen.orientation.type
+		});
+		return window.addEventListener("orientationchange", e), () => {
+			window.removeEventListener("orientationchange", e);
+		};
+	}, []), {
+		supported: n,
+		value: i,
+		lock: (e) => {
+			if (n && typeof r.lock == "function") return r.lock(e);
+		},
+		unlock: () => {
+			n && typeof r.unlock == "function" && r.unlock();
+		}
+	};
 };
-export {
-  w as useOrientation
-};
-//# sourceMappingURL=useOrientation.mjs.map
+//#endregion
+export { n as useOrientation };
+
+//# sourceMappingURL=useOrientation.mjs.map

package/dist/esm/hooks/useOrientation/useOrientation.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useOrientation.mjs","sources":["../../../../src/hooks/useOrientation/useOrientation.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\r\n\r\ndeclare global {\r\n  interface ScreenOrientation {\r\n    lock: (orientation: OrientationLockType) => Promise<void>;\r\n  }\r\n}\r\n\r\n/* The use device orientation value type */\r\nexport interface UseOrientationValue {\r\n  /** The current angle */\r\n  angle: number;\r\n  /** The current orientation type */\r\n  orientationType?: OrientationType;\r\n}\r\n\r\n/* The screen lock orientation type */\r\nexport type OrientationLockType =\r\n  | 'any'\r\n  | 'landscape-primary'\r\n  | 'landscape-secondary'\r\n  | 'landscape'\r\n  | 'natural'\r\n  | 'portrait-primary'\r\n  | 'portrait-secondary'\r\n  | 'portrait';\r\n\r\n/* The use device orientation return type */\r\nexport interface useOrientationReturn {\r\n  /** Whether the screen orientation is supported */\r\n  supported: boolean;\r\n  /** The current screen orientation value */\r\n  value: UseOrientationValue;\r\n  /** Lock the screen orientation */\r\n  lock: (orientation: OrientationLockType) => void;\r\n  /** Unlock the screen orientation */\r\n  unlock: () => void;\r\n}\r\n\r\n/**\r\n * @name useOrientation\r\n * @description - Hook that provides the current screen orientation\r\n * @category Sensors\r\n * @usage low\r\n *\r\n * @browserapi screen.orientation https://developer.mozilla.org/en-US/docs/Web/API/Screen/orientation\r\n *\r\n * @returns {useOrientationReturn} The current screen orientation\r\n *\r\n * @example\r\n * const { supported, value, lock, unlock } = useOrientation();\r\n */\r\nexport const useOrientation = (): useOrientationReturn => {\r\n  const supported =\r\n    typeof window !== 'undefined' && 'screen' in window && 'orientation' in window.screen;\r\n  const orientation = (supported ? window.screen.orientation : {}) as ScreenOrientation;\r\n\r\n  const [value, setValue] = useState<UseOrientationValue>({\r\n    angle: orientation.angle ?? 0,\r\n    orientationType: orientation.type\r\n  });\r\n\r\n  useEffect(() => {\r\n    if (!supported) return;\r\n\r\n    const onOrientationChange = () =>\r\n      setValue({\r\n        angle: window.screen.orientation.angle,\r\n        orientationType: window.screen.orientation.type\r\n      });\r\n\r\n    window.addEventListener('orientationchange', onOrientationChange);\r\n    return () => {\r\n      window.removeEventListener('orientationchange', onOrientationChange);\r\n    };\r\n  }, []);\r\n\r\n  const lock = (type: OrientationLockType) => {\r\n    if (supported && typeof orientation.lock === 'function') return orientation.lock(type);\r\n  };\r\n\r\n  const unlock = () => {\r\n    if (supported && typeof orientation.unlock === 'function') orientation.unlock();\r\n  };\r\n\r\n  return {\r\n    supported,\r\n    value,\r\n    lock,\r\n    unlock\r\n  };\r\n};\r\n"],"names":["useOrientation","supported","orientation","value","setValue","useState","useEffect","onOrientationChange","type"],"mappings":";AAoDO,MAAMA,IAAiB,MAA4B;AACxD,QAAMC,IACJ,OAAO,SAAW,OAAe,YAAY,UAAU,iBAAiB,OAAO,QAC3EC,IAAeD,IAAY,OAAO,OAAO,cAAc,CAAA,GAEvD,CAACE,GAAOC,CAAQ,IAAIC,EAA8B;AAAA,IACtD,OAAOH,EAAY,SAAS;AAAA,IAC5B,iBAAiBA,EAAY;AAAA,EAAA,CAC9B;AAED,SAAAI,EAAU,MAAM;AACd,QAAI,CAACL,EAAW;AAEhB,UAAMM,IAAsB,MAC1BH,EAAS;AAAA,MACP,OAAO,OAAO,OAAO,YAAY;AAAA,MACjC,iBAAiB,OAAO,OAAO,YAAY;AAAA,IAAA,CAC5C;AAEH,kBAAO,iBAAiB,qBAAqBG,CAAmB,GACzD,MAAM;AACX,aAAO,oBAAoB,qBAAqBA,CAAmB;AAAA,IAAA;AAAA,EACrE,GACC,EAAE,GAUE;AAAA,IACL,WAAAN;AAAA,IACA,OAAAE;AAAA,IACA,MAXW,CAACK,MAA8B;AAC1C,UAAIP,KAAa,OAAOC,EAAY,QAAS,WAAY,QAAOA,EAAY,KAAKM,CAAI;AAAA,IAAA;AAAA,IAWrF,QARa,MAAM;AACnB,MAAIP,KAAa,OAAOC,EAAY,UAAW,gBAAwB,OAAA;AAAA,IAAO;AAAA,EAO9E;AAEJ;"}
+{"version":3,"file":"useOrientation.mjs","names":[],"sources":["../../../../src/hooks/useOrientation/useOrientation.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\r\n\r\ndeclare global {\r\n  interface ScreenOrientation {\r\n    lock: (orientation: OrientationLockType) => Promise<void>;\r\n  }\r\n}\r\n\r\n/* The use device orientation value type */\r\nexport interface UseOrientationValue {\r\n  /** The current angle */\r\n  angle: number;\r\n  /** The current orientation type */\r\n  orientationType?: OrientationType;\r\n}\r\n\r\n/* The screen lock orientation type */\r\nexport type OrientationLockType =\r\n  | 'any'\r\n  | 'landscape-primary'\r\n  | 'landscape-secondary'\r\n  | 'landscape'\r\n  | 'natural'\r\n  | 'portrait-primary'\r\n  | 'portrait-secondary'\r\n  | 'portrait';\r\n\r\n/* The use device orientation return type */\r\nexport interface useOrientationReturn {\r\n  /** Whether the screen orientation is supported */\r\n  supported: boolean;\r\n  /** The current screen orientation value */\r\n  value: UseOrientationValue;\r\n  /** Lock the screen orientation */\r\n  lock: (orientation: OrientationLockType) => void;\r\n  /** Unlock the screen orientation */\r\n  unlock: () => void;\r\n}\r\n\r\n/**\r\n * @name useOrientation\r\n * @description - Hook that provides the current screen orientation\r\n * @category Sensors\r\n * @usage low\r\n *\r\n * @browserapi screen.orientation https://developer.mozilla.org/en-US/docs/Web/API/Screen/orientation\r\n *\r\n * @returns {useOrientationReturn} The current screen orientation\r\n *\r\n * @example\r\n * const { supported, value, lock, unlock } = useOrientation();\r\n */\r\nexport const useOrientation = (): useOrientationReturn => {\r\n  const supported =\r\n    typeof window !== 'undefined' && 'screen' in window && 'orientation' in window.screen;\r\n  const orientation = (supported ? window.screen.orientation : {}) as ScreenOrientation;\r\n\r\n  const [value, setValue] = useState<UseOrientationValue>({\r\n    angle: orientation.angle ?? 0,\r\n    orientationType: orientation.type\r\n  });\r\n\r\n  useEffect(() => {\r\n    if (!supported) return;\r\n\r\n    const onOrientationChange = () =>\r\n      setValue({\r\n        angle: window.screen.orientation.angle,\r\n        orientationType: window.screen.orientation.type\r\n      });\r\n\r\n    window.addEventListener('orientationchange', onOrientationChange);\r\n    return () => {\r\n      window.removeEventListener('orientationchange', onOrientationChange);\r\n    };\r\n  }, []);\r\n\r\n  const lock = (type: OrientationLockType) => {\r\n    if (supported && typeof orientation.lock === 'function') return orientation.lock(type);\r\n  };\r\n\r\n  const unlock = () => {\r\n    if (supported && typeof orientation.unlock === 'function') orientation.unlock();\r\n  };\r\n\r\n  return {\r\n    supported,\r\n    value,\r\n    lock,\r\n    unlock\r\n  };\r\n};\r\n"],"mappings":";;AAoDA,IAAa,UAA6C;CACxD,IAAM,IACJ,OAAO,SAAW,OAAe,YAAY,UAAU,iBAAiB,OAAO,QAC3E,IAAe,IAAY,OAAO,OAAO,cAAc,EAAE,EAEzD,CAAC,GAAO,KAAY,EAA8B;EACtD,OAAO,EAAY,SAAS;EAC5B,iBAAiB,EAAY;EAC9B,CAAC;AAyBF,QAvBA,QAAgB;AACd,MAAI,CAAC,EAAW;EAEhB,IAAM,UACJ,EAAS;GACP,OAAO,OAAO,OAAO,YAAY;GACjC,iBAAiB,OAAO,OAAO,YAAY;GAC5C,CAAC;AAGJ,SADA,OAAO,iBAAiB,qBAAqB,EAAoB,QACpD;AACX,UAAO,oBAAoB,qBAAqB,EAAoB;;IAErE,EAAE,CAAC,EAUC;EACL;EACA;EACA,OAXY,MAA8B;AAC1C,OAAI,KAAa,OAAO,EAAY,QAAS,WAAY,QAAO,EAAY,KAAK,EAAK;;EAWtF,cARmB;AACnB,GAAI,KAAa,OAAO,EAAY,UAAW,cAAY,EAAY,QAAQ;;EAQhF"}

package/dist/esm/hooks/useOtpCredential/useOtpCredential.mjs

@@ -1,26 +1,29 @@
-import { useRef as c } from "react";
-const l = ((...o) => {
-  const e = typeof navigator < "u" && "OTPCredential" in navigator && !!navigator.OTPCredential, n = typeof o[0] == "object" ? o[0] : {
-    onSuccess: o[0]
-  }, t = c(new AbortController());
-  return { supported: e, abort: () => {
-    t.current.abort(), t.current = new AbortController();
-  }, get: async () => {
-    if (e) {
-      t.current = new AbortController();
-      try {
-        const r = await navigator.credentials.get({
-          otp: { transport: ["sms"] },
-          signal: t.current.signal
-        });
-        return n.onSuccess?.(r), r;
-      } catch (r) {
-        n.onError?.(r);
-      }
-    }
-  } };
+import { useRef as e } from "react";
+//#region src/hooks/useOtpCredential/useOtpCredential.ts
+var t = ((...t) => {
+	let n = typeof navigator < "u" && "OTPCredential" in navigator && !!navigator.OTPCredential, r = typeof t[0] == "object" ? t[0] : { onSuccess: t[0] }, i = e(new AbortController());
+	return {
+		supported: n,
+		abort: () => {
+			i.current.abort(), i.current = new AbortController();
+		},
+		get: async () => {
+			if (n) {
+				i.current = new AbortController();
+				try {
+					let e = await navigator.credentials.get({
+						otp: { transport: ["sms"] },
+						signal: i.current.signal
+					});
+					return r.onSuccess?.(e), e;
+				} catch (e) {
+					r.onError?.(e);
+				}
+			}
+		}
+	};
 });
-export {
-  l as useOtpCredential
-};
-//# sourceMappingURL=useOtpCredential.mjs.map
+//#endregion
+export { t as useOtpCredential };
+
+//# sourceMappingURL=useOtpCredential.mjs.map

package/dist/esm/hooks/useOtpCredential/useOtpCredential.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useOtpCredential.mjs","sources":["../../../../src/hooks/useOtpCredential/useOtpCredential.ts"],"sourcesContent":["import { useRef } from 'react';\r\n\r\ndeclare global {\r\n  interface OTPOptions {\r\n    readonly transport: string[];\r\n  }\r\n\r\n  interface CredentialRequestOptions {\r\n    readonly otp: OTPOptions;\r\n  }\r\n\r\n  interface Credential {\r\n    readonly code: string;\r\n  }\r\n}\r\n\r\n/* The use otp credential callback type */\r\nexport type UseOtpCredentialCallback = (otp: Credential | null) => void;\r\n\r\n/* The use otp credential options type */\r\nexport interface UseOtpCredentialParams {\r\n  /* The callback function to be invoked on error */\r\n  onError?: (error: any) => void;\r\n  /* The callback function to be invoked on success */\r\n  onSuccess?: (credential: Credential | null) => void;\r\n}\r\n\r\n/* The use otp credential return type */\r\nexport interface UseOtpCredentialReturn {\r\n  /* The abort function */\r\n  abort: AbortController['abort'];\r\n  /* The supported state of the otp credential */\r\n  supported: boolean;\r\n  /* The get otp credential function */\r\n  get: () => Promise<Credential | null>;\r\n}\r\n\r\nexport interface UseOtpCredential {\r\n  (callback?: UseOtpCredentialCallback): UseOtpCredentialReturn;\r\n\r\n  (params?: UseOtpCredentialParams): UseOtpCredentialReturn;\r\n}\r\n\r\n/**\r\n * @name useOtpCredential\r\n * @description - Hook that creates an otp credential\r\n * @category Browser\r\n * @usage low\r\n *\r\n * @browserapi navigator.credentials https://developer.mozilla.org/en-US/docs/Web/API/Navigator/credentials\r\n *\r\n * @overload\r\n * @param {UseOtpCredentialCallback} callback The callback function to be invoked\r\n * @returns {UseOtpCredentialReturn}\r\n *\r\n * @example\r\n * useOtpCredential((credential) => console.log(credential));\r\n *\r\n * @overload\r\n * @param {UseOtpCredentialCallback} params.onSuccess The callback function to be invoked on success\r\n * @param {UseOtpCredentialCallback} params.onError The callback function to be invoked on error\r\n * @returns {UseOtpCredentialReturn}\r\n *\r\n * @example\r\n * useOtpCredential({ onSuccess: (credential) => console.log(credential), onError: (error) => console.log(error) });\r\n */\r\nexport const useOtpCredential = ((...params: any[]) => {\r\n  const supported =\r\n    typeof navigator !== 'undefined' && 'OTPCredential' in navigator && !!navigator.OTPCredential;\r\n\r\n  const options =\r\n    typeof params[0] === 'object'\r\n      ? params[0]\r\n      : {\r\n          onSuccess: params[0]\r\n        };\r\n\r\n  const abortControllerRef = useRef<AbortController>(new AbortController());\r\n\r\n  const get = async () => {\r\n    if (!supported) return;\r\n\r\n    abortControllerRef.current = new AbortController();\r\n    try {\r\n      const credential = await navigator.credentials.get({\r\n        otp: { transport: ['sms'] },\r\n        signal: abortControllerRef.current.signal\r\n      });\r\n      options.onSuccess?.(credential);\r\n\r\n      return credential;\r\n    } catch (error) {\r\n      options.onError?.(error);\r\n    }\r\n  };\r\n\r\n  const abort = () => {\r\n    abortControllerRef.current.abort();\r\n    abortControllerRef.current = new AbortController();\r\n  };\r\n\r\n  return { supported, abort, get };\r\n}) as UseOtpCredential;\r\n"],"names":["useOtpCredential","params","supported","options","abortControllerRef","useRef","credential","error"],"mappings":";AAkEO,MAAMA,KAAoB,IAAIC,MAAkB;AACrD,QAAMC,IACJ,OAAO,YAAc,OAAe,mBAAmB,aAAa,CAAC,CAAC,UAAU,eAE5EC,IACJ,OAAOF,EAAO,CAAC,KAAM,WACjBA,EAAO,CAAC,IACR;AAAA,IACE,WAAWA,EAAO,CAAC;AAAA,EAAA,GAGrBG,IAAqBC,EAAwB,IAAI,iBAAiB;AAwBxE,SAAO,EAAE,WAAAH,GAAW,OALN,MAAM;AAClB,IAAAE,EAAmB,QAAQ,MAAA,GAC3BA,EAAmB,UAAU,IAAI,gBAAA;AAAA,EAAgB,GAGxB,KAtBf,YAAY;AACtB,QAAKF,GAEL;AAAA,MAAAE,EAAmB,UAAU,IAAI,gBAAA;AACjC,UAAI;AACF,cAAME,IAAa,MAAM,UAAU,YAAY,IAAI;AAAA,UACjD,KAAK,EAAE,WAAW,CAAC,KAAK,EAAA;AAAA,UACxB,QAAQF,EAAmB,QAAQ;AAAA,QAAA,CACpC;AACD,eAAAD,EAAQ,YAAYG,CAAU,GAEvBA;AAAA,MAAA,SACAC,GAAO;AACd,QAAAJ,EAAQ,UAAUI,CAAK;AAAA,MAAA;AAAA;AAAA,EACzB,EAQyB;AAC7B;"}
+{"version":3,"file":"useOtpCredential.mjs","names":[],"sources":["../../../../src/hooks/useOtpCredential/useOtpCredential.ts"],"sourcesContent":["import { useRef } from 'react';\r\n\r\ndeclare global {\r\n  interface OTPOptions {\r\n    readonly transport: string[];\r\n  }\r\n\r\n  interface CredentialRequestOptions {\r\n    readonly otp: OTPOptions;\r\n  }\r\n\r\n  interface Credential {\r\n    readonly code: string;\r\n  }\r\n}\r\n\r\n/* The use otp credential callback type */\r\nexport type UseOtpCredentialCallback = (otp: Credential | null) => void;\r\n\r\n/* The use otp credential options type */\r\nexport interface UseOtpCredentialParams {\r\n  /* The callback function to be invoked on error */\r\n  onError?: (error: any) => void;\r\n  /* The callback function to be invoked on success */\r\n  onSuccess?: (credential: Credential | null) => void;\r\n}\r\n\r\n/* The use otp credential return type */\r\nexport interface UseOtpCredentialReturn {\r\n  /* The abort function */\r\n  abort: AbortController['abort'];\r\n  /* The supported state of the otp credential */\r\n  supported: boolean;\r\n  /* The get otp credential function */\r\n  get: () => Promise<Credential | null>;\r\n}\r\n\r\nexport interface UseOtpCredential {\r\n  (callback?: UseOtpCredentialCallback): UseOtpCredentialReturn;\r\n\r\n  (params?: UseOtpCredentialParams): UseOtpCredentialReturn;\r\n}\r\n\r\n/**\r\n * @name useOtpCredential\r\n * @description - Hook that creates an otp credential\r\n * @category Browser\r\n * @usage low\r\n *\r\n * @browserapi navigator.credentials https://developer.mozilla.org/en-US/docs/Web/API/Navigator/credentials\r\n *\r\n * @overload\r\n * @param {UseOtpCredentialCallback} callback The callback function to be invoked\r\n * @returns {UseOtpCredentialReturn}\r\n *\r\n * @example\r\n * useOtpCredential((credential) => console.log(credential));\r\n *\r\n * @overload\r\n * @param {UseOtpCredentialCallback} params.onSuccess The callback function to be invoked on success\r\n * @param {UseOtpCredentialCallback} params.onError The callback function to be invoked on error\r\n * @returns {UseOtpCredentialReturn}\r\n *\r\n * @example\r\n * useOtpCredential({ onSuccess: (credential) => console.log(credential), onError: (error) => console.log(error) });\r\n */\r\nexport const useOtpCredential = ((...params: any[]) => {\r\n  const supported =\r\n    typeof navigator !== 'undefined' && 'OTPCredential' in navigator && !!navigator.OTPCredential;\r\n\r\n  const options =\r\n    typeof params[0] === 'object'\r\n      ? params[0]\r\n      : {\r\n          onSuccess: params[0]\r\n        };\r\n\r\n  const abortControllerRef = useRef<AbortController>(new AbortController());\r\n\r\n  const get = async () => {\r\n    if (!supported) return;\r\n\r\n    abortControllerRef.current = new AbortController();\r\n    try {\r\n      const credential = await navigator.credentials.get({\r\n        otp: { transport: ['sms'] },\r\n        signal: abortControllerRef.current.signal\r\n      });\r\n      options.onSuccess?.(credential);\r\n\r\n      return credential;\r\n    } catch (error) {\r\n      options.onError?.(error);\r\n    }\r\n  };\r\n\r\n  const abort = () => {\r\n    abortControllerRef.current.abort();\r\n    abortControllerRef.current = new AbortController();\r\n  };\r\n\r\n  return { supported, abort, get };\r\n}) as UseOtpCredential;\r\n"],"mappings":";;AAkEA,IAAa,MAAqB,GAAG,MAAkB;CACrD,IAAM,IACJ,OAAO,YAAc,OAAe,mBAAmB,aAAa,CAAC,CAAC,UAAU,eAE5E,IACJ,OAAO,EAAO,MAAO,WACjB,EAAO,KACP,EACE,WAAW,EAAO,IACnB,EAED,IAAqB,EAAwB,IAAI,iBAAiB,CAAC;AAwBzE,QAAO;EAAE;EAAW,aALA;AAElB,GADA,EAAmB,QAAQ,OAAO,EAClC,EAAmB,UAAU,IAAI,iBAAiB;;EAGzB,KAtBf,YAAY;AACjB,UAEL;MAAmB,UAAU,IAAI,iBAAiB;AAClD,QAAI;KACF,IAAM,IAAa,MAAM,UAAU,YAAY,IAAI;MACjD,KAAK,EAAE,WAAW,CAAC,MAAM,EAAE;MAC3B,QAAQ,EAAmB,QAAQ;MACpC,CAAC;AAGF,YAFA,EAAQ,YAAY,EAAW,EAExB;aACA,GAAO;AACd,OAAQ,UAAU,EAAM;;;;EASI"}

package/dist/esm/hooks/usePageLeave/usePageLeave.mjs

@@ -1,15 +1,16 @@
-import { useState as r, useEffect as o } from "react";
-import { useEvent as u } from "../useEvent/useEvent.mjs";
-const a = (n) => {
-  const [t, s] = r(!1), e = u(() => {
-    if (t) return s(!1);
-    n?.(), s(!0);
-  });
-  return o(() => (document.addEventListener("mouseleave", e, { passive: !0 }), document.addEventListener("mouseenter", e, { passive: !0 }), () => {
-    document.removeEventListener("mouseenter", e), document.removeEventListener("mouseleave", e);
-  }), []), t;
+import { useEvent as e } from "../useEvent/useEvent.mjs";
+import { useEffect as t, useState as n } from "react";
+//#region src/hooks/usePageLeave/usePageLeave.ts
+var r = (r) => {
+	let [i, a] = n(!1), o = e(() => {
+		if (i) return a(!1);
+		r?.(), a(!0);
+	});
+	return t(() => (document.addEventListener("mouseleave", o, { passive: !0 }), document.addEventListener("mouseenter", o, { passive: !0 }), () => {
+		document.removeEventListener("mouseenter", o), document.removeEventListener("mouseleave", o);
+	}), []), i;
 };
-export {
-  a as usePageLeave
-};
-//# sourceMappingURL=usePageLeave.mjs.map
+//#endregion
+export { r as usePageLeave };
+
+//# sourceMappingURL=usePageLeave.mjs.map

package/dist/esm/hooks/usePageLeave/usePageLeave.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"usePageLeave.mjs","sources":["../../../../src/hooks/usePageLeave/usePageLeave.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { useEvent } from '../useEvent/useEvent';\n\n/**\n * @name usePageLeave\n * @description - Hook what calls given function when mouse leaves the page\n * @category Sensors\n * @usage low\n *\n * @param {() => void} [callback] The callback function what calls then mouse leaves the page\n * @returns {boolean} A boolean which determines if the mouse left the page\n *\n * @example\n * const isLeft = usePageLeave(() => console.log('on leave'))\n */\nexport const usePageLeave = (callback?: () => void) => {\n  const [isLeft, setIsLeft] = useState(false);\n\n  const onMouse = useEvent(() => {\n    if (isLeft) return setIsLeft(false);\n    callback?.();\n    setIsLeft(true);\n  });\n\n  useEffect(() => {\n    document.addEventListener('mouseleave', onMouse, { passive: true });\n    document.addEventListener('mouseenter', onMouse, { passive: true });\n\n    return () => {\n      document.removeEventListener('mouseenter', onMouse);\n      document.removeEventListener('mouseleave', onMouse);\n    };\n  }, []);\n\n  return isLeft;\n};\n"],"names":["usePageLeave","callback","isLeft","setIsLeft","useState","onMouse","useEvent","useEffect"],"mappings":";;AAgBO,MAAMA,IAAe,CAACC,MAA0B;AACrD,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GAEpCC,IAAUC,EAAS,MAAM;AAC7B,QAAIJ,EAAQ,QAAOC,EAAU,EAAK;AAClC,IAAAF,IAAA,GACAE,EAAU,EAAI;AAAA,EAAA,CACf;AAED,SAAAI,EAAU,OACR,SAAS,iBAAiB,cAAcF,GAAS,EAAE,SAAS,IAAM,GAClE,SAAS,iBAAiB,cAAcA,GAAS,EAAE,SAAS,IAAM,GAE3D,MAAM;AACX,aAAS,oBAAoB,cAAcA,CAAO,GAClD,SAAS,oBAAoB,cAAcA,CAAO;AAAA,EAAA,IAEnD,EAAE,GAEEH;AACT;"}
+{"version":3,"file":"usePageLeave.mjs","names":[],"sources":["../../../../src/hooks/usePageLeave/usePageLeave.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { useEvent } from '../useEvent/useEvent';\n\n/**\n * @name usePageLeave\n * @description - Hook what calls given function when mouse leaves the page\n * @category Sensors\n * @usage low\n *\n * @param {() => void} [callback] The callback function what calls then mouse leaves the page\n * @returns {boolean} A boolean which determines if the mouse left the page\n *\n * @example\n * const isLeft = usePageLeave(() => console.log('on leave'))\n */\nexport const usePageLeave = (callback?: () => void) => {\n  const [isLeft, setIsLeft] = useState(false);\n\n  const onMouse = useEvent(() => {\n    if (isLeft) return setIsLeft(false);\n    callback?.();\n    setIsLeft(true);\n  });\n\n  useEffect(() => {\n    document.addEventListener('mouseleave', onMouse, { passive: true });\n    document.addEventListener('mouseenter', onMouse, { passive: true });\n\n    return () => {\n      document.removeEventListener('mouseenter', onMouse);\n      document.removeEventListener('mouseleave', onMouse);\n    };\n  }, []);\n\n  return isLeft;\n};\n"],"mappings":";;;AAgBA,IAAa,KAAgB,MAA0B;CACrD,IAAM,CAAC,GAAQ,KAAa,EAAS,GAAM,EAErC,IAAU,QAAe;AAC7B,MAAI,EAAQ,QAAO,EAAU,GAAM;AAEnC,EADA,KAAY,EACZ,EAAU,GAAK;GACf;AAYF,QAVA,SACE,SAAS,iBAAiB,cAAc,GAAS,EAAE,SAAS,IAAM,CAAC,EACnE,SAAS,iBAAiB,cAAc,GAAS,EAAE,SAAS,IAAM,CAAC,QAEtD;AAEX,EADA,SAAS,oBAAoB,cAAc,EAAQ,EACnD,SAAS,oBAAoB,cAAc,EAAQ;KAEpD,EAAE,CAAC,EAEC"}