@effect-rx/rx-react 0.7.1 → 0.7.3

package/dist/declarations/src/index.d.ts

@@ -97,4 +97,9 @@ export declare const useRxSubscribe: <A>(rx: Rx.Rx<A>, f: (_: A) => void, option
  * @category hooks
  */
 export declare const useRxRef: <A>(ref: RxRef.ReadonlyRef<A>) => A;
+/**
+ * @since 1.0.0
+ * @category hooks
+ */
+export declare const useRxRefProp: <A, K extends keyof A>(ref: RxRef.RxRef<A>, prop: K) => RxRef.RxRef<A[K]>;
 //# sourceMappingURL=index.d.ts.map

package/dist/declarations/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"../../../src","sources":["index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,QAAQ,MAAM,wBAAwB,CAAA;AAClD,OAAO,KAAK,MAAM,MAAM,sBAAsB,CAAA;AAC9C,OAAO,KAAK,EAAE,MAAM,kBAAkB,CAAA;AACtC,OAAO,KAAK,KAAK,KAAK,MAAM,qBAAqB,CAAA;AAEjD,OAAO,KAAK,KAAK,IAAI,MAAM,aAAa,CAAA;AAExC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B;;;GAGG;AACH,OAAO,KAAK,QAAQ,MAAM,wBAAwB,CAAA;AAClD;;;GAGG;AACH,OAAO,KAAK,MAAM,MAAM,sBAAsB,CAAA;AAC9C;;;GAGG;AACH,OAAO,KAAK,EAAE,MAAM,kBAAkB,CAAA;AACtC;;;GAGG;AACH,OAAO,KAAK,KAAK,MAAM,qBAAqB,CAAA;AAE5C;;;GAGG;AACH,eAAO,MAAM,eAAe,kCAA0D,CAAA;AAmCtF;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE;IACvB,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;IACpB,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;CAQxC,CAAA;AAmDD;;;GAGG;AACH,eAAO,MAAM,UAAU,uBAAsB,IAG5C,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,6DAA4D,IAIhF,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,eAAe,0FAK3B,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY,wCAAuC,MAAM,IAMrE,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,KAAK,8FAE4C,IAAI,CAMjE,CAAA;AA2CD;;;GAGG;AACH,eAAO,MAAM,aAAa,mDAEd;IAAE,QAAQ,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAAE;wBAE7B,OAAO;;CAwB5B,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,oBAAoB,mDAErB;IAAE,QAAQ,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAAE;wBAE7B,OAAO;;CAW5B,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,cAAc,iCAEZ,IAAI,YACP;IAAE,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;CAAE,KACzC,IAMF,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,qCAIpB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"../../../src","sources":["index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,QAAQ,MAAM,wBAAwB,CAAA;AAClD,OAAO,KAAK,MAAM,MAAM,sBAAsB,CAAA;AAC9C,OAAO,KAAK,EAAE,MAAM,kBAAkB,CAAA;AACtC,OAAO,KAAK,KAAK,KAAK,MAAM,qBAAqB,CAAA;AAEjD,OAAO,KAAK,KAAK,IAAI,MAAM,aAAa,CAAA;AAExC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B;;;GAGG;AACH,OAAO,KAAK,QAAQ,MAAM,wBAAwB,CAAA;AAClD;;;GAGG;AACH,OAAO,KAAK,MAAM,MAAM,sBAAsB,CAAA;AAC9C;;;GAGG;AACH,OAAO,KAAK,EAAE,MAAM,kBAAkB,CAAA;AACtC;;;GAGG;AACH,OAAO,KAAK,KAAK,MAAM,qBAAqB,CAAA;AAE5C;;;GAGG;AACH,eAAO,MAAM,eAAe,kCAA0D,CAAA;AAmCtF;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE;IACvB,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;IACpB,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;CAQxC,CAAA;AAmDD;;;GAGG;AACH,eAAO,MAAM,UAAU,uBAAsB,IAG5C,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,6DAA4D,IAIhF,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,eAAe,0FAK3B,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY,wCAAuC,MAAM,IAMrE,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,KAAK,8FAE4C,IAAI,CAMjE,CAAA;AA2CD;;;GAGG;AACH,eAAO,MAAM,aAAa,mDAEd;IAAE,QAAQ,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAAE;wBAE7B,OAAO;;CAwB5B,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,oBAAoB,mDAErB;IAAE,QAAQ,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAAE;wBAE7B,OAAO;;CAW5B,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,cAAc,iCAEZ,IAAI,YACP;IAAE,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;CAAE,KACzC,IAMF,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,qCAIpB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY,2EAExB,CAAA"}

package/dist/effect-rx-rx-react.cjs.dev.js

@@ -259,6 +259,14 @@ const useRxRef = ref => {
   return value;
 };
 
+/**
+ * @since 1.0.0
+ * @category hooks
+ */
+const useRxRefProp = (ref, prop) => {
+  return React__namespace.useMemo(() => ref.prop(prop), [ref, prop]);
+};
+
 exports.Registry = Registry__namespace;
 exports.Result = Result__namespace;
 exports.Rx = Rx__namespace;
@@ -267,6 +275,7 @@ exports.RegistryContext = RegistryContext;
 exports.useRx = useRx;
 exports.useRxMount = useRxMount;
 exports.useRxRef = useRxRef;
+exports.useRxRefProp = useRxRefProp;
 exports.useRxRefresh = useRxRefresh;
 exports.useRxSet = useRxSet;
 exports.useRxSetPromise = useRxSetPromise;

package/dist/effect-rx-rx-react.cjs.mjs

@@ -7,6 +7,7 @@ export {
   useRx,
   useRxMount,
   useRxRef,
+  useRxRefProp,
   useRxRefresh,
   useRxSet,
   useRxSetPromise,

package/dist/effect-rx-rx-react.cjs.prod.js

@@ -259,6 +259,14 @@ const useRxRef = ref => {
   return value;
 };
 
+/**
+ * @since 1.0.0
+ * @category hooks
+ */
+const useRxRefProp = (ref, prop) => {
+  return React__namespace.useMemo(() => ref.prop(prop), [ref, prop]);
+};
+
 exports.Registry = Registry__namespace;
 exports.Result = Result__namespace;
 exports.Rx = Rx__namespace;
@@ -267,6 +275,7 @@ exports.RegistryContext = RegistryContext;
 exports.useRx = useRx;
 exports.useRxMount = useRxMount;
 exports.useRxRef = useRxRef;
+exports.useRxRefProp = useRxRefProp;
 exports.useRxRefresh = useRxRefresh;
 exports.useRxSet = useRxSet;
 exports.useRxSetPromise = useRxSetPromise;

package/dist/effect-rx-rx-react.esm.js

@@ -234,4 +234,12 @@ const useRxRef = ref => {
   return value;
 };
 
-export { RegistryContext, useRx, useRxMount, useRxRef, useRxRefresh, useRxSet, useRxSetPromise, useRxSubscribe, useRxSuspense, useRxSuspenseSuccess, useRxValue };
+/**
+ * @since 1.0.0
+ * @category hooks
+ */
+const useRxRefProp = (ref, prop) => {
+  return React.useMemo(() => ref.prop(prop), [ref, prop]);
+};
+
+export { RegistryContext, useRx, useRxMount, useRxRef, useRxRefProp, useRxRefresh, useRxSet, useRxSetPromise, useRxSubscribe, useRxSuspense, useRxSuspenseSuccess, useRxValue };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@effect-rx/rx-react",
-  "version": "0.7.1",
+  "version": "0.7.3",
   "description": "Reactive toolkit for Effect",
   "main": "dist/effect-rx-rx-react.cjs.js",
   "module": "dist/effect-rx-rx-react.esm.js",
@@ -38,7 +38,7 @@
     "react": "^18"
   },
   "dependencies": {
-    "@effect-rx/rx": "^0.7.1"
+    "@effect-rx/rx": "^0.7.2"
   },
   "files": [
     "src",

package/src/index.ts

@@ -312,3 +312,11 @@ export const useRxRef = <A>(ref: RxRef.ReadonlyRef<A>): A => {
   React.useEffect(() => ref.subscribe(setValue), [ref])
   return value
 }
+
+/**
+ * @since 1.0.0
+ * @category hooks
+ */
+export const useRxRefProp = <A, K extends keyof A>(ref: RxRef.RxRef<A>, prop: K): RxRef.RxRef<A[K]> => {
+  return React.useMemo(() => ref.prop(prop), [ref, prop])
+}