reactjrx 1.107.0 → 1.108.0

package/dist/index.cjs

@@ -747,6 +747,32 @@ function useMutation$(options, queryClient) {
   }, [status, isPending, isError, isSuccess, isIdle, stateSubject]);
   return { ...result, state$: stateSubject.current };
 }
+function useSwitchMutation$(options, queryClient) {
+  const [cancel$, cancel] = useObservableCallback();
+  const {
+    mutate,
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    mutateAsync: _removed,
+    ...rest
+  } = useMutation$(
+    {
+      ...options,
+      mutationFn: (variables) => {
+        const source = typeof options.mutationFn === "function" ? options.mutationFn(variables) : options.mutationFn;
+        return source.pipe(rxjs.takeUntil(cancel$), rxjs.defaultIfEmpty(null));
+      }
+    },
+    queryClient
+  );
+  const mutateSwitch = React.useCallback(
+    (variables) => {
+      cancel();
+      mutate(variables);
+    },
+    [mutate, cancel]
+  );
+  return { ...rest, mutate: mutateSwitch };
+}
 function hasObjectPrototype(o) {
   return Object.prototype.toString.call(o) === "[object Object]";
 }
@@ -3528,4 +3554,5 @@ exports.useSignalValue = useSignalValue;
 exports.useSubject = useSubject;
 exports.useSubscribe = useSubscribe;
 exports.useSubscribeEffect = useSubscribeEffect;
+exports.useSwitchMutation$ = useSwitchMutation$;
 exports.useUnmountObservable = useUnmountObservable;

package/dist/index.d.ts

@@ -16,6 +16,7 @@ export { type SignalPersistenceConfig } from './lib/state/persistance/types';
 export * from './lib/utils';
 export * from './lib/queries/useQuery$';
 export * from './lib/queries/useMutation$';
+export * from './lib/queries/useSwitchMutation$';
 export * from './lib/deprecated/react/mutations/useMutation';
 export * from './lib/deprecated/react/queries/useQuery';
 export * from './lib/deprecated/react/useQueryClient';

package/dist/index.js

@@ -11,7 +11,7 @@ var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "
 var _trigger$, _mutationRunner, _currentMutationSubject, _visibility$, _focusedSubject, _client, _currentQuery, _fetchSubject, _currentQueryInitialState, _lastResult, _lastQueryWithDefinedData, _observers, _observerCount, _cancelSubject, _executeSubject, _store, _defaultOptions, _initialState, _notifySubject, _store2, _mutationCache, _queryCache, _mutationDefaults, _queryDefaults, _defaultOptions2;
 import * as React from "react";
 import { useRef, useMemo, useCallback, useSyncExternalStore, useEffect, useState, createContext, memo, useContext } from "react";
-import { isObservable, from, of, defer, startWith, identity, distinctUntilChanged, tap, catchError, EMPTY, Subject, BehaviorSubject, skip, first, map, switchMap, zip, share, merge, throttleTime, asyncScheduler, concatMap, scan, throwError, timer, finalize, take, Observable, takeWhile, filter, last, mergeMap as mergeMap$1, takeUntil, shareReplay, ignoreElements, fromEvent, noop as noop$1, pairwise, NEVER, delay, interval, withLatestFrom, retry, iif, isEmpty, concat, toArray, combineLatest, endWith, lastValueFrom } from "rxjs";
+import { isObservable, from, of, defer, startWith, identity, distinctUntilChanged, tap, catchError, EMPTY, Subject, BehaviorSubject, skip, first, map, switchMap, zip, share, merge, throttleTime, asyncScheduler, concatMap, scan, throwError, timer, finalize, take, takeUntil, defaultIfEmpty, Observable, takeWhile, filter, last, mergeMap as mergeMap$1, shareReplay, ignoreElements, fromEvent, noop as noop$1, pairwise, NEVER, delay, interval, withLatestFrom, retry, iif, isEmpty, concat, toArray, combineLatest, endWith, lastValueFrom } from "rxjs";
 import { catchError as catchError$1, mergeMap, retryWhen, concatMap as concatMap$1, first as first$1, tap as tap$1 } from "rxjs/operators";
 import { useQueryClient as useQueryClient$1, useQuery as useQuery$1, useMutation as useMutation$1 } from "@tanstack/react-query";
 import { jsxs, jsx } from "react/jsx-runtime";
@@ -729,6 +729,32 @@ function useMutation$(options, queryClient) {
   }, [status, isPending, isError, isSuccess, isIdle, stateSubject]);
   return { ...result, state$: stateSubject.current };
 }
+function useSwitchMutation$(options, queryClient) {
+  const [cancel$, cancel] = useObservableCallback();
+  const {
+    mutate,
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    mutateAsync: _removed,
+    ...rest
+  } = useMutation$(
+    {
+      ...options,
+      mutationFn: (variables) => {
+        const source = typeof options.mutationFn === "function" ? options.mutationFn(variables) : options.mutationFn;
+        return source.pipe(takeUntil(cancel$), defaultIfEmpty(null));
+      }
+    },
+    queryClient
+  );
+  const mutateSwitch = useCallback(
+    (variables) => {
+      cancel();
+      mutate(variables);
+    },
+    [mutate, cancel]
+  );
+  return { ...rest, mutate: mutateSwitch };
+}
 function hasObjectPrototype(o) {
   return Object.prototype.toString.call(o) === "[object Object]";
 }
