@aiszlab/relax 1.2.73 → 1.2.75

package/dist/dom/contains.d.ts

@@ -1 +1,16 @@
-export declare const contains: (root: Node | null | undefined, n?: Node | null) => boolean;
+import type { Nullable, Voidable } from "@aiszlab/relax/types";
+/**
+ * @description
+ * in musae, we add this function to replace `root.contains(n)`
+ * and we use simple type declaration
+ *
+ * support `HTMLElement` interface
+ */
+export type Containable = {
+    /**
+     * @description
+     * native `contains` api
+     */
+    contains?: (node: Nullable<Node>) => boolean;
+};
+export declare const contains: (root: Voidable<Containable>, node: Voidable<Node>) => boolean;

package/dist/dom/contains.js

@@ -1,18 +1,18 @@
-var contains = function contains(root, n) {
+var contains = function contains(root, node) {
   if (!root) {
     return false;
   }
   // Use native if support
   if (root.contains) {
-    return root.contains(n !== null && n !== void 0 ? n : null);
+    return root.contains(node !== null && node !== void 0 ? node : null);
   }
   // `document.contains` not support with IE11
-  var node = n;
-  while (node) {
-    if (node === root) {
+  var _node = node;
+  while (_node) {
+    if (_node === root) {
       return true;
     }
-    node = node.parentNode;
+    _node = _node.parentNode;
   }
   return false;
 };

package/dist/dom/index.d.ts

@@ -1,3 +1,4 @@
-import { scrollTo } from "./scroll-to";
-import { contains } from "./contains";
+import { scrollTo, type Orientation } from "./scroll-to";
+import { contains, type Containable } from "./contains";
 export { scrollTo, contains };
+export type { Containable, Orientation };

package/dist/hooks/use-boolean.d.ts

@@ -1,5 +1,5 @@
 import { type Dispatch, type SetStateAction } from "react";
-import type { State } from "../types";
+import type { State } from "@aiszlab/relax/types";
 type UsedBoolean = [
     boolean,
     {

package/dist/hooks/use-click-away.d.ts

@@ -1,7 +1,8 @@
 import { type MutableRefObject } from "react";
-import type { Arrayable } from "../types/arrayable";
+import { type Containable } from "@aiszlab/relax/dom";
+import type { Nullable, Arrayable } from "@aiszlab/relax/types";
 /**
  * @description
  * click away
  */
-export declare const useClickAway: (onClickAway: (event: MouseEvent) => void, target: Arrayable<MutableRefObject<HTMLElement | null>>) => void;
+export declare const useClickAway: (onClickAway: (event: MouseEvent) => void, target: Arrayable<MutableRefObject<Nullable<Containable>> | false>) => void;

package/dist/hooks/use-click-away.js

@@ -1,7 +1,7 @@
 import { useEffect } from 'react';
 import { useEvent } from './use-event.js';
-import { contains } from '../dom/contains.js';
 import { toArray } from '../utils/to-array.js';
+import { contains } from '@aiszlab/relax/dom';
 
 /**
  * @description
@@ -11,7 +11,7 @@ var useClickAway = function useClickAway(onClickAway, target) {
   var clickAway = useEvent(function (event) {
     var targets = toArray(target);
     var isContained = targets.some(function (_target) {
-      return contains(_target.current, event.target);
+      return _target && contains(_target.current, event.target);
     });
     if (isContained) return;
     onClickAway(event);

package/dist/hooks/use-controlled-state.d.ts

@@ -1,5 +1,5 @@
 import { type Dispatch, type SetStateAction } from "react";
-import type { State } from "../types";
+import type { State } from "@aiszlab/relax/types";
 type UseControlledStateBy<R> = {
     /**
      * @description

package/dist/hooks/use-counter.d.ts

@@ -1,5 +1,5 @@
 import { type Dispatch, type SetStateAction } from "react";
-import type { State } from "../types";
+import type { State } from "@aiszlab/relax/types";
 type Props = {
     /**
      * @description

package/dist/hooks/use-default.d.ts

@@ -1,4 +1,4 @@
-import type { State } from "../types";
+import type { State } from "@aiszlab/relax/types";
 /**
  * @author murukal
  *

package/dist/hooks/use-mount.d.ts

@@ -1,4 +1,4 @@
-import type { ThenableEffectCallback } from "../types";
+import type { ThenableEffectCallback } from "@aiszlab/relax/types";
 /**
  * @author murukal
  *

package/dist/hooks/use-mounted.d.ts

@@ -1,4 +1,4 @@
-import type { ThenableEffectCallback } from "../types";
+import type { ThenableEffectCallback } from "@aiszlab/relax/types";
 /**
  * @author murukal
  *

package/dist/hooks/use-reactive.d.ts

@@ -1,4 +1,4 @@
-import type { State } from "../types";
+import type { State } from "@aiszlab/relax/types";
 /**
  * @description
  * use reactive

package/dist/hooks/use-refs.d.ts

@@ -1,5 +1,5 @@
 import { type MutableRefObject, type RefCallback } from "react";
-import type { Nullable, Voidable } from "../types";
+import type { Nullable, Voidable } from "@aiszlab/relax/types";
 type Refable<T> = RefCallback<T> | MutableRefObject<T> | string;
 export declare const useRefs: <T>(...refs: Voidable<Refable<Nullable<T>>>[]) => (trigger: T) => void;
 export {};

package/dist/hooks/use-scrollable.d.ts

@@ -1,5 +1,5 @@
 import { type Key } from "react";
-import { type Orientation } from "../dom/scroll-to";
+import { type Orientation } from "@aiszlab/relax/dom";
 interface UseScrollableProps {
     orientation?: Orientation;
 }

package/dist/hooks/use-scrollable.js

@@ -1,5 +1,5 @@
 import { useRef, useCallback } from 'react';
-import { scrollTo as _scrollTo } from '../dom/scroll-to.js';
+import { scrollTo } from '@aiszlab/relax/dom';
 
 /**
  * @description
@@ -11,12 +11,12 @@ var useScrollable = function useScrollable() {
     orientation = _ref$orientation === void 0 ? "vertical" : _ref$orientation;
   var targetRef = useRef(null);
   var triggerRefs = useRef(new Map());
-  var scrollTo = useCallback(function (to) {
+  var scrollTo$1 = useCallback(function (to) {
     var duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
     var target = targetRef.current;
     if (!target) return;
     // use animated scroll
-    _scrollTo(target, to, {
+    scrollTo(target, to, {
       duration: duration,
       orientation: orientation
     });
@@ -34,7 +34,7 @@ var useScrollable = function useScrollable() {
   return {
     targetRef: targetRef,
     triggerRefs: triggerRefs,
-    scrollTo: scrollTo,
+    scrollTo: scrollTo$1,
     to: to,
     setTrigger: setTrigger
   };

package/dist/hooks/use-update-effect.d.ts

@@ -1,3 +1,3 @@
 import { type DependencyList } from "react";
-import type { ThenableEffectCallback } from "../types";
+import type { ThenableEffectCallback } from "@aiszlab/relax/types";
 export declare const useUpdateEffect: (callback: ThenableEffectCallback, deps?: DependencyList) => void;

package/dist/index.d.ts

@@ -51,6 +51,8 @@ export { isOverflow } from "./is/is-overflow";
 export { isStyleElement } from "./is/is-style-element";
 export { isFunction } from "./is/is-function";
 export { isThenable } from "./is/is-thenable";
+export { isHTMLElement } from "./is/is-html-element";
+export { isHTMLInputElement } from "./is/is-html-input-element";
 /**
  * @description
  * utils

package/dist/index.js

@@ -43,6 +43,8 @@ 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 { isHTMLElement } from './is/is-html-element.js';
+export { isHTMLInputElement } from './is/is-html-input-element.js';
 export { effect } from './utils/effect.js';
 export { unique, uniqueBy } from './utils/unique.js';
 export { range } from './utils/range.js';

package/dist/is/is-html-element.d.ts

@@ -0,0 +1,9 @@
+import type { Voidable } from "../types";
+export type Node = {
+    nodeType?: number;
+};
+/**
+ * @description
+ * is html element
+ */
+export declare const isHTMLElement: (value: Voidable<Node>) => value is HTMLElement;

package/dist/is/is-html-element.js

@@ -0,0 +1,10 @@
+/**
+ * @description
+ * is html element
+ */
+var isHTMLElement = function isHTMLElement(value) {
+  if (!value) return false;
+  return value.nodeType === 1;
+};
+
+export { isHTMLElement };

package/dist/is/is-html-input-element.d.ts

@@ -0,0 +1,7 @@
+import type { Voidable } from "../types";
+import { type Node } from "./is-html-element";
+/**
+ * @param value - The element being tested
+ * @returns Returns true if x is an HTML input tag, false otherwise
+ */
+export declare const isHTMLInputElement: (value: Voidable<Node>) => value is HTMLInputElement;

package/dist/is/is-html-input-element.js

@@ -0,0 +1,11 @@
+import { isHTMLElement } from './is-html-element.js';
+
+/**
+ * @param value - The element being tested
+ * @returns Returns true if x is an HTML input tag, false otherwise
+ */
+var isHTMLInputElement = function isHTMLInputElement(value) {
+  return isHTMLElement(value) && value.tagName === "INPUT";
+};
+
+export { isHTMLInputElement };

package/dist/utils/chain.d.ts

@@ -1,2 +1,2 @@
-import type { Voidable } from "../types";
+import type { Voidable } from "@aiszlab/relax/types";
 export declare const chain: <T extends Function>(...callbacks: Voidable<T>[]) => T;

package/dist/utils/effect.d.ts

@@ -1,5 +1,5 @@
 import type { EffectCallback } from "react";
-import type { ThenableEffectCallback } from "../types";
+import type { ThenableEffectCallback } from "@aiszlab/relax/types";
 /**
  * @description
  * call thenable effect

package/dist/utils/set-style.d.ts

@@ -1,4 +1,4 @@
-import type { Voidable } from "../types";
+import type { Voidable } from "@aiszlab/relax/types";
 /**
  * @description
  * set inline style util

package/dist/utils/tagged-template-literals.d.ts

@@ -1,4 +1,4 @@
-import { Voidable } from "../types";
+import type { Voidable } from "@aiszlab/relax/types";
 /**
  * @description
  * create tagged template literals

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aiszlab/relax",
-  "version": "1.2.73",
+  "version": "1.2.75",
   "description": "react utils collection",
   "type": "module",
   "exports": {
@@ -19,17 +19,18 @@
     "build": "rollup -c",
     "clean:build": "rm -rf dist",
     "prepublishOnly": "npm run clean:build && npm run build",
-    "test": "jest"
+    "test": "jest",
+    "publish:npm": "npm publish"
   },
   "dependencies": {
-    "@babel/runtime": "^7.25.0",
+    "@babel/runtime": "^7.25.4",
     "react-is": "^18.3.1",
     "rxjs": "^7.8.1"
   },
   "devDependencies": {
     "@babel/core": "^7.25.2",
-    "@babel/plugin-transform-runtime": "^7.24.7",
-    "@babel/preset-env": "^7.25.3",
+    "@babel/plugin-transform-runtime": "^7.25.4",
+    "@babel/preset-env": "^7.25.4",
     "@babel/preset-react": "^7.24.7",
     "@babel/preset-typescript": "^7.24.7",
     "@jest/globals": "^29.7.0",
@@ -37,14 +38,14 @@
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-typescript": "^11.1.6",
     "@testing-library/react": "^16.0.0",
-    "@types/react": "^18.3.3",
+    "@types/react": "^18.3.4",
     "@types/react-dom": "^18.3.0",
     "@types/react-is": "^18.3.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "rollup": "^4.20.0",
+    "rollup": "^4.21.0",
     "typescript": "5.5.4"
   },
   "peerDependencies": {