indas-ui 0.0.1 → 0.1.0

package/dist/providers.d.ts

@@ -0,0 +1,14 @@
+export { ThemeProvider, ThemeScript, ThemeContext } from './contexts/ThemeContext.js';
+export { GlobalAlertProvider, useGlobalAlert, useQuickAlert } from './contexts/GlobalAlertContext.js';
+export { AppConfigProvider, useAppConfig } from './contexts/AppConfigContext.js';
+export { LanguageProvider, useLanguage } from './contexts/LanguageContext.js';
+export { DeviceProvider, useDevice } from './contexts/DeviceContext.js';
+export { SearchPreferencesProvider, useSearchPreferences } from './contexts/SearchPreferencesContext.js';
+export { PageTitleProvider, usePageTitle } from './contexts/PageTitleContext.js';
+export { CurrencyProvider, useCurrency } from './contexts/CurrencyContext.js';
+export { SessionAdapterProvider, useSessionAdapter } from './contexts/SessionAdapterContext.js';
+export type { SessionUser, SessionStatus, SessionAdapterValue, SessionAdapterProviderProps } from './contexts/SessionAdapterContext.js';
+export { AuthSessionProvider } from './components/providers/session-provider.js';
+export { APIProvider, useAPI } from './components/providers/api-provider.js';
+export { QueryProvider } from './components/providers/query-provider.js';
+export { cn } from './lib/utils.js';

package/dist/providers.js

@@ -0,0 +1,15 @@
+'use client';
+// Providers entry: `import { ThemeProvider } from 'indas-ui/providers'`
+export { ThemeProvider, ThemeScript, ThemeContext } from './contexts/ThemeContext.js';
+export { GlobalAlertProvider, useGlobalAlert, useQuickAlert } from './contexts/GlobalAlertContext.js';
+export { AppConfigProvider, useAppConfig } from './contexts/AppConfigContext.js';
+export { LanguageProvider, useLanguage } from './contexts/LanguageContext.js';
+export { DeviceProvider, useDevice } from './contexts/DeviceContext.js';
+export { SearchPreferencesProvider, useSearchPreferences } from './contexts/SearchPreferencesContext.js';
+export { PageTitleProvider, usePageTitle } from './contexts/PageTitleContext.js';
+export { CurrencyProvider, useCurrency } from './contexts/CurrencyContext.js';
+export { SessionAdapterProvider, useSessionAdapter } from './contexts/SessionAdapterContext.js';
+export { AuthSessionProvider } from './components/providers/session-provider.js';
+export { APIProvider, useAPI } from './components/providers/api-provider.js';
+export { QueryProvider } from './components/providers/query-provider.js';
+export { cn } from './lib/utils.js';

package/dist/services/GlobalLoadingService.d.ts

