@hashrytech/quick-components-kit 0.13.0 → 0.13.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @hashrytech/quick-components-kit
 
+## 0.13.2
+
+### Patch Changes
+
+- patch: Adding an object level fetch to the ApiClient class
+
+## 0.13.1
+
+### Patch Changes
+
+- fix for export tab navigation
+
 ## 0.13.0
 
 ### Minor Changes

package/dist/components/hamburger-menu/HamburgerMenu.svelte

@@ -20,24 +20,6 @@
 
 </script>
 
-<!--
-<button class={twMerge("p-2 rounded focus:outline-none focus:ring-2 focus:ring-focus-primary cursor-pointer w-fit", props.class)} aria-label={ariaLabel} {onclick}>    
-    <div class="space-y-2">
-      {#each Array(numberOfLines) as _}
-      <span class={twMerge("block w-7 h-0.5 bg-button-primary", linesClasses)}></span>
-      {/each}
-    </div>
-</button>
-
-<button class={twMerge("p-2 rounded focus:outline-none focus:ring-2 focus:ring-focus-primary cursor-pointer w-fit", props.class)} aria-label={ariaLabel} {onclick}>
-  <div class="relative w-7 h-7">   
-    <span class={twMerge("absolute left-0 top-1.5 w-full h-0.5 bg-button-primary transition-all duration-300", open ? "rotate-45 top-3.5" : "")}></span>   
-    <span class={twMerge("absolute left-0 top-3.5 w-full h-0.5 bg-button-primary transition-all duration-300", open ? "opacity-0" : "opacity-100")}></span>   
-    <span class={twMerge("absolute left-0 bottom-1 w-full h-0.5 bg-button-primary transition-all duration-300", open ? "-rotate-45 top-3.5" : "")}></span>
-  </div>
-</button>
--->
-
 <button aria-label={ariaLabel} class={twMerge("px-1 py-0.5 rounded focus:outline-none focus:ring-2 focus:ring-focus-primary cursor-pointer w-fit", props.class)} {onclick}>
   <div class={twMerge("flex flex-col items-center justify-center size-7 transition-all gap-2", linesParentClasses)}>
     <!-- Top bar -->

package/dist/index.d.ts

@@ -7,6 +7,7 @@ export * from './components/modal/index.js';
 export * from './components/overlay/index.js';
 export * from './components/radio/index.js';
 export * from './components/checkbox/index.js';
+export * from './components/tab-navigation/index.js';
 export * from './actions/disable-scroll.js';
 export * from './actions/on-keydown.js';
 export * from './actions/lock-scroll.js';

package/dist/index.js

@@ -9,6 +9,7 @@ export * from './components/modal/index.js';
 export * from './components/overlay/index.js';
 export * from './components/radio/index.js';
 export * from './components/checkbox/index.js';
+export * from './components/tab-navigation/index.js';
 export * from './actions/disable-scroll.js';
 export * from './actions/on-keydown.js';
 export * from './actions/lock-scroll.js';

package/dist/modules/api-client.d.ts

@@ -81,6 +81,7 @@ export declare class ApiClient {
     private defaultHeaders;
     private clientAuthToken;
     private getAccessTokenFromStore;
+    private fetchInstance?;
     private requestInterceptors;
     private responseInterceptors;
     private errorHandlers;
@@ -98,6 +99,12 @@ export declare class ApiClient {
      * @param token - The access token string, or undefined to clear it.
      */
     setAuthToken(token: string | undefined): void;
+    /**
+     * Sets a custom fetch implementation globally for all requests made by this client.
+     * Useful for passing enhanced `fetch` from SvelteKit's load functions.
+     * @param fetchFn - The fetch function to use.
+     */
+    setFetchInstance(fetchFn: typeof fetch): void;
     /**
      * Adds a request interceptor. Interceptors can modify the `Request` object before it's sent.
      * @param interceptor - A function that takes a `Request` object and returns a `Request` or a Promise resolving to a `Request`.

package/dist/modules/api-client.js

@@ -34,6 +34,7 @@ export class ApiClient {
     // otherwise relies on getAccessTokenFromStore or SvelteKit's `handleFetch`.
     clientAuthToken;
     getAccessTokenFromStore;
+    fetchInstance;
     requestInterceptors = [];
     responseInterceptors = [];
     errorHandlers = [];
@@ -55,6 +56,14 @@ export class ApiClient {
     setAuthToken(token) {
         this.clientAuthToken = token;
     }
+    /**
+     * Sets a custom fetch implementation globally for all requests made by this client.
+     * Useful for passing enhanced `fetch` from SvelteKit's load functions.
+     * @param fetchFn - The fetch function to use.
+     */
+    setFetchInstance(fetchFn) {
+        this.fetchInstance = fetchFn;
+    }
     /**
      * Adds a request interceptor. Interceptors can modify the `Request` object before it's sent.
      * @param interceptor - A function that takes a `Request` object and returns a `Request` or a Promise resolving to a `Request`.
@@ -220,7 +229,7 @@ export class ApiClient {
      * @template T - Expected type of the response data.
      */
     async request(endpoint, method, body, options = {}) {
-        const currentFetch = options.fetchInstance || fetch;
+        const currentFetch = options.fetchInstance || this.fetchInstance || fetch; // Use provided fetch first then the class instance fetch or the global fetch if not specified.
         try {
             const request = await this.processRequest(endpoint, method, body, options);
             const response = await currentFetch(request);

package/package.json

@@ -5,7 +5,7 @@
     "type": "git",
     "url": "git+https://github.com/hashrytech/quick-components-kit.git"
   },
-  "version": "0.13.0",
+  "version": "0.13.2",
   "license": "MIT",
   "author": "Hashry Tech",
   "files": [