@aiszlab/relax 1.0.26 → 1.0.28

package/dist/hooks/use-scroll-locker.d.ts

@@ -0,0 +1 @@
+export declare const useScrollLocker: (isLock?: boolean) => void;

package/dist/hooks/use-scroll-locker.js

@@ -0,0 +1,84 @@
+import { __classPrivateFieldSet, __classPrivateFieldGet } from '../node_modules/tslib/tslib.es6.js';
+import { useId, useLayoutEffect } from 'react';
+import { isOverflow } from '../utils/is-overflow.js';
+import { isStyleElement } from '../utils/is-style-element.js';
+
+var _ScrollLocker_scrollLocker, _ScrollLocker_barSize;
+const isComputable = (value) => /^(.*)px$/.test(value);
+class ScrollLocker {
+    constructor() {
+        var _a;
+        // singleton mode
+        _ScrollLocker_scrollLocker.set(this, null
+        // bar size
+        );
+        // bar size
+        _ScrollLocker_barSize.set(this, null);
+        return (__classPrivateFieldSet(this, _ScrollLocker_scrollLocker, (_a = __classPrivateFieldGet(this, _ScrollLocker_scrollLocker, "f")) !== null && _a !== void 0 ? _a : this, "f"));
+    }
+    get barSize() {
+        var _a;
+        if (__classPrivateFieldGet(this, _ScrollLocker_barSize, "f"))
+            return __classPrivateFieldGet(this, _ScrollLocker_barSize, "f");
+        const { width, height } = getComputedStyle(document.body, '::-webkit-scrollbar');
+        return (__classPrivateFieldSet(this, _ScrollLocker_barSize, (_a = __classPrivateFieldGet(this, _ScrollLocker_barSize, "f")) !== null && _a !== void 0 ? _a : {
+            width: isComputable(width) ? width : '0',
+            height: isComputable(height) ? height : '0'
+        }, "f"));
+    }
+    get isOverflow() {
+        return isOverflow();
+    }
+    get locker() {
+        return `html body {
+  overflow-y: hidden;
+  ${this.isOverflow ? `width: calc(100% - ${this.barSize.width});` : ''}
+}`;
+    }
+    get container() {
+        return document.head || document.body;
+    }
+    getLocked(id) {
+        return Array.from(this.container.children).filter((element) => isStyleElement(element)).find((element) => element.id === id);
+    }
+    lock(id) {
+        if (!this.container)
+            return;
+        const locked = this.getLocked(id);
+        if (locked) {
+            if (locked.innerHTML !== this.locker) {
+                locked.innerHTML = this.locker;
+            }
+            return locked;
+        }
+        const locker = document.createElement('style');
+        locker.id = id;
+        locker.innerHTML = this.locker;
+        this.container.appendChild(locker);
+        return locker;
+    }
+    unlock(id) {
+        const locked = this.getLocked(id);
+        if (!locked)
+            return;
+        this.container.removeChild(locked);
+    }
+}
+_ScrollLocker_scrollLocker = new WeakMap(), _ScrollLocker_barSize = new WeakMap();
+const useScrollLocker = (isLock) => {
+    const id = useId();
+    useLayoutEffect(() => {
+        const scrollLocker = new ScrollLocker();
+        if (!!isLock) {
+            scrollLocker.lock(id);
+        }
+        else {
+            scrollLocker.unlock(id);
+        }
+        return () => {
+            scrollLocker.unlock(id);
+        };
+    }, [!!isLock, id]);
+};
+
+export { useScrollLocker };

package/dist/index.d.ts

@@ -10,6 +10,7 @@ export { useMounted } from './hooks/use-mounted';
 export { useTimeout } from './hooks/use-timeout';
 export { useControlledState } from './hooks/use-controlled-state';
 export { useOnceState } from './hooks/use-once-state';
