@aiszlab/relax 1.2.73 → 1.2.74

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/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.74",
   "description": "react utils collection",
   "type": "module",
   "exports": {
@@ -19,7 +19,8 @@
     "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",