@aiszlab/relax 1.5.11 → 2.0.0

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

@@ -1,2 +1,2 @@
 import { type UsingDrag } from "./use-drag";
-export declare const useDraggable: <T extends HTMLElement = HTMLElement>(using?: UsingDrag) => readonly [import("react").RefObject<T>, import("./use-drag").DragState];
+export declare const useDraggable: <T extends HTMLElement = HTMLElement>(using?: UsingDrag) => readonly [import("react").RefObject<T | null>, import("./use-drag").DragState];

package/dist/hooks/use-event-source.cjs

@@ -8,7 +8,7 @@ var useMounted = require('./use-mounted.cjs');
  * fetch event source
  */
 var useEventSource = function useEventSource(url) {
-  var eventSourceRef = react.useRef();
+  var eventSourceRef = react.useRef(null);
   useMounted.useMounted(function () {
     var _eventSource = eventSourceRef.current = new EventSource(url);
     return function () {

package/dist/hooks/use-event-source.mjs

@@ -6,7 +6,7 @@ import { useMounted } from './use-mounted.mjs';
  * fetch event source
  */
 var useEventSource = function useEventSource(url) {
-  var eventSourceRef = useRef();
+  var eventSourceRef = useRef(null);
   useMounted(function () {
     var _eventSource = eventSourceRef.current = new EventSource(url);
     return function () {

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

@@ -15,7 +15,7 @@ var useImageLoader = function useImageLoader(_ref) {
     crossOrigin = _ref.crossOrigin,
     _ref$referrerPolicy = _ref.referrerPolicy,
     referrerPolicy = _ref$referrerPolicy === void 0 ? "no-referrer" : _ref$referrerPolicy;
-  var loader = react.useRef();
+  var loader = react.useRef(null);
   var _useState = react.useState("none"),
     _useState2 = _slicedToArray(_useState, 2),
     status = _useState2[0],

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

@@ -13,7 +13,7 @@ var useImageLoader = function useImageLoader(_ref) {
     crossOrigin = _ref.crossOrigin,
     _ref$referrerPolicy = _ref.referrerPolicy,
     referrerPolicy = _ref$referrerPolicy === void 0 ? "no-referrer" : _ref$referrerPolicy;
-  var loader = useRef();
+  var loader = useRef(null);
   var _useState = useState("none"),
     _useState2 = _slicedToArray(_useState, 2),
     status = _useState2[0],

package/dist/hooks/use-infinite-scroll.d.ts

@@ -1,4 +1,5 @@
 import { type RefObject } from "react";
+import type { Nullable } from "../types";
 type UsingInfiniteScroll = {
     /**
      * @description
@@ -16,7 +17,10 @@ type UsingInfiniteScroll = {
      */
     onLoadMore?: () => void;
 };
-type UsedInfiniteScroll<S, V> = [sentinelRef: RefObject<S>, viewportRef: RefObject<V>];
+type UsedInfiniteScroll<S, V> = [
+    sentinelRef: RefObject<Nullable<S>>,
+    viewportRef: RefObject<Nullable<V>>
+];
 /**
  * @description
  * use infinite scroll

package/dist/hooks/use-parent-size.d.ts

@@ -4,7 +4,7 @@
  * provider with\height to child
  */
 export declare const useParentSize: <T extends HTMLElement = HTMLDivElement>() => {
-    parentRef: import("react").RefObject<T>;
+    parentRef: import("react").RefObject<T | null>;
     width: number;
     height: number;
 };

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

@@ -8,8 +8,8 @@ interface UseScrollableProps {
  * scrollable hook
  */
 export declare const useScrollable: <P extends HTMLElement, C extends HTMLElement>({ orientation, }?: UseScrollableProps) => {
-    targetRef: import("react").RefObject<P>;
-    triggerRefs: import("react").MutableRefObject<Map<Key, C | null>>;
+    targetRef: import("react").RefObject<P | null>;
+    triggerRefs: import("react").RefObject<Map<Key, C | null>>;
     scrollTo: (to: number, duration?: number) => void;
     to: (key: Key) => number;
     setTrigger: (key: Key, trigger: C) => void;

package/dist/hooks/use-timeout.mjs

@@ -1,5 +1,5 @@
 import { useRef, useEffect } from 'react';
-import { Observable, timer } from 'rxjs';
+import { timer, Observable } from 'rxjs';
 import { useEvent } from './use-event.mjs';
 import { useMounted } from './use-mounted.mjs';
 

package/dist/is/is-refable.cjs

@@ -13,13 +13,13 @@ var isRefable = function isRefable(node) {
   if (reactIs.isFragment(node)) {
     return false;
   }
-  return _RefableElement(node);
+  return isElementRefable(node);
 };
 /**
  * @description
- * refable element
+ * check element refable
  */
-var _RefableElement = function _RefableElement(element) {
+var isElementRefable = function isElementRefable(element) {
   var _type$prototype, _element$prototype;
   var type = reactIs.isMemo(element) ? element.type.type : element.type;
   // Function component node

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

@@ -1,5 +1,9 @@
-import { type ReactNode } from "react";
+import { type ReactElement, type ReactNode } from "react";
+import type { Refable } from "../react/mount-ref";
+import type { Nullable } from "../types";
 /**
  * @description
  */
-export declare const isRefable: (node: ReactNode) => boolean;
+export declare const isRefable: <T>(node: ReactNode) => node is ReactElement & {
+    ref: Nullable<Refable<T>>;
+};

package/dist/is/is-refable.mjs

@@ -11,13 +11,13 @@ var isRefable = function isRefable(node) {
   if (isFragment(node)) {
     return false;
   }
-  return _RefableElement(node);
+  return isElementRefable(node);
 };
 /**
  * @description
- * refable element
+ * check element refable
  */
-var _RefableElement = function _RefableElement(element) {
+var isElementRefable = function isElementRefable(element) {
   var _type$prototype, _element$prototype;
   var type = isMemo(element) ? element.type.type : element.type;
   // Function component node

package/dist/utils/at.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+var isString = require('../is/is-string.cjs');
+
+function at(value, pos) {
+  if (isString.isString(value)) {
+    return value.at(pos);
+  }
+  // check can i use `at`
+  if (!!Array.prototype.at) {
+    return value.at(pos);
+  }
+  return value[pos];
+}
+
+exports.at = at;

package/dist/utils/at.d.ts

@@ -0,0 +1,7 @@
+import type { Partialable } from "../types";
+/**
+ * @description for different browser or browser version, use good api to cover
+ */
+declare function at(value: string, pos: number): string;
+declare function at<T>(value: Array<T>, pos: number): Partialable<T>;
+export { at };

package/dist/utils/at.mjs

@@ -0,0 +1,14 @@
+import { isString } from '../is/is-string.mjs';
+
+function at(value, pos) {
+  if (isString(value)) {
+    return value.at(pos);
+  }
+  // check can i use `at`
+  if (!!Array.prototype.at) {
+    return value.at(pos);
+  }
+  return value[pos];
+}
+
+export { at };

package/dist/utils/first.cjs

@@ -1,15 +1,18 @@
 'use strict';
 
 var toArray = require('./to-array.cjs');
+var at = require('./at.cjs');
+var isString = require('../is/is-string.cjs');
 
 /**
  * @description
  * first element of array
  */
 var first = function first(value) {
-  return toArray.toArray(value, {
-    separator: ""
-  }).at(0);
+  if (isString.isString(value)) {
+    return value.at(0);
+  }
+  return at.at(toArray.toArray(value), 0);
 };
 
 exports.first = first;

package/dist/utils/first.mjs

@@ -1,13 +1,16 @@
 import { toArray } from './to-array.mjs';
+import { at } from './at.mjs';
+import { isString } from '../is/is-string.mjs';
 
 /**
  * @description
  * first element of array
  */
 var first = function first(value) {
-  return toArray(value, {
-    separator: ""
-  }).at(0);
+  if (isString(value)) {
+    return value.at(0);
+  }
+  return at(toArray(value), 0);
 };
 
 export { first };

package/dist/utils/last.cjs

@@ -1,15 +1,18 @@
 'use strict';
 
 var toArray = require('./to-array.cjs');
+var isString = require('../is/is-string.cjs');
+var at = require('./at.cjs');
 
 /**
  * @description
  * last element of array
  */
 var last = function last(value) {
-  return toArray.toArray(value, {
-    separator: ""
-  }).at(-1);
+  if (isString.isString(value)) {
+    return value.at(-1);
+  }
+  return at.at(toArray.toArray(value), -1);
 };
 
 exports.last = last;

package/dist/utils/last.mjs

@@ -1,13 +1,16 @@
 import { toArray } from './to-array.mjs';
+import { isString } from '../is/is-string.mjs';
+import { at } from './at.mjs';
 
 /**
  * @description
  * last element of array
  */
 var last = function last(value) {
-  return toArray(value, {
-    separator: ""
-  }).at(-1);
+  if (isString(value)) {
+    return value.at(-1);
+  }
+  return at(toArray(value), -1);
 };
 
 export { last };

package/dist/utils/to-array.cjs

@@ -1,27 +1,21 @@
 'use strict';
 
-var _typeof = require('@babel/runtime/helpers/typeof');
-var isVoid = require('../is/is-void.cjs');
+var isString = require('../is/is-string.cjs');
+var isUndefined = require('../is/is-undefined.cjs');
 
-/**
- * @description
- * convert any type data to a array
- */
-var toArray = function toArray(value) {
-  var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-    separator = _ref.separator;
+function toArray(value, splitter) {
+  // string branch
+  if (isString.isString(value)) {
+    if (isUndefined.isUndefined(splitter)) {
+      return [value];
+    }
+    return value.split(splitter);
+  }
+  // array branch
   if (Array.isArray(value)) {
     return value;
   }
-  switch (_typeof(value)) {
-    case "string":
-      if (isVoid.isVoid(separator)) {
-        return [value];
-      }
-      return value.split(separator);
-    default:
-      return [value];
-  }
-};
+  return [value];
+}
 
 exports.toArray = toArray;

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

@@ -1,18 +1,8 @@
-/**
- * @description
- * options
- */
-type Options = {
-    /**
-     * @description
-     * separator
-     * only effect in `value is string`, value would be split by separator
-     */
-    separator?: string;
-};
+type Splitter = string | RegExp;
 /**
  * @description
  * convert any type data to a array
  */
-export declare const toArray: <T extends unknown = unknown>(value: T | Array<T>, { separator }?: Options) => Array<T>;
-export {};
+declare function toArray(value: string, splitter?: Splitter): string[];
+declare function toArray<T = unknown>(value: T): T extends Array<unknown> ? T : T[];
+export { toArray };

package/dist/utils/to-array.mjs

@@ -1,25 +1,19 @@
-import _typeof from '@babel/runtime/helpers/typeof';
-import { isVoid } from '../is/is-void.mjs';
+import { isString } from '../is/is-string.mjs';
+import { isUndefined } from '../is/is-undefined.mjs';
 
-/**
- * @description
- * convert any type data to a array
- */
-var toArray = function toArray(value) {
-  var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-    separator = _ref.separator;
+function toArray(value, splitter) {
+  // string branch
+  if (isString(value)) {
+    if (isUndefined(splitter)) {
+      return [value];
+    }
+    return value.split(splitter);
+  }
+  // array branch
   if (Array.isArray(value)) {
     return value;
   }
-  switch (_typeof(value)) {
-    case "string":
-      if (isVoid(separator)) {
-        return [value];
-      }
-      return value.split(separator);
-    default:
-      return [value];
-  }
-};
+  return [value];
+}
 
 export { toArray };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aiszlab/relax",
-  "version": "1.5.11",
+  "version": "2.0.0",
   "description": "react utils collection",
   "exports": {
     ".": {
@@ -29,30 +29,30 @@
     "publish:npm": "npm publish"
   },
   "dependencies": {
-    "@babel/runtime": "^7.26.0",
-    "react-is": "^18.3.1",
+    "@babel/runtime": "^7.26.9",
+    "react-is": "^19.0.0",
     "rxjs": "^7.8.1"
   },
   "devDependencies": {
-    "@babel/core": "^7.26.0",
-    "@babel/plugin-transform-runtime": "^7.25.9",
-    "@babel/preset-env": "^7.26.0",
-    "@babel/preset-react": "^7.25.9",
+    "@babel/core": "^7.26.9",
+    "@babel/plugin-transform-runtime": "^7.26.9",
+    "@babel/preset-env": "^7.26.9",
+    "@babel/preset-react": "^7.26.3",
     "@babel/preset-typescript": "^7.26.0",
     "@jest/globals": "^29.7.0",
     "@rollup/plugin-babel": "^6.0.4",
-    "@rollup/plugin-node-resolve": "^15.3.0",
-    "@rollup/plugin-typescript": "^12.1.1",
-    "@testing-library/react": "^16.1.0",
+    "@rollup/plugin-node-resolve": "^16.0.0",
+    "@rollup/plugin-typescript": "^12.1.2",
+    "@testing-library/react": "^16.2.0",
     "@types/babel__core": "^7.20.5",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
-    "@types/react-is": "^18.3.0",
+    "@types/react": "^19.0.10",
+    "@types/react-dom": "^19.0.4",
+    "@types/react-is": "^19.0.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "rollup": "^4.28.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "rollup": "^4.34.8",
     "typescript": "5.7.3"
   },
   "peerDependencies": {