@siberiacancode/reactuse 0.0.114 → 0.0.115

package/dist/esm/hooks/useParallax/useParallax.mjs

@@ -1,94 +1,99 @@
-import { useState as h, useEffect as k } from "react";
-import { useDeviceOrientation as R } from "../useDeviceOrientation/useDeviceOrientation.mjs";
-import { useMouse as T } from "../useMouse/useMouse.mjs";
-import { useRefState as x } from "../useRefState/useRefState.mjs";
-import { useScreenOrientation as j } from "../useScreenOrientation/useScreenOrientation.mjs";
-import { isTarget as w } from "../../utils/helpers/isTarget.mjs";
-const E = (...r) => {
-  const u = w(r[0]) ? r[0] : void 0, v = r[1] ? r[1] : r[0], c = x(), a = T(u ?? c), i = j(), t = R(), {
-    deviceOrientationRollAdjust: d = (n) => n,
-    deviceOrientationTiltAdjust: p = (n) => n,
-    mouseRollAdjust: f = (n) => n,
-    mouseTiltAdjust: g = (n) => n
-  } = v ?? {}, [m, b] = h({
+import { useState as x, useEffect as B } from "react";
+import { useDeviceOrientation as C } from "../useDeviceOrientation/useDeviceOrientation.mjs";
+import { useRefState as D } from "../useRefState/useRefState.mjs";
+import { useScreenOrientation as P } from "../useScreenOrientation/useScreenOrientation.mjs";
+import { isTarget as X } from "../../utils/helpers/isTarget.mjs";
+import { getElement as Y } from "../../utils/helpers/getElement.mjs";
+const G = (...a) => {
+  const n = X(a[0]) ? a[0] : void 0, p = a[1] ? a[1] : a[0], i = D(), s = P(), e = C(), {
+    deviceOrientationRollAdjust: g = (o) => o,
+    deviceOrientationTiltAdjust: f = (o) => o,
+    mouseRollAdjust: b = (o) => o,
+    mouseTiltAdjust: y = (o) => o
+  } = p ?? {}, [u, O] = x({
     roll: 0,
     tilt: 0,
     source: "mouse"
-  }), s = () => t.supported && (t.value.alpha || t.value.gamma) ? "deviceOrientation" : "mouse", y = () => {
-    if (s() === "deviceOrientation") {
-      let e;
-      switch (i.value.orientationType) {
-        case "landscape-primary":
-          e = t.value.gamma / 90;
-          break;
-        case "landscape-secondary":
-          e = -t.value.gamma / 90;
-          break;
-        case "portrait-primary":
-          e = -t.value.beta / 90;
-          break;
-        case "portrait-secondary":
-          e = t.value.beta / 90;
-          break;
-        default:
-          e = -t.value.beta / 90;
-      }
-      return d(e);
-    } else {
-      if (!a.element) return 0;
-      const e = a.y - a.elementPositionY, o = a.element.getBoundingClientRect().height, l = -(e - o / 2) / o;
-      return f(l);
-    }
-  }, O = () => {
-    if (s() === "deviceOrientation") {
-      let e;
-      switch (i.value.orientationType) {
-        case "landscape-primary":
-          e = t.value.beta / 90;
-          break;
-        case "landscape-secondary":
-          e = -t.value.beta / 90;
-          break;
-        case "portrait-primary":
-          e = t.value.gamma / 90;
-          break;
-        case "portrait-secondary":
-          e = -t.value.gamma / 90;
-          break;
-        default:
-          e = t.value.gamma / 90;
-      }
-      return p(e);
-    } else {
-      if (!a.element) return 0;
-      const e = a.x - a.elementPositionX, o = a.element.getBoundingClientRect().width, l = (e - o / 2) / o;
-      return g(l);
-    }
-  };
-  return k(() => {
-    if (!a.element) return;
-    const n = s(), e = y(), o = O();
-    b({
-      roll: e,
-      source: n,
-      tilt: o
-    });
+  });
+  return B(() => {
+    if (!n && !i.state) return;
+    const o = n ? Y(n) : i.current;
+    if (!o) return;
+    console.log("element", o);
+    const m = (v) => {
+      const { left: h, top: k } = o.getBoundingClientRect(), w = h + window.scrollX, R = k + window.scrollY, c = () => e.supported && (e.value.alpha || e.value.gamma) ? "deviceOrientation" : "mouse", T = () => {
+        if (c() === "deviceOrientation") {
+          let t;
+          switch (s.value.orientationType) {
+            case "landscape-primary":
+              t = e.value.gamma / 90;
+              break;
+            case "landscape-secondary":
+              t = -e.value.gamma / 90;
+              break;
+            case "portrait-primary":
+              t = -e.value.beta / 90;
+              break;
+            case "portrait-secondary":
+              t = e.value.beta / 90;
+              break;
+            default:
+              t = -e.value.beta / 90;
+          }
+          return g(t);
+        } else {
+          const t = v.pageY - R, r = o.getBoundingClientRect().height, l = -(t - r / 2) / r;
+          return b(l);
+        }
+      }, j = () => {
+        if (c() === "deviceOrientation") {
+          let t;
+          switch (s.value.orientationType) {
+            case "landscape-primary":
+              t = e.value.beta / 90;
+              break;
+            case "landscape-secondary":
+              t = -e.value.beta / 90;
+              break;
+            case "portrait-primary":
+              t = e.value.gamma / 90;
+              break;
+            case "portrait-secondary":
+              t = -e.value.gamma / 90;
+              break;
+            default:
+              t = e.value.gamma / 90;
+          }
+          return f(t);
+        } else {
+          const t = v.pageX - w, r = o.getBoundingClientRect().width, l = (t - r / 2) / r;
+          return y(l);
+        }
+      }, A = c(), E = T(), S = j();
+      O({
+        roll: E,
+        source: A,
+        tilt: S
+      });
+    };
+    return document.addEventListener("mousemove", m), () => {
+      document.removeEventListener("mousemove", m);
+    };
   }, [
-    i.value.angle,
-    i.value.orientationType,
-    t.value.gamma,
-    t.value.beta,
-    t.value.alpha,
-    t.value.absolute,
-    a.x,
-    a.y,
-    a.element
-  ]), u ? { value: m } : {
-    ref: c,
-    value: m
+    n,
+    i.state,
+    s.value.angle,
+    s.value.orientationType,
+    e.value.gamma,
+    e.value.beta,
+    e.value.alpha,
+    e.value.absolute
+  ]), n ? { value: u } : {
+    ref: i,
+    value: u
   };
 };
 export {
-  E as useParallax
+  G as useParallax
 };
 //# sourceMappingURL=useParallax.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useParallax.mjs","sources":["../../../../src/hooks/useParallax/useParallax.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useDeviceOrientation } from '../useDeviceOrientation/useDeviceOrientation';\nimport { useMouse } from '../useMouse/useMouse';\nimport { useRefState } from '../useRefState/useRefState';\nimport { useScreenOrientation } from '../useScreenOrientation/useScreenOrientation';\n\n/** The use parallax value type */\nexport interface UseParallaxValue {\n  /** Roll value. Scaled to `-0.5 ~ 0.5` */\n  roll: number;\n  /** Sensor source, can be `mouse` or `deviceOrientation` */\n  source: 'deviceOrientation' | 'mouse';\n  /** Tilt value. Scaled to `-0.5 ~ 0.5` */\n  tilt: number;\n}\n\n/** The use parallax options type */\nexport interface UseParallaxOptions {\n  /** Device orientation roll adjust function */\n  deviceOrientationRollAdjust?: (value: number) => number;\n  /** Device orientation tilt adjust function */\n  deviceOrientationTiltAdjust?: (value: number) => number;\n  /** Mouse roll adjust function */\n  mouseRollAdjust?: (value: number) => number;\n  /** Mouse tilt adjust function */\n  mouseTiltAdjust?: (value: number) => number;\n}\n\ninterface UseParallaxReturn {\n  value: UseParallaxValue;\n}\n\nexport interface UseParallax {\n  (target: HookTarget, options?: UseParallaxOptions): UseParallaxReturn;\n\n  <Target extends Element>(\n    options?: UseParallaxOptions,\n    target?: never\n  ): UseParallaxReturn & {\n    ref: StateRef<Target>;\n  };\n}\n\n/**\n * @name useParallax\n * @description - Hook to help create parallax effect\n * @category Sensors\n *\n * @overload\n * @param {HookTarget} target The target element for the parallax effect\n * @param {UseParallaxOptions} options The options for the parallax effect\n * @returns {UseParallaxReturn} An object of parallax values\n *\n * @example\n * const { value } = useParallax(ref);\n *\n * @overload\n * @template Target The target element for the parallax effect\n * @param {UseParallaxOptions} options The options for the parallax effect\n * @returns {UseParallaxReturn & { ref: StateRef<Target> }} An object of parallax values\n *\n * @example\n * const { ref, value } = useParallax();\n */\nexport const useParallax = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const options = (params[1] ? params[1] : params[0]) as UseParallaxOptions | undefined;\n\n  const internalRef = useRefState<Element>();\n\n  const mouse = useMouse(target ?? internalRef);\n  const screenOrientation = useScreenOrientation();\n  const deviceOrientation = useDeviceOrientation();\n\n  const {\n    deviceOrientationRollAdjust = (value) => value,\n    deviceOrientationTiltAdjust = (value) => value,\n    mouseRollAdjust = (value) => value,\n    mouseTiltAdjust = (value) => value\n  } = (options ?? {}) as UseParallaxOptions;\n\n  const [value, setValue] = useState({\n    roll: 0,\n    tilt: 0,\n    source: 'mouse'\n  });\n\n  const getSource = () => {\n    const isDeviceOrientation =\n      deviceOrientation.supported &&\n      (deviceOrientation.value.alpha || deviceOrientation.value.gamma);\n\n    if (isDeviceOrientation) return 'deviceOrientation';\n    return 'mouse';\n  };\n\n  const getRoll = () => {\n    const source = getSource();\n    if (source === 'deviceOrientation') {\n      let value: number;\n      switch (screenOrientation.value.orientationType) {\n        case 'landscape-primary':\n          value = deviceOrientation.value.gamma! / 90;\n          break;\n        case 'landscape-secondary':\n          value = -deviceOrientation.value.gamma! / 90;\n          break;\n        case 'portrait-primary':\n          value = -deviceOrientation.value.beta! / 90;\n          break;\n        case 'portrait-secondary':\n          value = deviceOrientation.value.beta! / 90;\n          break;\n        default:\n          value = -deviceOrientation.value.beta! / 90;\n      }\n      return deviceOrientationRollAdjust(value);\n    } else {\n      if (!mouse.element) return 0;\n      const y = mouse.y - mouse.elementPositionY;\n      const height = mouse.element.getBoundingClientRect().height;\n      const value = -(y - height / 2) / height;\n      return mouseRollAdjust(value);\n    }\n  };\n\n  const getTilt = () => {\n    const source = getSource();\n    if (source === 'deviceOrientation') {\n      let value: number;\n      switch (screenOrientation.value.orientationType) {\n        case 'landscape-primary':\n          value = deviceOrientation.value.beta! / 90;\n          break;\n        case 'landscape-secondary':\n          value = -deviceOrientation.value.beta! / 90;\n          break;\n        case 'portrait-primary':\n          value = deviceOrientation.value.gamma! / 90;\n          break;\n        case 'portrait-secondary':\n          value = -deviceOrientation.value.gamma! / 90;\n          break;\n        default:\n          value = deviceOrientation.value.gamma! / 90;\n      }\n      return deviceOrientationTiltAdjust(value);\n    } else {\n      if (!mouse.element) return 0;\n      const x = mouse.x - mouse.elementPositionX;\n      const width = mouse.element.getBoundingClientRect().width;\n      const value = (x - width / 2) / width;\n      return mouseTiltAdjust(value);\n    }\n  };\n\n  useEffect(() => {\n    if (!mouse.element) return;\n\n    const source = getSource();\n    const roll = getRoll();\n    const tilt = getTilt();\n\n    setValue({\n      roll,\n      source,\n      tilt\n    });\n  }, [\n    screenOrientation.value.angle,\n    screenOrientation.value.orientationType,\n    deviceOrientation.value.gamma,\n    deviceOrientation.value.beta,\n    deviceOrientation.value.alpha,\n    deviceOrientation.value.absolute,\n    mouse.x,\n    mouse.y,\n    mouse.element\n  ]);\n\n  if (target) return { value };\n\n  return {\n    ref: internalRef,\n    value\n  };\n}) as UseParallax;\n"],"names":["useParallax","params","target","isTarget","options","internalRef","useRefState","mouse","useMouse","screenOrientation","useScreenOrientation","deviceOrientation","useDeviceOrientation","deviceOrientationRollAdjust","value","deviceOrientationTiltAdjust","mouseRollAdjust","mouseTiltAdjust","setValue","useState","getSource","getRoll","y","height","getTilt","x","width","useEffect","source","roll","tilt"],"mappings":"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"}
+{"version":3,"file":"useParallax.mjs","sources":["../../../../src/hooks/useParallax/useParallax.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { getElement, isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useDeviceOrientation } from '../useDeviceOrientation/useDeviceOrientation';\nimport { useRefState } from '../useRefState/useRefState';\nimport { useScreenOrientation } from '../useScreenOrientation/useScreenOrientation';\n\n/** The use parallax value type */\nexport interface UseParallaxValue {\n  /** Roll value. Scaled to `-0.5 ~ 0.5` */\n  roll: number;\n  /** Sensor source, can be `mouse` or `deviceOrientation` */\n  source: 'deviceOrientation' | 'mouse';\n  /** Tilt value. Scaled to `-0.5 ~ 0.5` */\n  tilt: number;\n}\n\n/** The use parallax options type */\nexport interface UseParallaxOptions {\n  /** Device orientation roll adjust function */\n  deviceOrientationRollAdjust?: (value: number) => number;\n  /** Device orientation tilt adjust function */\n  deviceOrientationTiltAdjust?: (value: number) => number;\n  /** Mouse roll adjust function */\n  mouseRollAdjust?: (value: number) => number;\n  /** Mouse tilt adjust function */\n  mouseTiltAdjust?: (value: number) => number;\n}\n\ninterface UseParallaxReturn {\n  value: UseParallaxValue;\n}\n\nexport interface UseParallax {\n  (target: HookTarget, options?: UseParallaxOptions): UseParallaxReturn;\n\n  <Target extends Element>(\n    options?: UseParallaxOptions,\n    target?: never\n  ): UseParallaxReturn & {\n    ref: StateRef<Target>;\n  };\n}\n\n/**\n * @name useParallax\n * @description - Hook to help create parallax effect\n * @category Sensors\n *\n * @overload\n * @param {HookTarget} target The target element for the parallax effect\n * @param {UseParallaxOptions} options The options for the parallax effect\n * @returns {UseParallaxReturn} An object of parallax values\n *\n * @example\n * const { value } = useParallax(ref);\n *\n * @overload\n * @template Target The target element for the parallax effect\n * @param {UseParallaxOptions} options The options for the parallax effect\n * @returns {UseParallaxReturn & { ref: StateRef<Target> }} An object of parallax values\n *\n * @example\n * const { ref, value } = useParallax();\n */\nexport const useParallax = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const options = (params[1] ? params[1] : params[0]) as UseParallaxOptions | undefined;\n\n  const internalRef = useRefState<Element>();\n\n  const screenOrientation = useScreenOrientation();\n  const deviceOrientation = useDeviceOrientation();\n\n  const {\n    deviceOrientationRollAdjust = (value) => value,\n    deviceOrientationTiltAdjust = (value) => value,\n    mouseRollAdjust = (value) => value,\n    mouseTiltAdjust = (value) => value\n  } = (options ?? {}) as UseParallaxOptions;\n\n  const [value, setValue] = useState({\n    roll: 0,\n    tilt: 0,\n    source: 'mouse'\n  });\n\n  useEffect(() => {\n    if (!target && !internalRef.state) return;\n\n    const element = (target ? getElement(target) : internalRef.current) as Element;\n    if (!element) return;\n\n    console.log('element', element);\n    const onMouseMove = (event: MouseEvent) => {\n      const { left, top } = element.getBoundingClientRect();\n      const elementPositionX = left + window.scrollX;\n      const elementPositionY = top + window.scrollY;\n\n      const getSource = () => {\n        const isDeviceOrientation =\n          deviceOrientation.supported &&\n          (deviceOrientation.value.alpha || deviceOrientation.value.gamma);\n\n        if (isDeviceOrientation) return 'deviceOrientation';\n        return 'mouse';\n      };\n\n      const getRoll = () => {\n        const source = getSource();\n        if (source === 'deviceOrientation') {\n          let value: number;\n          switch (screenOrientation.value.orientationType) {\n            case 'landscape-primary':\n              value = deviceOrientation.value.gamma! / 90;\n              break;\n            case 'landscape-secondary':\n              value = -deviceOrientation.value.gamma! / 90;\n              break;\n            case 'portrait-primary':\n              value = -deviceOrientation.value.beta! / 90;\n              break;\n            case 'portrait-secondary':\n              value = deviceOrientation.value.beta! / 90;\n              break;\n            default:\n              value = -deviceOrientation.value.beta! / 90;\n          }\n          return deviceOrientationRollAdjust(value);\n        } else {\n          const y = event.pageY - elementPositionY;\n          const height = element.getBoundingClientRect().height;\n          const value = -(y - height / 2) / height;\n          return mouseRollAdjust(value);\n        }\n      };\n\n      const getTilt = () => {\n        const source = getSource();\n        if (source === 'deviceOrientation') {\n          let value: number;\n          switch (screenOrientation.value.orientationType) {\n            case 'landscape-primary':\n              value = deviceOrientation.value.beta! / 90;\n              break;\n            case 'landscape-secondary':\n              value = -deviceOrientation.value.beta! / 90;\n              break;\n            case 'portrait-primary':\n              value = deviceOrientation.value.gamma! / 90;\n              break;\n            case 'portrait-secondary':\n              value = -deviceOrientation.value.gamma! / 90;\n              break;\n            default:\n              value = deviceOrientation.value.gamma! / 90;\n          }\n          return deviceOrientationTiltAdjust(value);\n        } else {\n          const x = event.pageX - elementPositionX;\n          const width = element.getBoundingClientRect().width;\n          const value = (x - width / 2) / width;\n          return mouseTiltAdjust(value);\n        }\n      };\n\n      const source = getSource();\n      const roll = getRoll();\n      const tilt = getTilt();\n\n      setValue({\n        roll,\n        source,\n        tilt\n      });\n    };\n\n    document.addEventListener('mousemove', onMouseMove);\n    return () => {\n      document.removeEventListener('mousemove', onMouseMove);\n    };\n  }, [\n    target,\n    internalRef.state,\n    screenOrientation.value.angle,\n    screenOrientation.value.orientationType,\n    deviceOrientation.value.gamma,\n    deviceOrientation.value.beta,\n    deviceOrientation.value.alpha,\n    deviceOrientation.value.absolute\n  ]);\n\n  if (target) return { value };\n\n  return {\n    ref: internalRef,\n    value\n  };\n}) as UseParallax;\n"],"names":["useParallax","params","target","isTarget","options","internalRef","useRefState","screenOrientation","useScreenOrientation","deviceOrientation","useDeviceOrientation","deviceOrientationRollAdjust","value","deviceOrientationTiltAdjust","mouseRollAdjust","mouseTiltAdjust","setValue","useState","useEffect","element","getElement","onMouseMove","event","left","top","elementPositionX","elementPositionY","getSource","getRoll","y","height","getTilt","x","width","source","roll","tilt"],"mappings":"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"}