@orsetra/shared-ui 1.0.19 → 1.0.20

package/components/ui/button.tsx

@@ -13,7 +13,7 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
 }
 
 const base =
-  'inline-flex items-center justify-center font-semibold rounded-md transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-ibm-blue-60 focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none select-none'
+  'inline-flex items-center justify-center font-semibold rounded-none transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-ibm-blue-60 focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none select-none'
 
 export const variants: Record<ButtonVariant, string> = {
   primary:

package/lib/base-service.ts

@@ -1,14 +1,13 @@
-import HttpClient from './http-client';
+import HttpClient, { type AuthHeadersProvider } from './http-client';
 
 /**
  * Classe de base pour tous les services qui utilisent HttpClient
- * L'organization ID est automatiquement ajouté aux headers via les custom attributes AWS Amplify
  */
 export abstract class BaseService {
   protected httpClient: HttpClient;
 
-  constructor(baseUrl: string) {
-    this.httpClient = HttpClient.getInstance(baseUrl);
+  constructor(baseUrl: string, authHeadersProvider?: AuthHeadersProvider) {
+    this.httpClient = HttpClient.getInstance(baseUrl, authHeadersProvider);
   }
 
   protected handleServiceError(error: any): Error {
@@ -16,3 +15,5 @@ export abstract class BaseService {
     return error
   }
 }
+
+export type { AuthHeadersProvider };

package/lib/http-client.ts

@@ -1,14 +1,18 @@
 // Simplified HTTP client without AWS Amplify dependencies
 
+export type AuthHeadersProvider = () => Promise<Record<string, string>> | Record<string, string>;
+
 class HttpClient {
   private baseUrl: string;
+  private authHeadersProvider?: AuthHeadersProvider;
   
-  private constructor(baseUrl: string) {
-    this.baseUrl = baseUrl ||  '';
+  private constructor(baseUrl: string, authHeadersProvider?: AuthHeadersProvider) {
+    this.baseUrl = baseUrl || '';
+    this.authHeadersProvider = authHeadersProvider;
   }
   
-  public static getInstance(baseUrl: string): HttpClient {
-    return  new HttpClient(baseUrl);
+  public static getInstance(baseUrl: string, authHeadersProvider?: AuthHeadersProvider): HttpClient {
+    return new HttpClient(baseUrl, authHeadersProvider);
   }
 
   private getFullUrl(path: string): string {
@@ -20,15 +24,15 @@ class HttpClient {
     const headers = new Headers();
     headers.set('Content-Type', 'application/json');
     
-    try {
-      // TODO: Add authentication token and account context if needed
-      // For now, just return basic headers
-    } catch (error) {
-      console.warn('Failed to get auth headers:', error);
-    }
-    
-    if (!headers.has('Content-Type')) {
-      headers.set('Content-Type', 'application/json');
+    if (this.authHeadersProvider) {
+      try {
+        const authHeaders = await this.authHeadersProvider();
+        Object.entries(authHeaders).forEach(([key, value]) => {
+          headers.set(key, value);
+        });
+      } catch (error) {
+        console.warn('Failed to get auth headers:', error);
+      }
     }
 
     return headers;
@@ -138,8 +142,8 @@ class HttpClient {
   }
 }
 
-export function useHttpClient(baseUrl: string) {
-  return HttpClient.getInstance(baseUrl);
+export function useHttpClient(baseUrl: string, authHeadersProvider?: AuthHeadersProvider) {
+  return HttpClient.getInstance(baseUrl, authHeadersProvider);
 }
 
 export default HttpClient;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orsetra/shared-ui",
-  "version": "1.0.19",
+  "version": "1.0.20",
   "description": "Shared UI components for Orsetra platform",
   "main": "./index.ts",
   "types": "./index.ts",