@aiszlab/relax 1.2.36 → 1.2.38

package/dist/dom/index.js

@@ -0,0 +1,2 @@
+export { scrollTo } from './scroll-to.js';
+export { contains } from './contains.js';

package/dist/hooks/{use-controlled-state.mjs → use-controlled-state.js}

@@ -1,7 +1,7 @@
 import { useState } from 'react';
-import { isStateGetter } from '../is/is-state-getter.mjs';
-import { isUndefined } from '../is/is-undefined.mjs';
-import { useUpdateEffect } from './use-update-effect.mjs';
+import { isStateGetter } from '../is/is-state-getter.js';
+import { isUndefined } from '../is/is-undefined.js';
+import { useUpdateEffect } from './use-update-effect.js';
 
 /**
  * @author murukal

package/dist/hooks/{use-counter.mjs → use-counter.js}

@@ -1,6 +1,6 @@
 import { useState, useCallback, useMemo } from 'react';
-import { clamp } from '../utils/clamp.mjs';
-import { useDefault } from './use-default.mjs';
+import { clamp } from '../utils/clamp.js';
+import { useDefault } from './use-default.js';
 
 /**
  * @author murukal

package/dist/hooks/{use-debounce-callback.mjs → use-debounce-callback.js}

@@ -1,8 +1,8 @@
 import { useRef, useEffect, useMemo } from 'react';
-import { debounce } from '../utils/debounce.mjs';
-import { useEvent } from './use-event.mjs';
-import { isFunction } from '../is/is-function.mjs';
-import { useDefault } from './use-default.mjs';
+import { debounce } from '../utils/debounce.js';
+import { useEvent } from './use-event.js';
+import { isFunction } from '../is/is-function.js';
+import { useDefault } from './use-default.js';
 
 const useDebouncer = (debouncer) => {
     const _debouncer = useMemo(() => {

package/dist/hooks/{use-default.mjs → use-default.js}

@@ -1,5 +1,5 @@
 import { useMemo } from 'react';
-import { toFunction } from '../utils/to-function.mjs';
+import { toFunction } from '../utils/to-function.js';
 
 /**
  * @author murukal

package/dist/hooks/{use-focus.mjs → use-focus.js}

@@ -1,6 +1,6 @@
 import { useCallback } from 'react';
-import { useBoolean } from './use-boolean.mjs';
-import { chain } from '../utils/chain.mjs';
+import { useBoolean } from './use-boolean.js';
+import { chain } from '../utils/chain.js';
 
 const useFocus = (props) => {
     const [isFocused, { turnOn, turnOff }] = useBoolean(false);

package/dist/hooks/{use-hover.mjs → use-hover.js}

@@ -1,6 +1,6 @@
 import { useCallback } from 'react';
-import { useBoolean } from './use-boolean.mjs';
-import { chain } from '../utils/chain.mjs';
+import { useBoolean } from './use-boolean.js';
+import { chain } from '../utils/chain.js';
 
 const useHover = (props) => {
     const [isHovered, { turnOn, turnOff }] = useBoolean(false);

package/dist/hooks/{use-mount.mjs → use-mount.js}

@@ -1,5 +1,5 @@
 import { useLayoutEffect } from 'react';
-import { effect } from '../utils/effect.mjs';
+import { effect } from '../utils/effect.js';
 
 /**
  * @author murukal

package/dist/hooks/{use-mounted.mjs → use-mounted.js}

@@ -1,5 +1,5 @@
 import { useEffect } from 'react';
-import { effect } from '../utils/effect.mjs';
+import { effect } from '../utils/effect.js';
 
 /**
  * @author murukal

package/dist/hooks/{use-refs.mjs → use-refs.js}

@@ -1,5 +1,5 @@
 import { useMemo } from 'react';
-import { isFunction } from '../is/is-function.mjs';
+import { isFunction } from '../is/is-function.js';
 
 const mount = (ref, trigger) => {
     if (isFunction(ref)) {

package/dist/hooks/{use-scroll-locker.mjs → use-scroll-locker.js}

@@ -1,6 +1,6 @@
 import { useLayoutEffect } from 'react';
-import { isOverflow } from '../is/is-overflow.mjs';
-import { setStyle } from '../utils/set-style.mjs';
+import { isOverflow } from '../is/is-overflow.js';
+import { setStyle } from '../utils/set-style.js';
 
 class ScrollLocker {
     // singleton mode
@@ -41,7 +41,7 @@ class ScrollLocker {
         if (this.#locked.has(element))
             return;
         // if target is not scrollable, do not lock
-        if (element.scrollHeight <= element.clientHeight)
+        if (!isOverflow(element))
             return;
         this.#locked.set(element, setStyle(element, {
             overflow: 'hidden',

package/dist/hooks/{use-scrollable.mjs → use-scrollable.js}

@@ -1,5 +1,5 @@
 import { useRef, useCallback } from 'react';
-import { scrollTo } from '../dom/scroll-to.mjs';
+import { scrollTo } from '../dom/scroll-to.js';
 
 /**
  * @description

package/dist/hooks/{use-throttle-callback.mjs → use-throttle-callback.js}

@@ -1,8 +1,8 @@
 import { useRef, useEffect, useMemo } from 'react';
-import { throttle } from '../utils/throttle.mjs';
-import { useEvent } from './use-event.mjs';
-import { isFunction } from '../is/is-function.mjs';
-import { useDefault } from './use-default.mjs';
+import { throttle } from '../utils/throttle.js';
+import { useEvent } from './use-event.js';
+import { isFunction } from '../is/is-function.js';
+import { useDefault } from './use-default.js';
 
 const useThrottler = (debouncer) => {
     const _debouncer = useMemo(() => {

package/dist/hooks/{use-toggleable.mjs → use-toggleable.js}

@@ -1,5 +1,5 @@
 import { useMemo, useCallback } from 'react';
-import { useControlledState } from './use-controlled-state.mjs';
+import { useControlledState } from './use-controlled-state.js';
 
 class Tree {
     #groupedLeaves;

package/dist/hooks/{use-update-effect.mjs → use-update-effect.js}

@@ -1,6 +1,6 @@
 import { useRef, useEffect } from 'react';
-import { useMounted } from './use-mounted.mjs';
-import { effect } from '../utils/effect.mjs';
+import { useMounted } from './use-mounted.js';
+import { effect } from '../utils/effect.js';
 
 const useUpdateEffect = (callback, deps) => {
     const isMounted = useRef(false);

package/dist/index.js

@@ -0,0 +1,42 @@
+export { useBoolean } from './hooks/use-boolean.js';
+export { useDebounceCallback } from './hooks/use-debounce-callback.js';
+export { useThrottleCallback } from './hooks/use-throttle-callback.js';
+export { useImageLoader } from './hooks/use-image-loader.js';
+export { useMount } from './hooks/use-mount.js';
+export { useMounted } from './hooks/use-mounted.js';
+export { useTimeout } from './hooks/use-timeout.js';
+export { useControlledState } from './hooks/use-controlled-state.js';
+export { useDefault } from './hooks/use-default.js';
+export { useScrollLocker } from './hooks/use-scroll-locker.js';
+export { useForceUpdate } from './hooks/use-force-update.js';
+export { useScrollable } from './hooks/use-scrollable.js';
+export { useRefs } from './hooks/use-refs.js';
+export { useToggleable } from './hooks/use-toggleable.js';
+export { useEvent } from './hooks/use-event.js';
+export { useUpdateEffect } from './hooks/use-update-effect.js';
+export { useCounter } from './hooks/use-counter.js';
+export { useHover } from './hooks/use-hover.js';
+export { useFocus } from './hooks/use-focus.js';
+export { useMemorable } from './hooks/use-memorable.js';
+export { isRefable } from './is/is-refable.js';
+export { isUndefined } from './is/is-undefined.js';
+export { isStateGetter } from './is/is-state-getter.js';
+export { isNull } from './is/is-null.js';
+export { isVoid } from './is/is-void.js';
+export { isArray } from './is/is-array.js';
+export { isComplex } from './is/is-complex.js';
+export { isEmpty } from './is/is-empty.js';
+export { isDomUsable } from './is/is-dom-usable.js';
+export { isMobile } from './is/is-mobile.js';
+export { isOverflow } from './is/is-overflow.js';
+export { isStyleElement } from './is/is-style-element.js';
+export { isFunction } from './is/is-function.js';
+export { isThenable } from './is/is-thenable.js';
+export { effect } from './utils/effect.js';
+export { unique, uniqueBy } from './utils/unique.js';
+export { range } from './utils/range.js';
+export { clamp } from './utils/clamp.js';
+export { chain } from './utils/chain.js';
+export { debounce } from './utils/debounce.js';
+export { toArray } from './utils/to-array.js';
+export { toFunction } from './utils/to-function.js';

package/dist/is/{is-empty.mjs → is-empty.js}

@@ -1,5 +1,5 @@
-import { isVoid } from './is-void.mjs';
-import { isArray } from './is-array.mjs';
+import { isVoid } from './is-void.js';
+import { isArray } from './is-array.js';
 
 /**
  * @author murukal

package/dist/is/is-overflow.d.ts

@@ -2,4 +2,4 @@
  * @description
  * if is overflow
  */