+export { useScrollLocker } from './hooks/use-scroll-locker';
 /**
  * @description
  * utils
@@ -19,3 +20,9 @@ export { isUndefined } from './utils/is-undefined';
 export { isStateGetter } from './utils/is-state-getter';
 export { isNull } from './utils/is-null';
 export { isVoid } from './utils/is-void';
+export { isArray } from './utils/is-array';
+export { isEmpty } from './utils/is-empty';
+export { isDomUsable } from './utils/is-dom-usable';
+export { isMobile } from './utils/is-mobile';
+export { isOverflow } from './utils/is-overflow';
+export { isStyleElement } from './utils/is-style-element';

package/dist/index.js

@@ -6,8 +6,15 @@ export { useMounted } from './hooks/use-mounted.js';
 export { useTimeout } from './hooks/use-timeout.js';
 export { useControlledState } from './hooks/use-controlled-state.js';
 export { useOnceState } from './hooks/use-once-state.js';
+export { useScrollLocker } from './hooks/use-scroll-locker.js';
 export { isRefable } from './utils/is-refable.js';
 export { isUndefined } from './utils/is-undefined.js';
 export { isStateGetter } from './utils/is-state-getter.js';
 export { isNull } from './utils/is-null.js';
 export { isVoid } from './utils/is-void.js';
+export { isArray } from './utils/is-array.js';
+export { isEmpty } from './utils/is-empty.js';
+export { isDomUsable } from './utils/is-dom-usable.js';
+export { isMobile } from './utils/is-mobile.js';
+export { isOverflow } from './utils/is-overflow.js';
+export { isStyleElement } from './utils/is-style-element.js';

package/dist/node_modules/tslib/tslib.es6.js

@@ -0,0 +1,17 @@
+function __classPrivateFieldGet(receiver, state, kind, f) {
+  if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+}
+function __classPrivateFieldSet(receiver, state, value, kind, f) {
+  if (kind === "m") throw new TypeError("Private method is not writable");
+  if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value), value;
+}
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+  var e = new Error(message);
+  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+export { __classPrivateFieldGet, __classPrivateFieldSet };

package/dist/utils/is-array.js

@@ -0,0 +1,9 @@
+/**
+ * @description
+ * is array
+ */
+const isArray = (value) => {
+    return Array.isArray(value);
+};
+
+export { isArray };

package/dist/utils/is-dom-usable.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @description
+ * if there is dom
+ */
+export declare const isDomUsable: () => boolean;

package/dist/utils/is-dom-usable.js

@@ -0,0 +1,9 @@
+/**
+ * @description
+ * if there is dom
+ */
+const isDomUsable = () => {
+    return !!(typeof window !== 'undefined' && window.document && window.document.createElement);
+};
+
+export { isDomUsable };

package/dist/utils/is-empty.js

@@ -0,0 +1,29 @@
+import 'react';
+import 'rxjs';
+import '../hooks/use-scroll-locker.js';
+import 'react-is';
+import { isVoid } from './is-void.js';
+import { isArray } from './is-array.js';
+
+/**
+ * @author murukal
+ *
+ * @description
+ * is empty
+ */
+const isEmpty = (value) => {
+    // null or undefined
+    if (isVoid(value))
+        return true;
+    // object
+    if (typeof value === 'object') {
+        return Object.keys(value).length === 0;
+    }
+    // array
+    if (isArray(value)) {
+        return value.length === 0;
+    }
+    return !!value;
+};
+
+export { isEmpty };

package/dist/utils/is-mobile.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @description
+ * is mobile
+ */
+export declare const isMobile: () => boolean;

package/dist/utils/is-mobile.js

@@ -0,0 +1,16 @@
+/**
+ * @description
+ * is mobile
+ */
+const isMobile = () => {
+    if (typeof navigator === 'undefined' || typeof window === 'undefined') {
+        return false;
+    }
+    const agent = navigator.userAgent ||
+        navigator.vendor ||
+        window.opera;
+    return (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(agent) ||
+        /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw-(n|u)|c55\/|capi|ccwa|cdm-|cell|chtm|cldc|cmd-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc-s|devi|dica|dmob|do(c|p)o|ds(12|-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(-|_)|g1 u|g560|gene|gf-5|g-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd-(m|p|t)|hei-|hi(pt|ta)|hp( i|ip)|hs-c|ht(c(-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i-(20|go|ma)|i230|iac( |-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|-[a-w])|libw|lynx|m1-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|-([1-8]|c))|phil|pire|pl(ay|uc)|pn-2|po(ck|rt|se)|prox|psio|pt-g|qa-a|qc(07|12|21|32|60|-[2-7]|i-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h-|oo|p-)|sdk\/|se(c(-|0|1)|47|mc|nd|ri)|sgh-|shar|sie(-|m)|sk-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h-|v-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl-|tdg-|tel(i|m)|tim-|t-mo|to(pl|sh)|ts(70|m-|m3|m5)|tx-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas-|your|zeto|zte-/i.test(agent === null || agent === void 0 ? void 0 : agent.substring(0, 4)));
+};
+
+export { isMobile };

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

@@ -0,0 +1,5 @@
+/**
+ * @description
+ * if is overflow
+ */
+export declare function isOverflow(): boolean;

package/dist/utils/is-overflow.js

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

package/dist/utils/is-style-element.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @description
+ * style element
+ */
+export declare const isStyleElement: (element: Element) => element is HTMLStyleElement;

package/dist/utils/is-style-element.js

@@ -0,0 +1,9 @@
+/**
+ * @description
+ * style element
+ */
+const isStyleElement = (element) => {
+    return element.tagName === 'STYLE';
+};
+
+export { isStyleElement };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aiszlab/relax",
-  "version": "1.0.26",
+  "version": "1.0.28",
   "description": "react utils collection",
   "type": "module",
   "main": "./dist/index.js",