@@ -0,0 +1,216 @@
+export interface LoadingState {
+    isLoading: boolean;
+    message?: string;
+    progress?: number;
+    type?: 'data' | 'form' | 'auth' | 'sync' | 'calculation' | 'export';
+}
+export interface LoadingConfig {
+    message: string;
+    duration?: number;
+    onComplete?: () => void;
+    onError?: (error: Error) => void;
+}
+export declare const LoadingScenarios: {
+    readonly APP_STARTUP: {
+        readonly type: "startup";
+        readonly defaultMessage: "Loading your workspace...";
+        readonly animation: "cradle";
+        readonly placement: "fullscreen";
+        readonly duration: "2-4s";
+    };
+    readonly DATA_FETCH: {
+        readonly type: "data";
+        readonly defaultMessage: "Processing...";
+        readonly animation: "dots";
+        readonly placement: "content-area";
+        readonly duration: "instant";
+    };
+    readonly FORM_SAVE: {
+        readonly type: "form";
+        readonly defaultMessage: "Saving...";
+        readonly animation: "dots";
+        readonly placement: "button-toast";
+        readonly duration: "1-3s";
+    };
+    readonly AUTHENTICATION: {
+        readonly type: "auth";
+        readonly defaultMessage: "Authenticating your account...";
+        readonly animation: "cradle";
+        readonly placement: "button-to-full";
+        readonly duration: "2-4s";
+    };
+    readonly BACKGROUND_SYNC: {
+        readonly type: "sync";
+        readonly defaultMessage: "Syncing...";
+        readonly animation: "dots";
+        readonly placement: "top-right";
+        readonly duration: "persistent";
+    };
+    readonly MODAL_PROCESSING: {
+        readonly type: "modal";
+        readonly defaultMessage: "Generating machine configurations...";
+        readonly animation: "spinner";
+        readonly placement: "modal-center";
+        readonly duration: "variable";
+    };
+    readonly FIELD_VALIDATION: {
+        readonly type: "validation";
+        readonly defaultMessage: "Validating...";
+        readonly animation: "dots";
+        readonly placement: "adjacent";
+        readonly duration: "0.5-2s";
+    };
+};
+export declare const ERPLoadingMessages: {
+    readonly ESTIMATION: {
+        readonly loading: "Loading estimations...";
+        readonly saving: "Saving estimation...";
+        readonly calculating: "Calculating costs...";
+        readonly generating: "Generating machine plan...";
+        readonly exporting: "Exporting estimation data...";
+    };
+    readonly CLIENT: {
+        readonly loading: "Loading client data...";
+        readonly saving: "Saving client information...";
+        readonly validating: "Validating client details...";
+        readonly searching: "Searching clients...";
+    };
+    readonly MACHINE: {
+        readonly loading: "Loading machine configurations...";
+        readonly planning: "Planning machine operations...";
+        readonly calculating: "Calculating production time...";
+        readonly optimizing: "Optimizing machine setup...";
+    };
+    readonly MATERIAL: {
+        readonly loading: "Loading material data...";
+        readonly costing: "Calculating material costs...";
+        readonly checking: "Checking inventory...";
+        readonly updating: "Updating material prices...";
+    };
+    readonly SYSTEM: {
+        readonly startup: "Loading Indas Estimo...";
+        readonly authenticating: "Authenticating user...";
+        readonly syncing: "Syncing data...";
+        readonly connecting: "Connecting to server...";
+        readonly importing: "Importing data...";
+        readonly exporting: "Exporting report...";
+    };
+};
+export declare const ButtonLoadingStates: {
+    readonly SAVE: {
+        readonly text: "Saving...";
+        readonly animation: "dots";
+    };
+    readonly DELETE: {
+        readonly text: "Deleting...";
+        readonly animation: "dots";
+    };
+    readonly UPDATE: {
+        readonly text: "Updating...";
+        readonly animation: "dots";
+    };
+    readonly SUBMIT: {
+        readonly text: "Submitting...";
+        readonly animation: "dots";
+    };
+    readonly EXPORT: {
+        readonly text: "Exporting...";
+        readonly animation: "dots";
+    };
+    readonly IMPORT: {
+        readonly text: "Importing...";
+        readonly animation: "dots";
+    };
+    readonly SYNC: {
+        readonly text: "Syncing...";
+        readonly animation: "dots";
+    };
+    readonly REFRESH: {
+        readonly text: "Refreshing...";
+        readonly animation: "dots";
+    };
+    readonly CALCULATE: {
+        readonly text: "Calculating...";
+        readonly animation: "pendulum";
+    };
+    readonly GENERATE: {
+        readonly text: "Generating...";
+        readonly animation: "spinner";
+    };
+    readonly PROCESS: {
+        readonly text: "Processing...";
+        readonly animation: "dots";
+    };
+    readonly SIGNING_IN: {
+        readonly text: "Signing in...";
+        readonly animation: "cradle";
+    };
+    readonly SIGNING_OUT: {
+        readonly text: "Signing out...";
+        readonly animation: "spinner";
+    };
+    readonly VALIDATING: {
+        readonly text: "Validating...";
+        readonly animation: "dots";
+    };
+    readonly CHECKING: {
+        readonly text: "Checking...";
+        readonly animation: "pulse";
+    };
+};
+export declare const LoadingToasts: {
+    readonly SUCCESS: {
+        readonly SAVE: {
+            readonly title: "Saved Successfully";
+            readonly message: "Your changes have been saved.";
+        };
+        readonly DELETE: {
+            readonly title: "Deleted Successfully";
+            readonly message: "Item has been removed.";
+        };
+        readonly EXPORT: {
+            readonly title: "Export Complete";
+            readonly message: "Your data has been exported.";
+        };
+        readonly SYNC: {
+            readonly title: "Sync Complete";
+            readonly message: "Data has been synchronized.";
+        };
+    };
+    readonly ERROR: {
+        readonly SAVE: {
+            readonly title: "Save Failed";
+            readonly message: "Unable to save changes. Please try again.";
+        };
+        readonly DELETE: {
+            readonly title: "Delete Failed";
+            readonly message: "Unable to delete item. Please try again.";
+        };
+        readonly NETWORK: {
+            readonly title: "Connection Error";
+            readonly message: "Please check your internet connection.";
+        };
+        readonly SERVER: {
+            readonly title: "Server Error";
+            readonly message: "Server is temporarily unavailable.";
+        };
+    };
+};
+export declare const LoadingUsageExamples: {
+    readonly formSave: "\n    const { showFormSaving } = useProfessionalLoading()\n    const { showSuccess, showError } = useQuickAlert()\n\n    const handleSave = async () => {\n      try {\n        showFormSaving(ERPLoadingMessages.ESTIMATION.saving)\n        await saveEstimation(data)\n        showSuccess(LoadingToasts.SUCCESS.SAVE.title, LoadingToasts.SUCCESS.SAVE.message)\n      } catch (error) {\n        showError(LoadingToasts.ERROR.SAVE.title, LoadingToasts.ERROR.SAVE.message)\n      }\n    }\n  ";
+    readonly dataRefresh: "\n    const { showDataLoading } = useProfessionalLoading()\n\n    const refreshData = async () => {\n      showDataLoading(ERPLoadingMessages.ESTIMATION.loading)\n      await fetchEstimations()\n      hideLoading()\n    }\n  ";
+    readonly modalProcessing: "\n    const { showModalProcessing, hideLoading } = useProfessionalLoading()\n\n    const generatePlan = async () => {\n      showModalProcessing(ERPLoadingMessages.MACHINE.planning)\n      await generateMachinePlan(data)\n      hideLoading()\n    }\n  ";
+    readonly authentication: "\n    const { showAuthentication, hideLoading } = useProfessionalLoading()\n\n    const signIn = async (credentials) => {\n      showAuthentication(ERPLoadingMessages.SYSTEM.authenticating)\n      await authenticate(credentials)\n      hideLoading()\n    }\n  ";
+};
+export declare class GlobalLoadingManager {
+    private static instance;
+    private loadingStates;
+    private constructor();
+    static getInstance(): GlobalLoadingManager;
+    setLoading(key: string, state: LoadingState): void;
+    getLoading(key: string): LoadingState | undefined;
+    isLoading(key: string): boolean;
+    clearLoading(key: string): void;
+    clearAllLoading(): void;
+}
+export declare const globalLoadingManager: GlobalLoadingManager;

