@aiszlab/relax 1.2.68 → 1.2.70

package/dist/dom/scroll-to.js

@@ -31,7 +31,7 @@ var Scroller = /*#__PURE__*/function () {
 var _scroller = {
   _: null
 };
-var scrollTo = function scrollTo(target, to) {
+var _scrollTo = function scrollTo(target, to) {
   var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
       duration: 0,
       direction: "vertical"
@@ -62,11 +62,11 @@ var scrollTo = function scrollTo(target, to) {
     target[currentAtProperty] = currentAt + step;
     // over end, stop any animation
     if (target[currentAtProperty] === to) return;
-    scrollTo(target, to, {
+    _scrollTo(target, to, {
       duration: duration - 10,
       direction: direction
     });
   }));
 };
 
-export { scrollTo };
+export { _scrollTo as scrollTo };

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

@@ -1,17 +1,18 @@
 import { type Dispatch, type SetStateAction } from "react";
-import type { State } from "../types";
-interface Props<T> {
+import type { State, RequiredTo } from "../types";
+type UseControlledStateBy<T> = {
     /**
      * @description
      * default value
      */
     defaultState?: State<T>;
-}
+};
+type UsedControlledState<T, R> = R extends undefined ? [T, Dispatch<SetStateAction<T>>] : [RequiredTo<T>, Dispatch<SetStateAction<RequiredTo<T>>>];
 /**
  * @author murukal
  *
  * @description
  * controlled state
  */
-export declare const useControlledState: <T>(controlledState: T, { defaultState }?: Props<T>) => [T, Dispatch<SetStateAction<T>>];
+export declare const useControlledState: <T, R extends T>(controlledState: T, { defaultState }?: UseControlledStateBy<R>) => UsedControlledState<T, R>;
 export {};

package/dist/hooks/use-controlled-state.js

@@ -34,6 +34,7 @@ var useControlledState = function useControlledState(controlledState) {
   }, [controlledState]);
   /// use controlled
   var state = !isUndefined(controlledState) ? controlledState : _state;
+  // @ts-ignore
   return [state, _setState];
 };
 

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

@@ -1,6 +1,9 @@
+import { type HTMLAttributeReferrerPolicy } from "react";
 type Status = "none" | "loading" | "error" | "loaded";
 interface Props {
-    src: string;
+    src?: string;
+    crossOrigin?: string;
+    referrerPolicy?: HTMLAttributeReferrerPolicy;
 }
 /**
  * @author murukal
@@ -8,5 +11,5 @@ interface Props {
  * @description
  * image loader
  */
-export declare const useImageLoader: ({ src }: Props) => Status;
+export declare const useImageLoader: ({ src, crossOrigin, referrerPolicy }: Props) => Status;
 export {};

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

@@ -9,7 +9,10 @@ import { Observable } from 'rxjs';
  * image loader
  */
 var useImageLoader = function useImageLoader(_ref) {
-  var src = _ref.src;
+  var src = _ref.src,
+    crossOrigin = _ref.crossOrigin,
+    _ref$referrerPolicy = _ref.referrerPolicy,
+    referrerPolicy = _ref$referrerPolicy === void 0 ? "no-referrer" : _ref$referrerPolicy;
   var loader = useRef();
   var _useState = useState("none"),
     _useState2 = _slicedToArray(_useState, 2),
@@ -34,20 +37,26 @@ var useImageLoader = function useImageLoader(_ref) {
         return setStatus("error");
       }
     });
-    var image = new Image();
-    image.addEventListener("load", function () {
+    var load = function load() {
       var _loader$current;
       (_loader$current = loader.current) === null || _loader$current === void 0 || _loader$current.complete();
-    });
-    image.addEventListener("error", function () {
+    };
+    var error = function error() {
       var _loader$current2;
       (_loader$current2 = loader.current) === null || _loader$current2 === void 0 || _loader$current2.error(null);
-    });
+    };
+    var image = new Image();
+    image.addEventListener("load", load);
+    image.addEventListener("error", error);
+    image.crossOrigin = crossOrigin !== null && crossOrigin !== void 0 ? crossOrigin : null;
+    image.referrerPolicy = referrerPolicy;
     image.src = src;
     return function () {
+      image.removeEventListener("load", load);
+      image.removeEventListener("error", error);
       image.remove();
     };
-  }, [src]);
+  }, [src, crossOrigin, referrerPolicy]);
   return status;
 };
 

package/dist/hooks/use-scrollable.js

@@ -1,5 +1,5 @@
 import { useRef, useCallback } from 'react';
-import { scrollTo } from '../dom/scroll-to.js';
+import { scrollTo as _scrollTo } from '../dom/scroll-to.js';
 
 /**
  * @description
@@ -11,12 +11,12 @@ var useScrollable = function useScrollable() {
     direction = _ref$direction === void 0 ? "vertical" : _ref$direction;
   var targetRef = useRef(null);
   var triggerRefs = useRef(new Map());
-  var scrollTo$1 = useCallback(function (to) {
+  var scrollTo = 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,
       direction: direction
     });
@@ -34,7 +34,7 @@ var useScrollable = function useScrollable() {
   return {
     targetRef: targetRef,
     triggerRefs: triggerRefs,
-    scrollTo: scrollTo$1,
+    scrollTo: scrollTo,
     to: to,
     setTrigger: setTrigger
   };

package/dist/types/index.d.ts

@@ -7,3 +7,4 @@ export type { First } from "./first";
 export type { Last } from "./last";
 export type { State, StateGetter } from "./state";
 export type { Arrayable } from "./arrayable";
+export type { RequiredTo } from "./required-to";

package/dist/types/required-to.d.ts

@@ -0,0 +1 @@
+export type RequiredTo<T> = Exclude<T, undefined>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aiszlab/relax",
-  "version": "1.2.68",
+  "version": "1.2.70",
   "description": "react utils collection",
   "type": "module",
   "exports": {
@@ -22,30 +22,30 @@
     "test": "jest"
   },
   "dependencies": {
-    "@babel/runtime": "^7.24.8",
-    "react-is": "^18.2.0",
+    "@babel/runtime": "^7.25.0",
+    "react-is": "^18.3.1",
     "rxjs": "^7.8.1"
   },
   "devDependencies": {
-    "@babel/core": "^7.24.9",
+    "@babel/core": "^7.25.2",
     "@babel/plugin-transform-runtime": "^7.24.7",
-    "@babel/preset-env": "^7.24.8",
+    "@babel/preset-env": "^7.25.3",
     "@babel/preset-react": "^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-node-resolve": "^15.2.3",
     "@rollup/plugin-typescript": "^11.1.6",
     "@testing-library/react": "^16.0.0",
-    "@types/react": "^18",
-    "@types/react-dom": "^18",
-    "@types/react-is": "^18",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "@types/react-is": "^18.3.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "react": "18",
-    "react-dom": "18",
-    "rollup": "^4.19.0",
-    "typescript": "5.5.3"
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "rollup": "^4.20.0",
+    "typescript": "5.5.4"
   },
   "peerDependencies": {
     "react": "18",