@ventlio/tanstack-query 0.2.4 → 0.2.6

package/dist/config/index.d.ts

@@ -0,0 +1,4 @@
+export * from './useQueryBaseURL';
+export * from './useQueryConfig';
+export * from './useQueryHeaders';
+export * from './useQueryTimeout';

package/dist/config/useQueryBaseURL.d.ts

@@ -0,0 +1,2 @@
+import type { IUseQueryBaseURL } from '../types';
+export declare const useQueryBaseURL: () => IUseQueryBaseURL;

package/dist/config/useQueryBaseURL.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var reactQuery = require('@tanstack/react-query');
+var useQueryConfig = require('./useQueryConfig.js');
+
+const useQueryBaseURL = () => {
+    const { baseURL } = useQueryConfig.useQueryConfig();
+    const queryClient = reactQuery.useQueryClient();
+    const setQueryBaseUrl = (newBaseUrl) => {
+        queryClient.setQueryData(['config'], (config) => {
+            config.baseURL = newBaseUrl;
+            return config;
+        });
+    };
+    return { baseURL, setQueryBaseUrl };
+};
+
+exports.useQueryBaseURL = useQueryBaseURL;
+//# sourceMappingURL=useQueryBaseURL.js.map

package/dist/config/useQueryBaseURL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useQueryBaseURL.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}

package/dist/config/useQueryHeaders.d.ts

@@ -0,0 +1,2 @@
+import type { IUseQueryHeaders } from '../types';
+export declare const useQueryHeaders: () => IUseQueryHeaders;

package/dist/config/useQueryHeaders.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var reactQuery = require('@tanstack/react-query');
+var useQueryConfig = require('./useQueryConfig.js');
+
+const useQueryHeaders = () => {
+    const { headers } = useQueryConfig.useQueryConfig();
+    const queryClient = reactQuery.useQueryClient();
+    const setQueryHeaders = (newHeaders) => {
+        queryClient.setQueryData(['config'], (config) => {
+            config.headers = newHeaders;
+            return config;
+        });
+    };
+    return { headers, setQueryHeaders };
+};
+
+exports.useQueryHeaders = useQueryHeaders;
+//# sourceMappingURL=useQueryHeaders.js.map

package/dist/config/useQueryHeaders.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useQueryHeaders.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}

package/dist/config/useQueryTimeout.d.ts

@@ -0,0 +1,2 @@
+import type { IUseQueryTimeout } from '../types';
+export declare const useQueryTimeout: () => IUseQueryTimeout;

package/dist/config/useQueryTimeout.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var reactQuery = require('@tanstack/react-query');
+var useQueryConfig = require('./useQueryConfig.js');
+
+const useQueryTimeout = () => {
+    const { timeout } = useQueryConfig.useQueryConfig();
+    const queryClient = reactQuery.useQueryClient();
+    const setQueryTimeout = (newTimeout) => {
+        queryClient.setQueryData(['config'], (config) => {
+            config.timeout = newTimeout;
+            return config;
+        });
+    };
+    return { timeout, setQueryTimeout };
+};
+
+exports.useQueryTimeout = useQueryTimeout;
+//# sourceMappingURL=useQueryTimeout.js.map

package/dist/config/useQueryTimeout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useQueryTimeout.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}

package/dist/index.d.ts

@@ -1,4 +1,6 @@
+export * from './config';
 export * from './helpers';
+export * from './model';
 export * from './queries';
 export * from './request';
 export * from './types';

package/dist/index.js

@@ -1,11 +1,15 @@
 'use strict';
 
+var useQueryBaseURL = require('./config/useQueryBaseURL.js');
+var useQueryConfig = require('./config/useQueryConfig.js');
+var useQueryHeaders = require('./config/useQueryHeaders.js');
+var useQueryTimeout = require('./config/useQueryTimeout.js');
 var scrollToTop = require('./helpers/scrollToTop.js');