package/dist/services/GlobalLoadingService.js

@@ -0,0 +1,216 @@
+'use client';
+// Professional Loading Scenarios
+export const LoadingScenarios = {
+    // 1. App Startup (Full Screen)
+    APP_STARTUP: {
+        type: 'startup',
+        defaultMessage: 'Loading your workspace...',
+        animation: 'cradle',
+        placement: 'fullscreen',
+        duration: '2-4s'
+    },
+    // 2. Data Loading (Content Area)
+    DATA_FETCH: {
+        type: 'data',
+        defaultMessage: 'Processing...',
+        animation: 'dots',
+        placement: 'content-area',
+        duration: 'instant'
+    },
+    // 3. Form Save (Button + Toast)
+    FORM_SAVE: {
+        type: 'form',
+        defaultMessage: 'Saving...',
+        animation: 'dots',
+        placement: 'button-toast',
+        duration: '1-3s'
+    },
+    // 4. Authentication (Button → Full)
+    AUTHENTICATION: {
+        type: 'auth',
+        defaultMessage: 'Authenticating your account...',
+        animation: 'cradle',
+        placement: 'button-to-full',
+        duration: '2-4s'
+    },
+    // 5. Background Sync (Corner Indicator)
+    BACKGROUND_SYNC: {
+        type: 'sync',
+        defaultMessage: 'Syncing...',
+        animation: 'dots',
+        placement: 'top-right',
+        duration: 'persistent'
+    },
+    // 6. Modal Operations (Modal Center)
+    MODAL_PROCESSING: {
+        type: 'modal',
+        defaultMessage: 'Generating machine configurations...',
+        animation: 'spinner',
+        placement: 'modal-center',
+        duration: 'variable'
+    },
+    // 7. Field Validation (Adjacent)
+    FIELD_VALIDATION: {
+        type: 'validation',
+        defaultMessage: 'Validating...',
+        animation: 'dots',
+        placement: 'adjacent',
+        duration: '0.5-2s'
+    }
+};
+// ERP-Specific Loading Messages
+export const ERPLoadingMessages = {
+    // Estimation Operations
+    ESTIMATION: {
+        loading: 'Loading estimations...',
+        saving: 'Saving estimation...',
+        calculating: 'Calculating costs...',
+        generating: 'Generating machine plan...',
+        exporting: 'Exporting estimation data...'
+    },
+    // Client Operations
+    CLIENT: {
+        loading: 'Loading client data...',
+        saving: 'Saving client information...',
+        validating: 'Validating client details...',
+        searching: 'Searching clients...'
+    },
+    // Machine Operations
+    MACHINE: {
+        loading: 'Loading machine configurations...',
+        planning: 'Planning machine operations...',
+        calculating: 'Calculating production time...',
+        optimizing: 'Optimizing machine setup...'
+    },
+    // Material Operations
+    MATERIAL: {
+        loading: 'Loading material data...',
+        costing: 'Calculating material costs...',
+        checking: 'Checking inventory...',
+        updating: 'Updating material prices...'
+    },
+    // System Operations
+    SYSTEM: {
+        startup: 'Loading Indas Estimo...',
+        authenticating: 'Authenticating user...',
+        syncing: 'Syncing data...',
+        connecting: 'Connecting to server...',
+        importing: 'Importing data...',
+        exporting: 'Exporting report...'
+    }
+};
+// Button Loading States
+export const ButtonLoadingStates = {
+    // Primary Actions
+    SAVE: { text: 'Saving...', animation: 'dots' },
+    DELETE: { text: 'Deleting...', animation: 'dots' },
+    UPDATE: { text: 'Updating...', animation: 'dots' },
+    SUBMIT: { text: 'Submitting...', animation: 'dots' },
+    // Data Operations
+    EXPORT: { text: 'Exporting...', animation: 'dots' },
+    IMPORT: { text: 'Importing...', animation: 'dots' },
+    SYNC: { text: 'Syncing...', animation: 'dots' },
+    REFRESH: { text: 'Refreshing...', animation: 'dots' },
+    // Calculations
+    CALCULATE: { text: 'Calculating...', animation: 'pendulum' },
+    GENERATE: { text: 'Generating...', animation: 'spinner' },
+    PROCESS: { text: 'Processing...', animation: 'dots' },
+    // Authentication
+    SIGNING_IN: { text: 'Signing in...', animation: 'cradle' },
+    SIGNING_OUT: { text: 'Signing out...', animation: 'spinner' },
+    // Validation
+    VALIDATING: { text: 'Validating...', animation: 'dots' },
+    CHECKING: { text: 'Checking...', animation: 'pulse' }
+};
+// Toast Notifications for Loading Completion
+export const LoadingToasts = {
+    SUCCESS: {
+        SAVE: { title: 'Saved Successfully', message: 'Your changes have been saved.' },
+        DELETE: { title: 'Deleted Successfully', message: 'Item has been removed.' },
+        EXPORT: { title: 'Export Complete', message: 'Your data has been exported.' },
+        SYNC: { title: 'Sync Complete', message: 'Data has been synchronized.' }
+    },
+    ERROR: {
+        SAVE: { title: 'Save Failed', message: 'Unable to save changes. Please try again.' },
+        DELETE: { title: 'Delete Failed', message: 'Unable to delete item. Please try again.' },
+        NETWORK: { title: 'Connection Error', message: 'Please check your internet connection.' },
+        SERVER: { title: 'Server Error', message: 'Server is temporarily unavailable.' }
+    }
+};
+// Usage Examples for Different Scenarios
+export const LoadingUsageExamples = {
+    // Form submission with button state + toast
+    formSave: `
+    const { showFormSaving } = useProfessionalLoading()
+    const { showSuccess, showError } = useQuickAlert()
+
+    const handleSave = async () => {
+      try {
+        showFormSaving(ERPLoadingMessages.ESTIMATION.saving)
+        await saveEstimation(data)
+        showSuccess(LoadingToasts.SUCCESS.SAVE.title, LoadingToasts.SUCCESS.SAVE.message)
+      } catch (error) {
+        showError(LoadingToasts.ERROR.SAVE.title, LoadingToasts.ERROR.SAVE.message)
+      }
+    }
+  `,
+    // Data grid refresh
+    dataRefresh: `
+    const { showDataLoading } = useProfessionalLoading()
+
+    const refreshData = async () => {
+      showDataLoading(ERPLoadingMessages.ESTIMATION.loading)
+      await fetchEstimations()
+      hideLoading()
+    }
+  `,
+    // Modal processing
+    modalProcessing: `
+    const { showModalProcessing, hideLoading } = useProfessionalLoading()
+
+    const generatePlan = async () => {
+      showModalProcessing(ERPLoadingMessages.MACHINE.planning)
+      await generateMachinePlan(data)
+      hideLoading()
+    }
+  `,
+    // Authentication flow
+    authentication: `
+    const { showAuthentication, hideLoading } = useProfessionalLoading()
+
+    const signIn = async (credentials) => {
+      showAuthentication(ERPLoadingMessages.SYSTEM.authenticating)
+      await authenticate(credentials)
+      hideLoading()
+    }
+  `
+};
+// Loading State Manager Class
+export class GlobalLoadingManager {
+    constructor() {
+        this.loadingStates = new Map();
+    }
+    static getInstance() {
+        if (!GlobalLoadingManager.instance) {
+            GlobalLoadingManager.instance = new GlobalLoadingManager();
+        }
+        return GlobalLoadingManager.instance;
+    }
+    setLoading(key, state) {
+        this.loadingStates.set(key, state);
+    }
+    getLoading(key) {
+        return this.loadingStates.get(key);
+    }
+    isLoading(key) {
+        return this.loadingStates.get(key)?.isLoading || false;
+    }
+    clearLoading(key) {
+        this.loadingStates.delete(key);
+    }
+    clearAllLoading() {
+        this.loadingStates.clear();
+    }
+}
+// Export the singleton instance
+export const globalLoadingManager = GlobalLoadingManager.getInstance();