@aiszlab/relax 2.0.2 → 2.0.3

package/dist/dom/index.cjs

@@ -3,9 +3,11 @@
 var scrollTo = require('./scroll-to.cjs');
 var contains = require('./contains.cjs');
 var clipboard = require('./clipboard.cjs');
+var stopPropagation = require('./stop-propagation.cjs');
 
 
 
 exports.scrollTo = scrollTo.scrollTo;
 exports.contains = contains.contains;
 exports.clipboard = clipboard.clipboard;
+exports.stopPropagation = stopPropagation.stopPropagation;

package/dist/dom/index.d.ts

@@ -1,6 +1,8 @@
 import { scrollTo, type Orientation } from "./scroll-to";
 import { contains, type Containable } from "./contains";
 import { clipboard } from "./clipboard";
+import { stopPropagation } from "./stop-propagation";
 export { clipboard };
 export { scrollTo, contains };
+export { stopPropagation };
 export type { Containable, Orientation };

package/dist/dom/index.mjs

@@ -1,3 +1,4 @@
 export { scrollTo } from './scroll-to.mjs';
 export { contains } from './contains.mjs';
 export { clipboard } from './clipboard.mjs';
+export { stopPropagation } from './stop-propagation.mjs';

package/dist/dom/stop-propagation.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+/**
+ * @description same as e.stopPropagation()
+ */
+function stopPropagation(e) {
+  e.stopPropagation();
+}
+
+exports.stopPropagation = stopPropagation;

package/dist/dom/stop-propagation.d.ts

@@ -0,0 +1,8 @@
+interface _Event {
+    stopPropagation(): void;
+}
+/**
+ * @description same as e.stopPropagation()
+ */
+export declare function stopPropagation<E extends _Event>(e: E): void;
+export {};

package/dist/dom/stop-propagation.mjs

@@ -0,0 +1,8 @@
+/**
+ * @description same as e.stopPropagation()
+ */
+function stopPropagation(e) {
+  e.stopPropagation();
+}
+
+export { stopPropagation };

package/dist/hooks/use-async-effect.cjs

@@ -0,0 +1,11 @@
+'use strict';
+
+var react = require('react');
+
+var useAsyncEffect = function useAsyncEffect(effect, deps) {
+  react.useEffect(function () {
+    effect();
+  }, deps);
+};
+
+exports.useAsyncEffect = useAsyncEffect;

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

@@ -0,0 +1 @@
+export declare const useAsyncEffect: (effect: () => Promise<void>, deps?: unknown[]) => void;

package/dist/hooks/use-async-effect.mjs

@@ -0,0 +1,9 @@
+import { useEffect } from 'react';
+
+var useAsyncEffect = function useAsyncEffect(effect, deps) {
+  useEffect(function () {
+    effect();
+  }, deps);
+};
+
+export { useAsyncEffect };

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

@@ -1,17 +1,18 @@
 import { type Key } from "react";
 import { type Orientation } from "../dom";
-interface UseScrollableProps {
+import type { Nullable } from "../types";
+interface UsingScrollable {
     orientation?: Orientation;
 }
 /**
  * @description
  * scrollable hook
  */
-export declare const useScrollable: <P extends HTMLElement, C extends HTMLElement>({ orientation, }?: UseScrollableProps) => {
+export declare const useScrollable: <P extends HTMLElement, C extends HTMLElement>({ orientation, }?: UsingScrollable) => {
     targetRef: import("react").RefObject<P | null>;
-    triggerRefs: import("react").RefObject<Map<Key, C | null>>;
+    triggerRefs: import("react").RefObject<Map<Key, Nullable<C>>>;
     scrollTo: (to: number, duration?: number) => void;
     to: (key: Key) => number;
-    setTrigger: (key: Key, trigger: C) => void;
+    setTrigger: (key: Key, trigger: Nullable<C>) => void;
 };
 export {};

package/dist/index.cjs

@@ -39,6 +39,7 @@ var useDrag = require('./hooks/use-drag.cjs');
 var useEventSource = require('./hooks/use-event-source.cjs');
 var useResize = require('./hooks/use-resize.cjs');
 var useDraggable = require('./hooks/use-draggable.cjs');
+var useAsyncEffect = require('./hooks/use-async-effect.cjs');
 var isRefable = require('./is/is-refable.cjs');
 var isUndefined = require('./is/is-undefined.cjs');
 var isNull = require('./is/is-null.cjs');
@@ -77,6 +78,7 @@ var merge = require('./utils/merge.cjs');
 var max = require('./utils/max.cjs');
 var min = require('./utils/min.cjs');
 var load = require('./utils/load.cjs');
+var at = require('./utils/at.cjs');
 
 
 
@@ -119,6 +121,7 @@ exports.useDrag = useDrag.useDrag;
 exports.useEventSource = useEventSource.useEventSource;
 exports.useResize = useResize.useResize;
 exports.useDraggable = useDraggable.useDraggable;
+exports.useAsyncEffect = useAsyncEffect.useAsyncEffect;
 exports.isRefable = isRefable.isRefable;
 exports.isUndefined = isUndefined.isUndefined;
 exports.isNull = isNull.isNull;
@@ -157,3 +160,4 @@ exports.merge = merge.merge;
 exports.max = max.max;
 exports.min = min.min;
 exports.load = load.load;
+exports.at = at.at;

package/dist/index.d.ts

@@ -41,6 +41,7 @@ export { useDrag } from "./hooks/use-drag";
 export { useEventSource } from "./hooks/use-event-source";
 export { useResize } from "./hooks/use-resize";
 export { useDraggable } from "./hooks/use-draggable";
+export { useAsyncEffect } from "./hooks/use-async-effect";
 /**
  * @description
  * is
@@ -87,3 +88,4 @@ export { merge } from "./utils/merge";
 export { max } from "./utils/max";
 export { min } from "./utils/min";
 export { load } from "./utils/load";
+export { at } from "./utils/at";

package/dist/index.mjs

@@ -37,6 +37,7 @@ export { useDrag } from './hooks/use-drag.mjs';
 export { useEventSource } from './hooks/use-event-source.mjs';
 export { useResize } from './hooks/use-resize.mjs';
 export { useDraggable } from './hooks/use-draggable.mjs';
+export { useAsyncEffect } from './hooks/use-async-effect.mjs';
 export { isRefable } from './is/is-refable.mjs';
 export { isUndefined } from './is/is-undefined.mjs';
 export { isNull } from './is/is-null.mjs';
@@ -75,3 +76,4 @@ export { merge } from './utils/merge.mjs';
 export { max } from './utils/max.mjs';
 export { min } from './utils/min.mjs';
 export { load } from './utils/load.mjs';
+export { at } from './utils/at.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aiszlab/relax",
-  "version": "2.0.2",
+  "version": "2.0.3",
   "description": "react utils collection",
   "exports": {
     ".": {