@@ -3511,5 +3537,6 @@ export {
   useSubject,
   useSubscribe,
   useSubscribeEffect,
+  useSwitchMutation$,
   useUnmountObservable
 };

package/dist/lib/queries/useMutation$.d.ts

@@ -1,8 +1,9 @@
 import { DefaultError, QueryClient, UseMutationOptions, UseMutationResult } from '@tanstack/react-query';
 import { Observable } from 'rxjs';
-export declare function useMutation$<TData = unknown, TError = DefaultError, TVariables = void, TContext = unknown>(options: Omit<UseMutationOptions<TData, TError, TVariables, TContext>, "mutationFn"> & {
+export type UseMutation$Options<TData = unknown, TError = DefaultError, TVariables = void, TContext = unknown> = Omit<UseMutationOptions<TData, TError, TVariables, TContext>, "mutationFn"> & {
     mutationFn: ((variables: TVariables) => Observable<TData>) | Observable<TData>;
-}, queryClient?: QueryClient): {
+};
+export declare function useMutation$<TData = unknown, TError = DefaultError, TVariables = void, TContext = unknown>(options: UseMutation$Options<TData, TError, TVariables, TContext>, queryClient?: QueryClient): {
     state$: import('rxjs').BehaviorSubject<Pick<UseMutationResult<TData, TError, TVariables, TContext>, "status" | "isPending" | "isError" | "isSuccess" | "isIdle">>;
     data: undefined;
     variables: undefined;

package/dist/lib/queries/useSwitchMutation$.d.ts

@@ -0,0 +1,71 @@
+import { DefaultError, QueryClient } from '@tanstack/react-query';
+import { UseMutation$Options } from './useMutation$';
+export declare function useSwitchMutation$<TData = unknown, TError = DefaultError, TVariables = void, TContext = unknown>(options: UseMutation$Options<TData | null, TError, TVariables, TContext>, queryClient?: QueryClient): {
+    mutate: (variables: TVariables) => void;
+    state$: import('rxjs').BehaviorSubject<Pick<import('@tanstack/react-query').UseMutationResult<TData | null, TError, TVariables, TContext>, "status" | "isPending" | "isError" | "isSuccess" | "isIdle">>;
+    data: undefined;
+    variables: undefined;
+    error: null;
+    isError: false;
+    isIdle: true;
+    isPending: false;
+    isSuccess: false;
+    status: "idle";
+    reset: () => void;
+    context: TContext | undefined;
+    failureCount: number;
+    failureReason: TError | null;
+    isPaused: boolean;
+    submittedAt: number;
+} | {
+    mutate: (variables: TVariables) => void;
+    state$: import('rxjs').BehaviorSubject<Pick<import('@tanstack/react-query').UseMutationResult<TData | null, TError, TVariables, TContext>, "status" | "isPending" | "isError" | "isSuccess" | "isIdle">>;
+    data: undefined;
+    variables: TVariables;
+    error: null;
+    isError: false;
+    isIdle: false;
+    isPending: true;
+    isSuccess: false;
+    status: "pending";
+    reset: () => void;
+    context: TContext | undefined;
+    failureCount: number;
+    failureReason: TError | null;
+    isPaused: boolean;
+    submittedAt: number;
+} | {
+    mutate: (variables: TVariables) => void;
+    state$: import('rxjs').BehaviorSubject<Pick<import('@tanstack/react-query').UseMutationResult<TData | null, TError, TVariables, TContext>, "status" | "isPending" | "isError" | "isSuccess" | "isIdle">>;
+    data: undefined;
+    error: TError;
+    variables: TVariables;
+    isError: true;
+    isIdle: false;
+    isPending: false;
+    isSuccess: false;
+    status: "error";
+    reset: () => void;
+    context: TContext | undefined;
+    failureCount: number;
+    failureReason: TError | null;
+    isPaused: boolean;
+    submittedAt: number;
+} | {
+    mutate: (variables: TVariables) => void;
+    state$: import('rxjs').BehaviorSubject<Pick<import('@tanstack/react-query').UseMutationResult<TData | null, TError, TVariables, TContext>, "status" | "isPending" | "isError" | "isSuccess" | "isIdle">>;
+    data: TData | null;
+    error: null;
+    variables: TVariables;
+    isError: false;
+    isIdle: false;
+    isPending: false;
+    isSuccess: true;
+    status: "success";
+    reset: () => void;
+    context: TContext | undefined;
+    failureCount: number;
+    failureReason: TError | null;
+    isPaused: boolean;
+    submittedAt: number;
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "reactjrx",
   "private": false,
-  "version": "1.107.0",
+  "version": "1.108.0",
   "type": "module",
   "files": [
     "dist"