@aiszlab/relax 1.2.56 → 1.2.58

package/dist/dom/index.d.ts

@@ -1,3 +1,3 @@
-import { scrollTo } from './scroll-to';
-import { contains } from './contains';
+import { scrollTo } from "./scroll-to";
+import { contains } from "./contains";
 export { scrollTo, contains };

package/dist/dom/scroll-to.d.ts

@@ -1,4 +1,4 @@
-export type Direction = 'horizontal' | 'vertical';
+export type Direction = "horizontal" | "vertical";
 interface ScrollBy {
     /**
      * @description

package/dist/dom/scroll-to.js

@@ -16,7 +16,7 @@ var Scroller = /*#__PURE__*/function () {
   }, {
     key: "currentAt",
     value: function currentAt(direction) {
-      return direction === 'vertical' ? 'scrollTop' : 'scrollLeft';
+      return direction === "vertical" ? "scrollTop" : "scrollLeft";
     }
   }]);
 }();
@@ -31,12 +31,12 @@ var _scroller = {
 var scrollTo = function scrollTo(target, to) {
   var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
       duration: 0,
-      direction: 'vertical'
+      direction: "vertical"
     },
     _ref$duration = _ref.duration,
     duration = _ref$duration === void 0 ? 0 : _ref$duration,
     _ref$direction = _ref.direction,
-    direction = _ref$direction === void 0 ? 'vertical' : _ref$direction;
+    direction = _ref$direction === void 0 ? "vertical" : _ref$direction;
   var scroller = new Scroller();
   var scrolled = scroller.scrolled.get(target);
   var currentAtProperty = scroller.currentAt(direction);

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 Dispatch, type SetStateAction } from "react";
+import type { State } from "../types";
 type UsedBoolean = [
     boolean,
     {

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 Dispatch, type SetStateAction } from "react";
+import type { State } from "../types";
 interface Props<T> {
     /**
      * @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 Dispatch, type SetStateAction } from "react";
+import type { State } from "../types";
 type Props = {
     /**
      * @description

package/dist/hooks/use-debounce-callback.d.ts

@@ -1,5 +1,5 @@
-import { type Debounced, type Debouncer } from '../utils/debounce';
-import { type Callable } from './use-event';
+import { type Debounced, type Debouncer } from "../utils/debounce";
+import { type Callable } from "./use-event";
 /**
  * @author murukal
  *

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

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

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

@@ -1,15 +1,15 @@
-import { type DOMAttributes } from 'react';
+import { type DOMAttributes } from "react";
 /**
  * @description
  * hooks for focus
  */
-type Props<T> = Pick<DOMAttributes<T>, 'onFocus' | 'onBlur'> & {
+type Props<T> = Pick<DOMAttributes<T>, "onFocus" | "onBlur"> & {
     onFocusChange?: (isFocused: boolean) => void;
 };
 /**
  * @description
  * dom attributes
  */
-type UsedFocus<T> = [boolean, Required<Pick<DOMAttributes<T>, 'onFocus' | 'onBlur'>>];
+type UsedFocus<T> = [boolean, Required<Pick<DOMAttributes<T>, "onFocus" | "onBlur">>];
 export declare const useFocus: <T extends Element = Element>(props?: Props<T>) => UsedFocus<T>;
 export {};

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

@@ -1,8 +1,8 @@
-import { type DOMAttributes } from 'react';
+import { type DOMAttributes } from "react";
 type UseHoverBy<T> = {
-    onEnter?: DOMAttributes<T>['onPointerEnter'];
-    onLeave?: DOMAttributes<T>['onPointerLeave'];
+    onEnter?: DOMAttributes<T>["onPointerEnter"];
+    onLeave?: DOMAttributes<T>["onPointerLeave"];
 };
-type UsedHover<T> = [boolean, Required<Pick<DOMAttributes<T>, 'onPointerEnter' | 'onPointerLeave'>>];
+type UsedHover<T> = [boolean, Required<Pick<DOMAttributes<T>, "onPointerEnter" | "onPointerLeave">>];
 export declare const useHover: <T extends Element = Element>(props?: UseHoverBy<T>) => UsedHover<T>;
 export {};

package/dist/hooks/use-identity.js

@@ -5,7 +5,7 @@ import { useId, useRef, useCallback } from 'react';
  * extends from react `useId`
  */
 var useIdentity = function useIdentity() {
-  var signal = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  var signal = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
   var id = useId();
   var count = useRef(0);
   var unique = useCallback(function () {

package/dist/hooks/use-image-loader.d.ts

@@ -1,4 +1,4 @@
-type Status = 'none' | 'loading' | 'error' | 'loaded';
+type Status = "none" | "loading" | "error" | "loaded";
 interface Props {
     src: string;
 }

package/dist/hooks/use-image-loader.js

@@ -11,13 +11,13 @@ import { Observable } from 'rxjs';
 var useImageLoader = function useImageLoader(_ref) {
   var src = _ref.src;
   var loader = useRef();
-  var _useState = useState('none'),
+  var _useState = useState("none"),
     _useState2 = _slicedToArray(_useState, 2),
     status = _useState2[0],
     setStatus = _useState2[1];
   useEffect(function () {
     if (!src) {
-      return setStatus('none');
+      return setStatus("none");
     }
     // create observable to listen img status
     new Observable(function (subscriber) {
@@ -25,21 +25,21 @@ var useImageLoader = function useImageLoader(_ref) {
       subscriber.next();
     }).subscribe({
       next: function next() {
-        return setStatus('loading');
+        return setStatus("loading");
       },
       complete: function complete() {
-        return setStatus('loaded');
+        return setStatus("loaded");
       },
       error: function error() {
-        return setStatus('error');
+        return setStatus("error");
       }
     });
     var image = new Image();
-    image.addEventListener('load', function () {
+    image.addEventListener("load", function () {
       var _loader$current;
       (_loader$current = loader.current) === null || _loader$current === void 0 || _loader$current.complete();
     });
-    image.addEventListener('error', function () {
+    image.addEventListener("error", function () {
       var _loader$current2;
       (_loader$current2 = loader.current) === null || _loader$current2 === void 0 || _loader$current2.error(null);
     });

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

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

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

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

package/dist/hooks/use-mutate-observer.js

@@ -15,7 +15,7 @@ var useMutateObserver = function useMutateObserver(_elements, _callback) {
       listener.observe(element, {
         subtree: true,
         childList: true,
-        attributeFilter: ['style', 'class']
+        attributeFilter: ["style", "class"]
       });
     });
     return function () {

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

@@ -2,6 +2,6 @@
  * @description
  * raf
  */
-export declare const useRaf: (_callback: Function, { timely }?: {
+export declare const useRaf: (_callback: Function, { timely, }?: {
     timely?: boolean;
 }) => () => void;

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

@@ -1,4 +1,4 @@
-import type { State } from '../types';
+import type { State } from "../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 MutableRefObject, type RefCallback } from "react";
+import type { Nullable, Voidable } from "../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-refs.js

@@ -9,7 +9,7 @@ var mount = function mount(ref, trigger) {
   // in deprecated react, class component can use string ref
   // but there are many problems, in relax, we just make it not work
   // issue for react: https://github.com/facebook/react/pull/8333#issuecomment-271648615
-  if (typeof ref === 'string') {
+  if (typeof ref === "string") {
     return;
   }
   ref.current = trigger;

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

@@ -21,13 +21,13 @@ var ScrollLocker = /*#__PURE__*/function () {
       if (_classPrivateFieldGet2(_barSize, this)) return _classPrivateFieldGet2(_barSize, this);
       // how to calculate dom scroll bar size
       // create a backend dom element, set force scrollable
-      var _target = document.createElement('div');
-      _target.attributeStyleMap.set('position', 'absolute');
-      _target.attributeStyleMap.set('left', '0');
-      _target.attributeStyleMap.set('top', '0');
-      _target.attributeStyleMap.set('width', '100vw');
-      _target.attributeStyleMap.set('height', '100vh');
-      _target.attributeStyleMap.set('overflow', 'scroll');
+      var _target = document.createElement("div");
+      _target.attributeStyleMap.set("position", "absolute");
+      _target.attributeStyleMap.set("left", "0");
+      _target.attributeStyleMap.set("top", "0");
+      _target.attributeStyleMap.set("width", "100vw");
+      _target.attributeStyleMap.set("height", "100vh");
+      _target.attributeStyleMap.set("overflow", "scroll");
       // calculate, then clear
       document.body.appendChild(_target);
       _classPrivateFieldSet2(_barSize, this, {
@@ -51,7 +51,7 @@ var ScrollLocker = /*#__PURE__*/function () {
       // if target is not scrollable, do not lock
       if (!isOverflow(element)) return;
       _classPrivateFieldGet2(_locked, this).set(element, setStyle(element, {
-        overflow: 'hidden',
+        overflow: "hidden",
         width: "calc(100% - ".concat(this.barSize.width, "px)")
       }));
     }

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

@@ -1,5 +1,5 @@
-import { type Key } from 'react';
-import { type Direction } from '../dom/scroll-to';
+import { type Key } from "react";
+import { type Direction } from "../dom/scroll-to";
 interface Dependencies {
     direction?: Direction;
 }
@@ -7,7 +7,7 @@ interface Dependencies {
  * @description
  * scrollable hook
  */
-export declare const useScrollable: <P extends HTMLElement, C extends HTMLElement>({ direction }?: Dependencies) => {
+export declare const useScrollable: <P extends HTMLElement, C extends HTMLElement>({ direction, }?: Dependencies) => {
     targetRef: import("react").RefObject<P>;
     triggerRefs: import("react").MutableRefObject<Map<Key, C | null>>;
     scrollTo: (to: number, duration?: number) => void;

package/dist/hooks/use-scrollable.js

@@ -8,7 +8,7 @@ import { scrollTo } from '../dom/scroll-to.js';
 var useScrollable = function useScrollable() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
     _ref$direction = _ref.direction,
-    direction = _ref$direction === void 0 ? 'vertical' : _ref$direction;
+    direction = _ref$direction === void 0 ? "vertical" : _ref$direction;
   var targetRef = useRef(null);
   var triggerRefs = useRef(new Map());
   var scrollTo$1 = useCallback(function (to) {
@@ -25,7 +25,7 @@ var useScrollable = function useScrollable() {
     var trigger = triggerRefs.current.get(key);
     if (!trigger) return 0;
     // different direction, use different property
-    return direction === 'vertical' ? trigger.offsetTop : trigger.offsetLeft;
+    return direction === "vertical" ? trigger.offsetTop : trigger.offsetLeft;
   }, [direction]);
   /// set trigger
   var setTrigger = useCallback(function (key, trigger) {

package/dist/hooks/use-throttle-callback.d.ts

@@ -1,5 +1,5 @@
-import { type Throttler, type Throttled } from '../utils/throttle';
-import { type Callable } from './use-event';
+import { type Throttler, type Throttled } from "../utils/throttle";
+import { type Callable } from "./use-event";
 /**
  * @author murukal
  *

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

@@ -1,4 +1,4 @@
-import { type Key } from 'react';
+import { type Key } from "react";
 /**
  * @description
  * togglable key

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

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

package/dist/index.d.ts

@@ -2,60 +2,63 @@
  * @description
  * hooks
  */
-export { useBoolean } from './hooks/use-boolean';
-export { useDebounceCallback } from './hooks/use-debounce-callback';
-export { useThrottleCallback } from './hooks/use-throttle-callback';
-export { useImageLoader } from './hooks/use-image-loader';
-export { useMount } from './hooks/use-mount';
-export { useMounted } from './hooks/use-mounted';
-export { useTimeout } from './hooks/use-timeout';
-export { useControlledState } from './hooks/use-controlled-state';
-export { useDefault } from './hooks/use-default';
-export { useScrollLocker } from './hooks/use-scroll-locker';
-export { useForceUpdate } from './hooks/use-force-update';
-export { useScrollable } from './hooks/use-scrollable';
-export { useRefs } from './hooks/use-refs';
-export { useTogglable } from './hooks/use-togglable';
-export { useEvent } from './hooks/use-event';
-export { useUpdateEffect } from './hooks/use-update-effect';
-export { useCounter } from './hooks/use-counter';
-export { useHover } from './hooks/use-hover';
-export { useFocus } from './hooks/use-focus';
-export { useMemorable } from './hooks/use-memorable';
-export { useMutateObserver } from './hooks/use-mutate-observer';
-export { useRaf } from './hooks/use-raf';
-export { useDevicePixelRatio } from './hooks/use-device-pixel-ratio';
-export { useIdentity } from './hooks/use-identity';
+export { useBoolean } from "./hooks/use-boolean";
+export { useDebounceCallback } from "./hooks/use-debounce-callback";
+export { useThrottleCallback } from "./hooks/use-throttle-callback";
+export { useImageLoader } from "./hooks/use-image-loader";
+export { useMount } from "./hooks/use-mount";
+export { useMounted } from "./hooks/use-mounted";
+export { useTimeout } from "./hooks/use-timeout";
+export { useControlledState } from "./hooks/use-controlled-state";
+export { useDefault } from "./hooks/use-default";
+export { useScrollLocker } from "./hooks/use-scroll-locker";
+export { useForceUpdate } from "./hooks/use-force-update";
+export { useScrollable } from "./hooks/use-scrollable";
+export { useRefs } from "./hooks/use-refs";
+export { useTogglable } from "./hooks/use-togglable";
+export { useEvent } from "./hooks/use-event";
+export { useUpdateEffect } from "./hooks/use-update-effect";
+export { useCounter } from "./hooks/use-counter";
+export { useHover } from "./hooks/use-hover";
+export { useFocus } from "./hooks/use-focus";
+export { useMemorable } from "./hooks/use-memorable";
+export { useMutateObserver } from "./hooks/use-mutate-observer";
+export { useRaf } from "./hooks/use-raf";
+export { useDevicePixelRatio } from "./hooks/use-device-pixel-ratio";
+export { useIdentity } from "./hooks/use-identity";
 /**
  * @description
  * is
  */
-export { isRefable } from './is/is-refable';
-export { isUndefined } from './is/is-undefined';
-export { isStateGetter } from './is/is-state-getter';
-export { isNull } from './is/is-null';
-export { isVoid } from './is/is-void';
-export { isArray } from './is/is-array';
-export { isComplex } from './is/is-complex';
-export { isEmpty } from './is/is-empty';
-export { isDomUsable } from './is/is-dom-usable';
-export { isMobile } from './is/is-mobile';
-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 { isRefable } from "./is/is-refable";
+export { isUndefined } from "./is/is-undefined";
+export { isStateGetter } from "./is/is-state-getter";
+export { isNull } from "./is/is-null";
+export { isVoid } from "./is/is-void";
+export { isArray } from "./is/is-array";
+export { isComplex } from "./is/is-complex";
+export { isEmpty } from "./is/is-empty";
+export { isDomUsable } from "./is/is-dom-usable";
+export { isMobile } from "./is/is-mobile";
+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";
 /**
  * @description
  * utils
  */
-export { effect } from './utils/effect';
-export { unique, uniqueBy } from './utils/unique';
-export { range } from './utils/range';
-export { clamp } from './utils/clamp';
-export { chain } from './utils/chain';
-export { debounce } from './utils/debounce';
-export { toArray } from './utils/to-array';
-export { toFunction } from './utils/to-function';
-export { exclude } from './utils/exclude';
-export { toFormData } from './utils/to-form-data';
-export { setStyle } from './utils/set-style';
+export { effect } from "./utils/effect";
+export { unique, uniqueBy } from "./utils/unique";
+export { range } from "./utils/range";
+export { clamp } from "./utils/clamp";
+export { chain } from "./utils/chain";
+export { debounce } from "./utils/debounce";
+export { toArray } from "./utils/to-array";
+export { toFunction } from "./utils/to-function";
+export { exclude } from "./utils/exclude";
+export { toFormData } from "./utils/to-form-data";
+export { setStyle } from "./utils/set-style";
+export { throttle } from "./utils/throttle";
+export { clone } from "./utils/clone";
+export { toggle } from "./utils/toggle";

package/dist/index.js

@@ -47,3 +47,6 @@ export { toFunction } from './utils/to-function.js';
 export { exclude } from './utils/exclude.js';
 export { toFormData } from './utils/to-form-data.js';
 export { setStyle } from './utils/set-style.js';
+export { throttle } from './utils/throttle.js';
+export { clone } from './utils/clone.js';
+export { toggle } from './utils/toggle.js';

package/dist/is/is-complex.js

@@ -5,7 +5,7 @@ import { typeof as _typeof } from '../_virtual/_rollupPluginBabelHelpers.js';
  * complex
  */
 var isComplex = function isComplex(value) {
-  return _typeof(value) === 'object' || typeof value === 'function';
+  return _typeof(value) === "object" || typeof value === "function";
 };
 
 export { isComplex };

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

@@ -3,7 +3,7 @@
  * if there is dom
  */
 var isDomUsable = function isDomUsable() {
-  return !!(typeof window !== 'undefined' && window.document && window.document.createElement);
+  return !!(typeof window !== "undefined" && window.document && window.document.createElement);
 };
 
 export { isDomUsable };

package/dist/is/is-empty.js

@@ -12,7 +12,7 @@ var isEmpty = function isEmpty(value) {
   // null or undefined
   if (isVoid(value)) return true;
   // object
-  if (_typeof(value) === 'object') {
+  if (_typeof(value) === "object") {
     return Object.keys(value).length === 0;
   }
   // array

package/dist/is/is-function.js

@@ -3,7 +3,7 @@
  * if is function
  */
 var isFunction = function isFunction(value) {
-  return typeof value === 'function';
+  return typeof value === "function";
 };
 
 export { isFunction };

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

@@ -0,0 +1,5 @@
+/**
+ * @description
+ * is set
+ */
+export declare const isMap: (value: unknown) => value is Map<unknown, unknown>;

package/dist/is/is-mobile.js

@@ -3,7 +3,7 @@
  * is mobile
  */
 var isMobile = function isMobile() {
-  if (typeof navigator === 'undefined' || typeof window === 'undefined') {
+  if (typeof navigator === "undefined" || typeof window === "undefined") {
     return false;
   }
   var agent = navigator.userAgent || navigator.vendor || window.opera;

package/dist/is/is-primitive.js

@@ -0,0 +1,9 @@
+/**
+ * @description
+ * string/number/... is primitive type
+ */
+var isPrimitive = function isPrimitive(value) {
+  return value !== Object(value);
+};
+
+export { isPrimitive };

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

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import { type ReactNode } from "react";
 /**
  * @description
  */

package/dist/is/is-refable.js

@@ -21,11 +21,11 @@ var _RefableElement = function _RefableElement(element) {
   var _type$prototype, _element$prototype;
   var type = isMemo(element) ? element.type.type : element.type;
   // Function component node
-  if (typeof type === 'function' && !((_type$prototype = type.prototype) !== null && _type$prototype !== void 0 && _type$prototype.render)) {
+  if (typeof type === "function" && !((_type$prototype = type.prototype) !== null && _type$prototype !== void 0 && _type$prototype.render)) {
     return false;
   }
   // Class component
-  if (typeof element === 'function' && !((_element$prototype = element.prototype) !== null && _element$prototype !== void 0 && _element$prototype.render)) {
+  if (typeof element === "function" && !((_element$prototype = element.prototype) !== null && _element$prototype !== void 0 && _element$prototype.render)) {
     return false;
   }
   return true;

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

@@ -0,0 +1,5 @@
+/**
+ * @description
+ * is set
+ */
+export declare const isSet: (value: unknown) => value is Set<unknown>;

package/dist/is/is-set.js

@@ -0,0 +1,9 @@
+/**
+ * @description
+ * is set
+ */
+var isSet = function isSet(value) {
+  return value instanceof Set;
+};
+
+export { isSet };

package/dist/is/is-state-getter.js

@@ -3,7 +3,7 @@
  * is state getter
  */
 var isStateGetter = function isStateGetter(state) {
-  return typeof state === 'function';
+  return typeof state === "function";
 };
 
 export { isStateGetter };

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

@@ -3,7 +3,7 @@
  * style element
  */
 var isStyleElement = function isStyleElement(element) {
-  return element.tagName === 'STYLE';
+  return element.tagName === "STYLE";
 };
 
 export { isStyleElement };

package/dist/types/index.d.ts

@@ -1,8 +1,8 @@
-export type { Nullable } from './nullable';
-export type { Partialable } from './partialable';
-export type { Voidable } from './voidable';
-export type { RequiredIn } from './required-in';
-export type { ThenableEffectCallback } from './thenable-effect-callback';
-export type { First } from './first';
-export type { Last } from './last';
-export type { State, StateGetter } from './state';
+export type { Nullable } from "./nullable";
+export type { Partialable } from "./partialable";
+export type { Voidable } from "./voidable";
+export type { RequiredIn } from "./required-in";
+export type { ThenableEffectCallback } from "./thenable-effect-callback";
+export type { First } from "./first";
+export type { Last } from "./last";
+export type { State, StateGetter } from "./state";

package/dist/types/thenable-effect-callback.d.ts

@@ -1,4 +1,4 @@
-import type { EffectCallback } from 'react';
+import type { EffectCallback } from "react";
 /**
  * @description
  * thenable effect callback

package/dist/types/voidable.d.ts

@@ -1,5 +1,5 @@
-import type { Partialable } from './partialable';
-import type { Nullable } from './nullable';
+import type { Partialable } from "./partialable";
+import type { Nullable } from "./nullable";
 /**
  * @description
  * void able

package/dist/utils/chain.d.ts

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

package/dist/utils/clone.js

@@ -0,0 +1,17 @@
+import { isArray } from '../is/is-array.js';
+import { isPrimitive } from '../is/is-primitive.js';
+
+/**
+ * @description
+ * in develop, there are many cases to clone a string/number/object/array
+ * this util is planning to resolve it
+ */
+var clone = function clone(value) {
+  if (isPrimitive(value)) return value;
+  if (value instanceof Map) return new Map(value);
+  if (value instanceof Set) return new Set(value);
+  if (isArray(value)) return Array.from(value);
+  return Object(value);
+};
+
+export { clone };

package/dist/utils/debounce.d.ts

@@ -1,4 +1,4 @@
-import { type Callable } from '../hooks/use-event';
+import { type Callable } from "../hooks/use-event";
 export interface Debounced<T extends Callable> {
     /**
      * @description

package/dist/utils/effect.d.ts

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

package/dist/utils/range.js

@@ -5,7 +5,7 @@
  * @returns number[]
  */
 var range = function range(from, to) {
-  var length = to - from + 1;
+  var length = Math.max(to - from + 1, 0);
   return Array.from({
     length: length
   }, function (_, index) {

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

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

package/dist/utils/throttle.d.ts

@@ -1,5 +1,5 @@
-import type { Debounced, Debouncer } from './debounce';
-import { type Callable } from '../hooks/use-event';
+import type { Debounced, Debouncer } from "./debounce";
+import { type Callable } from "../hooks/use-event";
 export type Throttled<T extends Callable> = Debounced<T>;
 export type Throttler<T extends Callable, R extends Array<unknown> = Parameters<T>> = Debouncer<T, R>;
 export declare const throttle: <T extends Callable, R extends Array<unknown> = Parameters<T>>(throttler: Throttler<T, R> | T, wait: number) => Throttled<T>;

package/dist/utils/to-array.js

@@ -12,7 +12,7 @@ var toArray = function toArray(value) {
     return value;
   }
   switch (_typeof(value)) {
-    case 'string':
+    case "string":
       if (isVoid(separator)) {
         return [value];
       }

package/dist/utils/toggle.d.ts

@@ -0,0 +1,8 @@
+/**
+ * toggle api
+ * @description
+ * when list has current key, remove it, otherwise add it
+ *
+ * return  a copy of list
+ */
+export declare const toggle: <R, T extends Iterable<R>>(value: T, key: R) => T;

package/dist/utils/toggle.js

@@ -0,0 +1,30 @@
+import { isSet } from '../is/is-set.js';
+
+/**
+ * toggle api
+ * @description
+ * when list has current key, remove it, otherwise add it
+ *
+ * return  a copy of list
+ */
+var toggle = function toggle(value, key) {
+  if (isSet(value)) {
+    var _copied = new Set(value);
+    if (_copied.has(key)) {
+      _copied["delete"](key);
+    } else {
+      _copied.add(key);
+    }
+    return _copied;
+  }
+  var copied = Array.from(value);
+  var index = copied.indexOf(key);
+  if (index === -1) {
+    copied.push(key);
+  } else {
+    copied.splice(index, 1);
+  }
+  return copied;
+};
+
+export { toggle };

package/dist/utils/waitable.d.ts

@@ -1,4 +1,4 @@
-import { type MonoTypeOperatorFunction } from 'rxjs';
+import { type MonoTypeOperatorFunction } from "rxjs";
 interface Props<T extends Array<unknown> = Array<unknown>, R extends Array<unknown> = T> {
     callback: (...args: T) => unknown;
     pipe: (...args: R) => T | Promise<T>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aiszlab/relax",
-  "version": "1.2.56",
+  "version": "1.2.58",
   "description": "react utils collection",
   "type": "module",
   "exports": {
@@ -29,11 +29,11 @@
     "@babel/core": "^7.24.7",
     "@babel/preset-env": "^7.24.7",
     "@babel/preset-typescript": "^7.24.7",
+    "@jest/globals": "^29.7.0",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-node-resolve": "^15.1.0",
     "@rollup/plugin-typescript": "^11.1.6",
-    "@testing-library/react": "^15.0.7",
-    "@types/jest": "^29.5.12",
+    "@testing-library/react": "^16.0.0",
     "@types/react": "^18",
     "@types/react-dom": "^18",
     "@types/react-is": "^18",
@@ -41,8 +41,8 @@
     "jest-environment-jsdom": "^29.7.0",
     "react": "18",
     "react-dom": "18",
-    "rollup": "^4.17.2",
-    "typescript": "5.5.2"
+    "rollup": "^4.18.1",
+    "typescript": "5.5.3"
   },
   "peerDependencies": {
     "react": "18",

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

@@ -1,4 +0,0 @@
-/**
- * @jest-environment jsdom
- */
-export {};

package/dist/__test__/hooks/use-identity.test.d.ts

@@ -1,4 +0,0 @@
-/**
- * @jest-environment jsdom
- */
-export {};

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

@@ -1,4 +0,0 @@
-/**
- * @jest-environment jsdom
- */
-export {};

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

@@ -1,4 +0,0 @@
-/**
- * @jest-environment jsdom
- */
-export {};

package/dist/__test__/hooks/use-timeout.test.d.ts

@@ -1,4 +0,0 @@
-/**
- * @jest-environment jsdom
- */
-export {};

package/dist/__test__/hooks/use-togglable.test.d.ts

@@ -1,4 +0,0 @@
-/**
- * @jest-environment jsdom
- */
-export {};

package/dist/__test__/is/is-null.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/__test__/is/is-thenable.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/__test__/utils/chain.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/__test__/utils/clamp.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/__test__/utils/clone.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/__test__/utils/debounce.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/__test__/utils/effect.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/__test__/utils/exclude.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/__test__/utils/throttle.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/__test__/utils/to-array.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/__test__/utils/to-form-data.test.d.ts

@@ -1 +0,0 @@
-export {};

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

@@ -1,48 +0,0 @@
-import { type Key } from 'react';
-/**
- * @description
- * togglable key
- */
-type TogglableKey = {
-    /**
-     * @description
-     * unique key
-     */
-    key: Key;
-    /**
-     * @description
-     * children
-     */
-    children?: TogglableKey[];
-};
-/**
- * @description
- * extra options
- */
-type Options = {
-    /**
-     * @description
-     * default toggled
-     */
-    isDefaultToggled?: boolean;
-    /**
-     * @description
-     * toggled keys
-     */
-    toggledKeys?: Key[];
-    /**
-     * @description
-     * on toggle callback
-     */
-    onToggle?: (keys: Key[]) => void;
-};
-/**
- * @description
- * toggle able
- */
-export declare const useTogglable: (togglableKeys: TogglableKey[], { onToggle, ...options }?: Options) => {
-    toggledKeys: Set<Key>;
-    isToggled: (key: Key) => boolean;
-    toggle: (key: Key) => void;
-};
-export {};

package/dist/hooks/use-toggleable.js

@@ -1,187 +0,0 @@
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, createClass as _createClass, classPrivateFieldGet2 as _classPrivateFieldGet2, classCallCheck as _classCallCheck, classPrivateFieldInitSpec as _classPrivateFieldInitSpec, classPrivateFieldSet2 as _classPrivateFieldSet2 } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { useMemo, useCallback } from 'react';
-import { useControlledState } from './use-controlled-state.js';
-import { useEvent } from './use-event.js';
-
-var _excluded = ["onToggle"];
-var _groupedLeaves = /*#__PURE__*/new WeakMap();
-var Tree = /*#__PURE__*/function () {
-  function Tree() {
-    _classCallCheck(this, Tree);
-    _classPrivateFieldInitSpec(this, _groupedLeaves, void 0);
-    _classPrivateFieldSet2(_groupedLeaves, this, new Map());
-  }
-  return _createClass(Tree, [{
-    key: "groupedLeaves",
-    get: function get() {
-      return _classPrivateFieldGet2(_groupedLeaves, this);
-    }
-  }, {
-    key: "grow",
-    value: function grow(togglableKey) {
-      // create leaf, leaf will auto trigger tree collect callback
-      new Leaf({
-        key: togglableKey.key,
-        parent: null,
-        belongTo: this
-      }).grow(togglableKey.children);
-      return this;
-    }
-  }, {
-    key: "collect",
-    value: function collect(leaf) {
-      _classPrivateFieldGet2(_groupedLeaves, this).has(leaf.key) ? _classPrivateFieldGet2(_groupedLeaves, this).get(leaf.key).add(leaf) : _classPrivateFieldGet2(_groupedLeaves, this).set(leaf.key, new Set([leaf]));
-    }
-  }, {
-    key: "toggle",
-    value: function toggle(key, toggledKeys) {
-      var hasToggled = toggledKeys.has(key);
-      var isToggled = !hasToggled;
-      return this.toggleBy(key, isToggled, toggledKeys);
-    }
-  }, {
-    key: "toggleBy",
-    value: function toggleBy(key, isToggled, toggledKeys) {
-      var _classPrivateFieldGet2$1;
-      debugger;
-      return Array.from((_classPrivateFieldGet2$1 = _classPrivateFieldGet2(_groupedLeaves, this).get(key)) !== null && _classPrivateFieldGet2$1 !== void 0 ? _classPrivateFieldGet2$1 : []).reduce(function (prev, leaf) {
-        // deep fall, add or remove child key
-        var fell = leaf.fall(isToggled, prev);
-        // deep rise, add or remove parent key
-        var rised = leaf.rise(fell);
-        return rised;
-      }, new Set(toggledKeys));
-    }
-  }]);
-}();
-var _key = /*#__PURE__*/new WeakMap();
-var _belongTo = /*#__PURE__*/new WeakMap();
-var _parent = /*#__PURE__*/new WeakMap();
-var _children = /*#__PURE__*/new WeakMap();
-var Leaf = /*#__PURE__*/function () {
-  function Leaf(props) {
-    _classCallCheck(this, Leaf);
-    _classPrivateFieldInitSpec(this, _key, void 0);
-    _classPrivateFieldInitSpec(this, _belongTo, void 0);
-    _classPrivateFieldInitSpec(this, _parent, void 0);
-    _classPrivateFieldInitSpec(this, _children, void 0);
-    _classPrivateFieldSet2(_key, this, props.key);
-    _classPrivateFieldSet2(_parent, this, props.parent);
-    _classPrivateFieldSet2(_belongTo, this, props.belongTo);
-    _classPrivateFieldSet2(_children, this, []);
-    // when leaf has grew, let tree collect leaf
-    _classPrivateFieldGet2(_belongTo, this).collect(this);
-  }
-  return _createClass(Leaf, [{
-    key: "key",
-    get: function get() {
-      return _classPrivateFieldGet2(_key, this);
-    }
-  }, {
-    key: "grow",
-    value: function grow() {
-      var _this = this;
-      var children = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-      if (children.length === 0) return this;
-      children.forEach(function (node) {
-        var child = new Leaf({
-          key: node.key,
-          parent: _this,
-          belongTo: _classPrivateFieldGet2(_belongTo, _this)
-        }).grow(node.children);
-        _classPrivateFieldGet2(_children, _this).push(child);
-      });
-      return this;
-    }
-  }, {
-    key: "rise",
-    value: function rise(toggledKeys) {
-      // if current key is toggled or children is all toggled
-      // just add current key into toggled keys
-      // else remove current key
-      var isToggled = toggledKeys.has(_classPrivateFieldGet2(_key, this)) || _classPrivateFieldGet2(_children, this).every(function (child) {
-        return toggledKeys.has(child.key);
-      });
-      var rised = new Set(toggledKeys);
-      if (isToggled) {
-        rised.add(_classPrivateFieldGet2(_key, this));
-      } else {
-        rised["delete"](_classPrivateFieldGet2(_key, this));
-      }
-      if (_classPrivateFieldGet2(_parent, this)) {
-        return _classPrivateFieldGet2(_parent, this).rise(rised);
-      }
-      return rised;
-    }
-  }, {
-    key: "fall",
-    value: function fall(isToggled, toggledKeys) {
-      var _this2 = this;
-      return _classPrivateFieldGet2(_children, this).reduce(function (prev, leaf) {
-        // deep loop, remove or add key
-        var fell = leaf.fall(isToggled, prev);
-        // toggle true, add key
-        // toggle false, remove key
-        if (isToggled) {
-          fell.add(_classPrivateFieldGet2(_key, _this2));
-        } else {
-          fell["delete"](_classPrivateFieldGet2(_key, _this2));
-        }
-        return fell;
-      }, new Set(toggledKeys));
-    }
-  }]);
-}();
-/**
- * @description
- * toggle able
- */
-var useTogglable = function useTogglable(togglableKeys) {
-  var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-    onToggle = _ref.onToggle,
-    options = _objectWithoutProperties(_ref, _excluded);
-  /// re-create tree when togglable keys changed
-  var tree = useMemo(function () {
-    return togglableKeys.reduce(function (_tree, togglable) {
-      return _tree.grow(togglable);
-    }, new Tree());
-  }, [togglableKeys]);
-  /// use controlled state to record toggled keys
-  var _useControlledState = useControlledState(options.toggledKeys, {
-      defaultState: function defaultState() {
-        return options.isDefaultToggled ? Array.from(Array.from(tree.groupedLeaves.values()).reduce(function (prev, leaves) {
-          leaves.forEach(function (leaf) {
-            return prev.add(leaf.key);
-          });
-          return prev;
-        }, new Set())) : [];
-      }
-    }),
-    _useControlledState2 = _slicedToArray(_useControlledState, 2),
-    _toggledKeys = _useControlledState2[0],
-    _setToggledKeys = _useControlledState2[1];
-  /// use set for toggled keys to make it read-only
-  var readableToggledKeys = useMemo(function () {
-    return new Set(_toggledKeys);
-  }, [_toggledKeys]);
-  /// check current key is toggled
-  var isToggled = useCallback(function (key) {
-    return !readableToggledKeys || readableToggledKeys.has(key);
-  }, [readableToggledKeys]);
-  /// toggle one key
-  var toggle = useEvent(function (key) {
-    // get new toggled keys by toggle current key
-    var _toggledKeys = Array.from(tree.toggle(key, readableToggledKeys));
-    // set state
-    _setToggledKeys(_toggledKeys);
-    // trigger on toggle callback
-    onToggle === null || onToggle === void 0 || onToggle(_toggledKeys);
-  });
-  return {
-    toggledKeys: readableToggledKeys,
-    isToggled: isToggled,
-    toggle: toggle
-  };
-};
-
-export { useTogglable };