-export declare function isOverflow(): boolean;
+export declare function isOverflow(element?: HTMLElement): boolean;

package/dist/is/is-overflow.js

@@ -0,0 +1,14 @@
+/**
+ * @description
+ * if is overflow
+ */
+function isOverflow(element = document.body) {
+    if (element === document.body) {
+        return (document.body.scrollHeight > (window.innerHeight || document.documentElement.clientHeight) &&
+            window.innerWidth > document.body.offsetWidth);
+    }
+    // not body
+    return element.scrollHeight > element.clientHeight;
+}
+
+export { isOverflow };

package/dist/is/{is-void.mjs → is-void.js}

@@ -1,5 +1,5 @@
-import { isUndefined } from './is-undefined.mjs';
-import { isNull } from './is-null.mjs';
+import { isUndefined } from './is-undefined.js';
+import { isNull } from './is-null.js';
 
 /**
  * @description

package/dist/utils/{debounce.mjs → debounce.js}

@@ -1,5 +1,5 @@
 import { Observable, debounceTime, throttleTime, concatMap, from } from 'rxjs';
-import { isFunction } from '../is/is-function.mjs';
+import { isFunction } from '../is/is-function.js';
 
 class Trigger {
     #subscriber;

package/dist/utils/{effect.mjs → effect.js}

@@ -1,4 +1,4 @@
-import { isThenable } from '../is/is-thenable.mjs';
+import { isThenable } from '../is/is-thenable.js';
 
 /**
  * @description

package/dist/utils/{throttle.mjs → throttle.js}

@@ -1,5 +1,5 @@
-import { Trigger } from './debounce.mjs';
-import { isFunction } from '../is/is-function.mjs';
+import { Trigger } from './debounce.js';
+import { isFunction } from '../is/is-function.js';
 
 const throttle = (throttler, duration) => {
     const _isFunction = isFunction(throttler);

package/dist/utils/{to-function.mjs → to-function.js}

@@ -1,4 +1,4 @@
-import { isFunction } from '../is/is-function.mjs';
+import { isFunction } from '../is/is-function.js';
 
 const toFunction = (value) => {
     const _isFunction = isFunction(value);

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@aiszlab/relax",
-  "version": "1.2.36",
+  "version": "1.2.38",
   "description": "react utils collection",
   "type": "module",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "default": "./dist/index.mjs"
+      "default": "./dist/index.js"
     },
     "./dom": {
       "types": "./dist/dom/index.d.ts",
-      "default": "./dist/dom/index.mjs"
+      "default": "./dist/dom/index.js"
     },
     "./types": "./dist/types/index.d.ts"
   },

package/dist/dom/index.mjs

@@ -1,2 +0,0 @@
-export { scrollTo } from './scroll-to.mjs';
-export { contains } from './contains.mjs';

package/dist/index.mjs

@@ -1,42 +0,0 @@
-export { useBoolean } from './hooks/use-boolean.mjs';
-export { useDebounceCallback } from './hooks/use-debounce-callback.mjs';
-export { useThrottleCallback } from './hooks/use-throttle-callback.mjs';
-export { useImageLoader } from './hooks/use-image-loader.mjs';
-export { useMount } from './hooks/use-mount.mjs';
-export { useMounted } from './hooks/use-mounted.mjs';
-export { useTimeout } from './hooks/use-timeout.mjs';
-export { useControlledState } from './hooks/use-controlled-state.mjs';
-export { useDefault } from './hooks/use-default.mjs';
-export { useScrollLocker } from './hooks/use-scroll-locker.mjs';
-export { useForceUpdate } from './hooks/use-force-update.mjs';
-export { useScrollable } from './hooks/use-scrollable.mjs';
-export { useRefs } from './hooks/use-refs.mjs';
-export { useToggleable } from './hooks/use-toggleable.mjs';
-export { useEvent } from './hooks/use-event.mjs';
-export { useUpdateEffect } from './hooks/use-update-effect.mjs';
-export { useCounter } from './hooks/use-counter.mjs';
-export { useHover } from './hooks/use-hover.mjs';
-export { useFocus } from './hooks/use-focus.mjs';
-export { useMemorable } from './hooks/use-memorable.mjs';
-export { isRefable } from './is/is-refable.mjs';
-export { isUndefined } from './is/is-undefined.mjs';
-export { isStateGetter } from './is/is-state-getter.mjs';
-export { isNull } from './is/is-null.mjs';
-export { isVoid } from './is/is-void.mjs';
-export { isArray } from './is/is-array.mjs';
-export { isComplex } from './is/is-complex.mjs';
-export { isEmpty } from './is/is-empty.mjs';
-export { isDomUsable } from './is/is-dom-usable.mjs';
-export { isMobile } from './is/is-mobile.mjs';
-export { isOverflow } from './is/is-overflow.mjs';
-export { isStyleElement } from './is/is-style-element.mjs';
-export { isFunction } from './is/is-function.mjs';
-export { isThenable } from './is/is-thenable.mjs';
-export { effect } from './utils/effect.mjs';
-export { unique, uniqueBy } from './utils/unique.mjs';
-export { range } from './utils/range.mjs';
-export { clamp } from './utils/clamp.mjs';
-export { chain } from './utils/chain.mjs';
-export { debounce } from './utils/debounce.mjs';
-export { toArray } from './utils/to-array.mjs';
-export { toFunction } from './utils/to-function.mjs';

package/dist/is/is-overflow.mjs

@@ -1,10 +0,0 @@
-/**
- * @description
- * if is overflow
- */
-function isOverflow() {
-    return (document.body.scrollHeight > (window.innerHeight || document.documentElement.clientHeight) &&
-        window.innerWidth > document.body.offsetWidth);
-}
-
-export { isOverflow };