@aiszlab/relax 1.5.0 → 1.5.2

package/dist/hooks/use-composed-ref.cjs

@@ -3,7 +3,7 @@
 var mountRef = require('../react/mount-ref.cjs');
 var useEvent = require('./use-event.cjs');
 
-var useComposeRef = function useComposeRef() {
+var useComposedRef = function useComposedRef() {
   for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
     refs[_key] = arguments[_key];
   }
@@ -15,4 +15,4 @@ var useComposeRef = function useComposeRef() {
   });
 };
 
-exports.useComposeRef = useComposeRef;
+exports.useComposedRef = useComposedRef;

package/dist/hooks/use-composed-ref.d.ts

@@ -1,3 +1,3 @@
 import type { Nullable, Voidable } from "@aiszlab/relax/types";
 import { type Refable } from "../react/mount-ref";
-export declare const useComposeRef: <T>(...refs: Voidable<Refable<Nullable<T>>>[]) => (reference: T) => void;
+export declare const useComposedRef: <T>(...refs: Voidable<Refable<Nullable<T>>>[]) => (reference: T) => void;

package/dist/hooks/use-composed-ref.mjs

@@ -1,7 +1,7 @@
 import { mountRef } from '../react/mount-ref.mjs';
 import { useEvent } from './use-event.mjs';
 
-var useComposeRef = function useComposeRef() {
+var useComposedRef = function useComposedRef() {
   for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
     refs[_key] = arguments[_key];
   }
@@ -13,4 +13,4 @@ var useComposeRef = function useComposeRef() {
   });
 };
 
-export { useComposeRef };
+export { useComposedRef };

package/dist/index.cjs

@@ -89,7 +89,7 @@ exports.useDefault = useDefault.useDefault;
 exports.useScrollLocker = useScrollLocker.useScrollLocker;
 exports.useForceUpdate = useForceUpdate.useForceUpdate;
 exports.useScrollable = useScrollable.useScrollable;
-exports.useComposeRef = useComposedRef.useComposeRef;
+exports.useComposedRef = useComposedRef.useComposedRef;
 exports.useTogglable = useTogglable.useTogglable;
 exports.useEvent = useEvent.useEvent;
 exports.useUpdateEffect = useUpdateEffect.useUpdateEffect;

package/dist/index.d.ts

@@ -14,7 +14,7 @@ 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 { useComposeRef } from "./hooks/use-composed-ref";
+export { useComposedRef } from "./hooks/use-composed-ref";
 export { useTogglable } from "./hooks/use-togglable";
 export { useEvent } from "./hooks/use-event";
 export { useUpdateEffect } from "./hooks/use-update-effect";

package/dist/index.mjs

@@ -10,7 +10,7 @@ export { useDefault } from './hooks/use-default.mjs';
 export { useScrollLocker } from './hooks/use-scroll-locker.mjs';
 export { useForceUpdate } from './hooks/use-force-update.mjs';
 export { useScrollable } from './hooks/use-scrollable.mjs';
-export { useComposeRef } from './hooks/use-composed-ref.mjs';
+export { useComposedRef } from './hooks/use-composed-ref.mjs';
 export { useTogglable } from './hooks/use-togglable.mjs';
 export { useEvent } from './hooks/use-event.mjs';
 export { useUpdateEffect } from './hooks/use-update-effect.mjs';

package/dist/react/using.cjs

@@ -50,10 +50,20 @@ var using = function using(initializer) {
     subscribe = _initialize.subscribe,
     initialState = _initialize.initialState,
     state = _initialize.state;
-  // return as hooks
-  return function () {
+  // create like hooks
+  var useStore = function useStore() {
     return react.useSyncExternalStore(subscribe, state, initialState);
   };
+  Object.defineProperty(useStore, "state", {
+    get: function get() {
+      return state();
+    },
+    set: function set() {
+      console.warn("`useStore`.`state` is readonly property!");
+      return Reflect.get(useStore, "state");
+    }
+  });
+  return useStore;
 };
 
 exports.using = using;

package/dist/react/using.d.ts

@@ -1,4 +1,8 @@
 type SetState<T> = (state: T | ((previous: T) => T)) => void;
 type Initializer<T> = (setState: SetState<T>) => T;
-declare const using: <T>(initializer: Initializer<T>) => (() => T);
+type UseStore<T> = {
+    (): T;
+    get state(): T;
+};
+declare const using: <T>(initializer: Initializer<T>) => UseStore<T>;
 export { using };

package/dist/react/using.mjs

@@ -48,10 +48,20 @@ var using = function using(initializer) {
     subscribe = _initialize.subscribe,
     initialState = _initialize.initialState,
     state = _initialize.state;
-  // return as hooks
-  return function () {
+  // create like hooks
+  var useStore = function useStore() {
     return useSyncExternalStore(subscribe, state, initialState);
   };
+  Object.defineProperty(useStore, "state", {
+    get: function get() {
+      return state();
+    },
+    set: function set() {
+      console.warn("`useStore`.`state` is readonly property!");
+      return Reflect.get(useStore, "state");
+    }
+  });
+  return useStore;
 };
 
 export { using };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aiszlab/relax",
-  "version": "1.5.0",
+  "version": "1.5.2",
   "description": "react utils collection",
   "exports": {
     ".": {
@@ -36,24 +36,24 @@
     "publish:npm": "npm publish"
   },
   "dependencies": {
-    "@babel/runtime": "^7.25.6",
+    "@babel/runtime": "^7.25.7",
     "react-is": "^18.3.1",
     "rxjs": "^7.8.1"
   },
   "devDependencies": {
-    "@babel/core": "^7.25.2",
-    "@babel/plugin-transform-runtime": "^7.25.4",
-    "@babel/preset-env": "^7.25.7",
-    "@babel/preset-react": "^7.24.7",
-    "@babel/preset-typescript": "^7.24.7",
+    "@babel/core": "^7.25.8",
+    "@babel/plugin-transform-runtime": "^7.25.7",
+    "@babel/preset-env": "^7.25.8",
+    "@babel/preset-react": "^7.25.7",
+    "@babel/preset-typescript": "^7.25.7",
     "@jest/globals": "^29.7.0",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-node-resolve": "^15.3.0",
-    "@rollup/plugin-typescript": "^12.1.0",
+    "@rollup/plugin-typescript": "^12.1.1",
     "@testing-library/react": "^16.0.1",
     "@types/babel__core": "^7.20.5",
     "@types/react": "^18.3.11",
-    "@types/react-dom": "^18.3.0",
+    "@types/react-dom": "^18.3.1",
     "@types/react-is": "^18.3.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",