+var useQueryModel = require('./model/useQueryModel.js');
 var useDeleteRequest = require('./queries/useDeleteRequest.js');
 var useGetRequest = require('./queries/useGetRequest.js');
 var usePatchRequest = require('./queries/usePatchRequest.js');
 var usePostRequest = require('./queries/usePostRequest.js');
-var useQueryConfig = require('./queries/useQueryConfig.js');
 var axiosInstance = require('./request/axios-instance.js');
 var buildFormData = require('./request/buildFormData.js');
 var makeRequest = require('./request/make-request.js');
@@ -14,12 +18,16 @@ var transformer = require('./request/transformer.js');
 
 
 
+exports.useQueryBaseURL = useQueryBaseURL.useQueryBaseURL;
+exports.useQueryConfig = useQueryConfig.useQueryConfig;
+exports.useQueryHeaders = useQueryHeaders.useQueryHeaders;
+exports.useQueryTimeout = useQueryTimeout.useQueryTimeout;
 exports.scrollToTop = scrollToTop.scrollToTop;
+exports.useQueryModel = useQueryModel.useQueryModel;
 exports.useDeleteRequest = useDeleteRequest.useDeleteRequest;
 exports.useGetRequest = useGetRequest.useGetRequest;
 exports.usePatchRequest = usePatchRequest.usePatchRequest;
 exports.usePostRequest = usePostRequest.usePostRequest;
-exports.useQueryConfig = useQueryConfig.useQueryConfig;
 exports.axiosInstance = axiosInstance.axiosInstance;
 exports.buildFormData = buildFormData.buildFormData;
 exports.makeRequest = makeRequest.makeRequest;

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.mjs

@@ -2,6 +2,50 @@ import { useQueryClient, useQuery, useMutation } from '@tanstack/react-query';
 import { useState, useEffect, startTransition } from 'react';
 import axios from 'axios';
 
