@aiszlab/relax 1.3.9 → 1.3.11

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

@@ -18,4 +18,5 @@ declare function useControlledState<T>(): UsedControlledState<Partialable<T>>;
 declare function useControlledState<T>(controlledState: T): UsedControlledState<T>;
 declare function useControlledState<T>(controlledState: T, useControlledStateBy: UseControlledStateBy<undefined>): UsedControlledState<T>;
 declare function useControlledState<T>(controlledState: Partialable<T>, useControlledStateBy: RequiredIn<UseControlledStateBy<T>, "defaultState">): UsedControlledState<T>;
+declare function useControlledState<T>(controlledState: T, useControlledStateBy: UseControlledStateBy<T>): UsedControlledState<T>;
 export { useControlledState };

package/dist/hooks/use-memorable.js

@@ -1,24 +1,13 @@
-import { useRef, useEffect } from 'react';
-import { useDefault } from './use-default.js';
+import { useRef } from 'react';
 
 var useMemorable = function useMemorable(getter, condition, shouldUpdate) {
-  var isMounted = useRef(false);
-  var cacheRef = useRef({
-    value: useDefault(getter),
-    condition: condition
-  });
-  useEffect(function () {
-    // value has got in the first render, skip this render time
-    if (!isMounted.current) {
-      isMounted.current = true;
-      return;
-    }
-    if (!shouldUpdate(cacheRef.current.condition, condition)) return;
+  var cacheRef = useRef(null);
+  if (cacheRef.current === null || shouldUpdate(cacheRef.current.condition, condition)) {
     cacheRef.current = {
       value: getter(),
       condition: condition
     };
-  });
+  }
   return cacheRef.current.value;
 };
 

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

@@ -3,4 +3,7 @@ import type { State } from "@aiszlab/relax/types";
  * @description
  * use reactive
  */
-export declare const useReactive: <T>(initialState: State<T>) => void;
+declare const useReactive: <T>(initialState: State<T>) => {
+    value: T;
+};
+export { useReactive };

package/dist/hooks/use-reactive.js

@@ -0,0 +1,30 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useRef } from 'react';
+import { useEvent } from './use-event.js';
+
+/**
+ * @description
+ * use reactive
+ */
+var useReactive = function useReactive(initialState) {
+  var _useState = useState(initialState),
+    _useState2 = _slicedToArray(_useState, 2),
+    _state = _useState2[0],
+    _setState = _useState2[1];
+  var getter = useEvent(function () {
+    return _state;
+  });
+  var setter = useEvent(function (_target, _key, value) {
+    _setState(value);
+    return true;
+  });
+  var ref = useRef(new Proxy({
+    value: _state
+  }, {
+    get: getter,
+    set: setter
+  }));
+  return ref.current;
+};
+
+export { useReactive };

package/dist/index.d.ts

@@ -34,6 +34,7 @@ export { useLocalStorageState } from "./hooks/use-local-storage-state";
 export { useSessionStorageState } from "./hooks/use-session-storage-state";
 export { useIsMounted } from "./hooks/use-is-mounted";
 export { useInfiniteScroll } from "./hooks/use-infinite-scroll";
+export { useReactive } from "./hooks/use-reactive";
 /**
  * @description
  * is
@@ -43,7 +44,6 @@ export { isUndefined } from "./is/is-undefined";
 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";
@@ -53,6 +53,7 @@ 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";
+export { isObject } from "./is/is-object";
 /**
  * @description
  * utils

package/dist/index.js

@@ -30,12 +30,12 @@ export { useLocalStorageState } from './hooks/use-local-storage-state.js';
 export { useSessionStorageState } from './hooks/use-session-storage-state.js';
 export { useIsMounted } from './hooks/use-is-mounted.js';
 export { useInfiniteScroll } from './hooks/use-infinite-scroll.js';
+export { useReactive } from './hooks/use-reactive.js';
 export { isRefable } from './is/is-refable.js';
 export { isUndefined } from './is/is-undefined.js';
 export { isNull } from './is/is-null.js';
 export { isVoid } from './is/is-void.js';
 export { isArray } from './is/is-array.js';
-export { isComplex } from './is/is-complex.js';
 export { isEmpty } from './is/is-empty.js';
 export { isDomUsable } from './is/is-dom-usable.js';
 export { isMobile } from './is/is-mobile.js';
@@ -45,6 +45,7 @@ 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 { isObject } from './is/is-object.js';
 export { effect } from './utils/effect.js';
 export { unique, uniqueBy } from './utils/unique.js';
 export { range } from './utils/range.js';

package/dist/is/is-empty.js

@@ -1,6 +1,6 @@
-import _typeof from '@babel/runtime/helpers/typeof';
 import { isVoid } from './is-void.js';
 import { isArray } from './is-array.js';
+import { isObject } from './is-object.js';
 
 /**
  * @author murukal
@@ -11,14 +11,14 @@ import { isArray } from './is-array.js';
 var isEmpty = function 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;
   }
+  // object
+  if (isObject(value)) {
+    return Object.keys(value).length === 0;
+  }
   return !!value;
 };
 

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

@@ -2,4 +2,5 @@
  * @description
  * if is function
  */
-export declare const isFunction: (value: unknown) => value is Function;
+declare const isFunction: (value: unknown) => value is Function;
+export { isFunction };

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

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

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

@@ -0,0 +1,6 @@
+/**
+ * @description
+ * is object
+ */
+declare const isObject: (value: unknown) => value is Object;
+export { isObject };

package/dist/is/is-object.js

@@ -0,0 +1,11 @@
+import _typeof from '@babel/runtime/helpers/typeof';
+
+/**
+ * @description
+ * is object
+ */
+var isObject = function isObject(value) {
+  return !!value && _typeof(value) === "object";
+};
+
+export { isObject };

package/package.json

@@ -1,8 +1,7 @@
 {
   "name": "@aiszlab/relax",
-  "version": "1.3.9",
+  "version": "1.3.11",
   "description": "react utils collection",
-  "type": "module",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",

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

@@ -1,5 +0,0 @@
-/**
- * @description
- * complex
- */
-export declare const isComplex: (value: unknown) => value is Object;

package/dist/is/is-complex.js

@@ -1,11 +0,0 @@
-import _typeof from '@babel/runtime/helpers/typeof';
-
-/**
- * @description
- * complex
- */
-var isComplex = function isComplex(value) {
-  return _typeof(value) === "object" || typeof value === "function";
-};
-
-export { isComplex };