+const useQueryConfig = () => {
+    const queryClient = useQueryClient();
+    const { headers, baseURL, timeout } = queryClient.getQueryData([
+        'config',
+    ]);
+    return { headers, baseURL, timeout };
+};
+
+const useQueryBaseURL = () => {
+    const { baseURL } = useQueryConfig();
+    const queryClient = useQueryClient();
+    const setQueryBaseUrl = (newBaseUrl) => {
+        queryClient.setQueryData(['config'], (config) => {
+            config.baseURL = newBaseUrl;
+            return config;
+        });
+    };
+    return { baseURL, setQueryBaseUrl };
+};
+
+const useQueryHeaders = () => {
+    const { headers } = useQueryConfig();
+    const queryClient = useQueryClient();
+    const setQueryHeaders = (newHeaders) => {
+        queryClient.setQueryData(['config'], (config) => {
+            config.headers = newHeaders;
+            return config;
+        });
+    };
+    return { headers, setQueryHeaders };
+};
+
+const useQueryTimeout = () => {
+    const { timeout } = useQueryConfig();
+    const queryClient = useQueryClient();
+    const setQueryTimeout = (newTimeout) => {
+        queryClient.setQueryData(['config'], (config) => {
+            config.timeout = newTimeout;
+            return config;
+        });
+    };
+    return { timeout, setQueryTimeout };
+};
+
 const scrollToTop = () => {
     window.scrollTo({
         top: 0,
@@ -9,6 +53,11 @@ const scrollToTop = () => {
     });
 };
 
+const useQueryModel = (queryKey, filters) => {
+    const queryClient = useQueryClient();
+    return queryClient.getQueryData(queryKey, filters);
+};
+
 const axiosInstance = ({ baseURL, timeout, headers, }) => {
     return axios.create({
         baseURL,
@@ -99,14 +148,6 @@ async function makeRequest({ body, method = HttpMethod.GET, path, isFormData, he
     }
 }
 
-const useQueryConfig = () => {
-    const queryClient = useQueryClient();
-    const { headers, baseURL, timeout } = queryClient.getQueryData([
-        'config',
-    ]);
-    return { headers, baseURL, timeout };
-};
-
 const useDeleteRequest = () => {
     const [requestPath, updateDeletePath] = useState('');
     const [options, setOptions] = useState();
@@ -309,5 +350,5 @@ const usePostRequest = ({ path, isFormData = false, }) => {
     return { post, ...mutation };
 };
 
-export { ContentType, HttpMethod, axiosInstance, buildFormData, errorTransformer, makeRequest, scrollToTop, successTransformer, useDeleteRequest, useGetRequest, usePatchRequest, usePostRequest, useQueryConfig };
+export { ContentType, HttpMethod, axiosInstance, buildFormData, errorTransformer, makeRequest, scrollToTop, successTransformer, useDeleteRequest, useGetRequest, usePatchRequest, usePostRequest, useQueryBaseURL, useQueryConfig, useQueryHeaders, useQueryModel, useQueryTimeout };
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/model/index.d.ts

@@ -0,0 +1 @@
+export * from './useQueryModel';

package/dist/model/useQueryModel.d.ts

@@ -0,0 +1,2 @@
+import type { QueryFilters } from '@tanstack/react-query';
+export declare const useQueryModel: (queryKey: any[], filters?: QueryFilters | undefined) => unknown;

package/dist/model/useQueryModel.js

@@ -0,0 +1,11 @@
+'use strict';
+
+var reactQuery = require('@tanstack/react-query');
+
+const useQueryModel = (queryKey, filters) => {
+    const queryClient = reactQuery.useQueryClient();
+    return queryClient.getQueryData(queryKey, filters);
+};
+
+exports.useQueryModel = useQueryModel;
+//# sourceMappingURL=useQueryModel.js.map

package/dist/model/useQueryModel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useQueryModel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/queries/index.d.ts

@@ -3,4 +3,3 @@ export * from './useDeleteRequest';
 export * from './useGetRequest';
 export * from './usePatchRequest';
 export * from './usePostRequest';
-export * from './useQueryConfig';

package/dist/queries/useDeleteRequest.js

@@ -2,10 +2,10 @@
 
 var reactQuery = require('@tanstack/react-query');
 var react = require('react');
+var useQueryConfig = require('../config/useQueryConfig.js');
 require('axios');
 var makeRequest = require('../request/make-request.js');
 var request_enum = require('../request/request.enum.js');
-var useQueryConfig = require('./useQueryConfig.js');
 
 const useDeleteRequest = () => {
     const [requestPath, updateDeletePath] = react.useState('');

package/dist/queries/useGetRequest.js

@@ -2,10 +2,10 @@
 
 var reactQuery = require('@tanstack/react-query');
 var react = require('react');
+var useQueryConfig = require('../config/useQueryConfig.js');
 require('axios');
 var makeRequest = require('../request/make-request.js');
 require('../request/request.enum.js');
-var useQueryConfig = require('./useQueryConfig.js');
 
 const useGetRequest = ({ path, load = false, queryOptions, }) => {
     const [requestPath, updatePath] = react.useState(path);

package/dist/queries/usePatchRequest.js

@@ -5,7 +5,7 @@ var scrollToTop = require('../helpers/scrollToTop.js');
 require('axios');
 var makeRequest = require('../request/make-request.js');
 var request_enum = require('../request/request.enum.js');
-var useQueryConfig = require('./useQueryConfig.js');
+var useQueryConfig = require('../config/useQueryConfig.js');
 
 const usePatchRequest = ({ path, }) => {
     const { headers, baseURL, timeout } = useQueryConfig.useQueryConfig();

package/dist/queries/usePostRequest.js

@@ -1,10 +1,10 @@
 'use strict';
 
 var reactQuery = require('@tanstack/react-query');
+var useQueryConfig = require('../config/useQueryConfig.js');
 require('axios');
 var makeRequest = require('../request/make-request.js');
 var request_enum = require('../request/request.enum.js');
-var useQueryConfig = require('./useQueryConfig.js');
 
 const usePostRequest = ({ path, isFormData = false, }) => {
     const { headers, baseURL, timeout } = useQueryConfig.useQueryConfig();

package/dist/types/index.d.ts

@@ -4,3 +4,15 @@ export interface TanstackQueryConfig {
     timeout?: number;
     headers: RawAxiosRequestHeaders;
 }
+export interface IUseQueryHeaders {
+    headers: TanstackQueryConfig['headers'];
+    setQueryHeaders: (header: TanstackQueryConfig['headers']) => void;
+}
+export interface IUseQueryTimeout {
+    timeout: TanstackQueryConfig['timeout'];
+    setQueryTimeout: (timeout: TanstackQueryConfig['timeout']) => void;
+}
+export interface IUseQueryBaseURL {
+    baseURL: TanstackQueryConfig['baseURL'];
+    setQueryBaseUrl: (baseURL: TanstackQueryConfig['baseURL']) => void;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ventlio/tanstack-query",
-  "version": "0.2.4",
+  "version": "0.2.6",
   "license": "MIT",
   "main": "dist/index.js",
   "repository": {

package/src/config/index.ts

@@ -0,0 +1,4 @@
+export * from './useQueryBaseURL';
+export * from './useQueryConfig';
+export * from './useQueryHeaders';
+export * from './useQueryTimeout';

package/src/config/useQueryBaseURL.ts

@@ -0,0 +1,17 @@
+import { useQueryClient } from '@tanstack/react-query';
+import type { IUseQueryBaseURL, TanstackQueryConfig } from '../types';
+import { useQueryConfig } from './useQueryConfig';
+
+export const useQueryBaseURL = (): IUseQueryBaseURL => {
+  const { baseURL } = useQueryConfig();
+  const queryClient = useQueryClient();
+
+  const setQueryBaseUrl = (newBaseUrl: TanstackQueryConfig['baseURL']) => {
+    queryClient.setQueryData<TanstackQueryConfig>(['config'], (config) => {
+      (config as TanstackQueryConfig).baseURL = newBaseUrl;
+      return config;
+    });
+  };
+
+  return { baseURL, setQueryBaseUrl };
+};

package/src/config/useQueryHeaders.ts

@@ -0,0 +1,17 @@
+import { useQueryClient } from '@tanstack/react-query';
+import type { IUseQueryHeaders, TanstackQueryConfig } from '../types';
+import { useQueryConfig } from './useQueryConfig';
+
+export const useQueryHeaders = (): IUseQueryHeaders => {
+  const { headers } = useQueryConfig();
+  const queryClient = useQueryClient();
+
+  const setQueryHeaders = (newHeaders: TanstackQueryConfig['headers']) => {
+    queryClient.setQueryData<TanstackQueryConfig>(['config'], (config) => {
+      (config as TanstackQueryConfig).headers = newHeaders;
+      return config;
+    });
+  };
+
+  return { headers, setQueryHeaders };
+};

package/src/config/useQueryTimeout.ts

@@ -0,0 +1,17 @@
+import { useQueryClient } from '@tanstack/react-query';
+import type { IUseQueryTimeout, TanstackQueryConfig } from '../types';
+import { useQueryConfig } from './useQueryConfig';
+
+export const useQueryTimeout = (): IUseQueryTimeout => {
+  const { timeout } = useQueryConfig();
+  const queryClient = useQueryClient();
+
+  const setQueryTimeout = (newTimeout: TanstackQueryConfig['timeout']) => {
+    queryClient.setQueryData<TanstackQueryConfig>(['config'], (config) => {
+      (config as TanstackQueryConfig).timeout = newTimeout;
+      return config;
+    });
+  };
+
+  return { timeout, setQueryTimeout };
+};

package/src/index.ts

@@ -1,4 +1,6 @@
+export * from './config';
 export * from './helpers';
+export * from './model';
 export * from './queries';
 export * from './request';
 export * from './types';

package/src/model/index.ts

@@ -0,0 +1 @@
+export * from './useQueryModel';

package/src/model/useQueryModel.ts

@@ -0,0 +1,11 @@
+import type { QueryFilters } from '@tanstack/react-query';
+import { useQueryClient } from '@tanstack/react-query';
+
+export const useQueryModel = (
+  queryKey: any[],
+  filters?: QueryFilters | undefined
+) => {
+  const queryClient = useQueryClient();
+
+  return queryClient.getQueryData(queryKey, filters);
+};

package/src/queries/index.ts

@@ -3,4 +3,3 @@ export * from './useDeleteRequest';
 export * from './useGetRequest';
 export * from './usePatchRequest';
 export * from './usePostRequest';
-export * from './useQueryConfig';

package/src/queries/useDeleteRequest.ts

@@ -1,9 +1,9 @@
 import type { UseQueryOptions } from '@tanstack/react-query';
 import { useQuery } from '@tanstack/react-query';
 import { useState } from 'react';
+import { useQueryConfig } from '../config';
 import type { IRequestError, IRequestSuccess } from '../request';
 import { HttpMethod, makeRequest } from '../request';
-import { useQueryConfig } from './useQueryConfig';
 
 export const useDeleteRequest = <TResponse>() => {
   const [requestPath, updateDeletePath] = useState<string>('');

package/src/queries/useGetRequest.ts

@@ -1,10 +1,10 @@
 import type { UseQueryOptions } from '@tanstack/react-query';
 import { useQuery } from '@tanstack/react-query';
 import { startTransition, useEffect, useState } from 'react';
+import { useQueryConfig } from '../config';
 import type { IRequestError, IRequestSuccess } from '../request';
 import { makeRequest } from '../request';
 import type { IPagination, TanstackQueryOption } from './queries.interface';
-import { useQueryConfig } from './useQueryConfig';
 
 export const useGetRequest = <TResponse extends Record<string, any>>({
   path,

package/src/queries/usePatchRequest.ts

@@ -3,11 +3,11 @@ import { useMutation } from '@tanstack/react-query';
 import { scrollToTop } from '../helpers';
 import { HttpMethod, makeRequest } from '../request';
 
+import { useQueryConfig } from '../config';
 import type {
   IRequestError,
   IRequestSuccess,
 } from '../request/request.interface';
-import { useQueryConfig } from './useQueryConfig';
 
 export const usePatchRequest = <TResponse>({
   path,

package/src/queries/usePostRequest.ts

@@ -1,8 +1,8 @@
 import type { MutateOptions } from '@tanstack/react-query';
 import { useMutation } from '@tanstack/react-query';
+import { useQueryConfig } from '../config';
 import type { IRequestError, IRequestSuccess } from '../request';
 import { HttpMethod, makeRequest } from '../request';
-import { useQueryConfig } from './useQueryConfig';
 
 export const usePostRequest = <TResponse>({
   path,

package/src/types/index.ts

@@ -5,3 +5,18 @@ export interface TanstackQueryConfig {
   timeout?: number;
   headers: RawAxiosRequestHeaders;
 }
+
+export interface IUseQueryHeaders {
+  headers: TanstackQueryConfig['headers'];
+  setQueryHeaders: (header: TanstackQueryConfig['headers']) => void;
+}
+
+export interface IUseQueryTimeout {
+  timeout: TanstackQueryConfig['timeout'];
+  setQueryTimeout: (timeout: TanstackQueryConfig['timeout']) => void;
+}
+
+export interface IUseQueryBaseURL {
+  baseURL: TanstackQueryConfig['baseURL'];
+  setQueryBaseUrl: (baseURL: TanstackQueryConfig['baseURL']) => void;
+}