indas-ui 0.0.1 → 0.1.0

package/dist/cjs/contexts/GlobalAlertContext.js

@@ -0,0 +1,232 @@
+'use client';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GlobalLoadingComponents = void 0;
+exports.GlobalAlertProvider = GlobalAlertProvider;
+exports.useGlobalAlert = useGlobalAlert;
+exports.useQuickAlert = useQuickAlert;
+exports.useProfessionalLoading = useProfessionalLoading;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const modal_alert_1 = require("../components/modals/modal-alert.js");
+const loading_1 = require("../components/ui/overlays/loading.js");
+const GlobalAlertContext = (0, react_1.createContext)(undefined);
+function GlobalAlertProvider({ children }) {
+    const alertSystem = (0, modal_alert_1.useModalAlert)();
+    const [loadingOverlay, setLoadingOverlay] = react_1.default.useState({
+        isVisible: false,
+        type: null,
+        message: ''
+    });
+    // Quick Demo Alert Methods
+    const showSuccess = (title, description, autoCloseOrActions = 3000) => {
+        // Support both autoClose number and actions array
+        if (Array.isArray(autoCloseOrActions)) {
+            alertSystem.showAlert({
+                type: 'success',
+                title,
+                description,
+                actions: autoCloseOrActions
+            });
+        }
+        else {
+            alertSystem.showSuccess(title, description, autoCloseOrActions);
+        }
+    };
+    const showError = (title, description) => {
+        alertSystem.showError(title, description);
+    };
+    const showWarning = (title, description, actions) => {
+        alertSystem.showWarning(title, description, actions);
+    };
+    const showInfo = (title, description, autoCloseOrActions) => {
+        // Support both autoClose number and actions array
+        if (Array.isArray(autoCloseOrActions)) {
+            alertSystem.showAlert({
+                type: 'info',
+                title,
+                description,
+                actions: autoCloseOrActions
+            });
+        }
+        else {
+            alertSystem.showInfo(title, description, autoCloseOrActions);
+        }
+    };
+    const showConfirmation = (title, description, onConfirm, onCancel) => {
+        alertSystem.showConfirmation(title, description, onConfirm, onCancel);
+    };
+    const showLoading = (title, description) => {
+        alertSystem.showLoading(title, description);
+    };
+    const showCritical = (title, description, actions) => {
+        alertSystem.showAlert({
+            type: 'critical',
+            title,
+            description,
+            actions
+        });
+    };
+    const hideAlert = () => {
+        alertSystem.hideAlert();
+    };
+    // Professional Loading State Methods
+    const showAppStartup = (message = "Loading your workspace...") => {
+        setLoadingOverlay({
+            isVisible: true,
+            type: 'startup',
+            message
+        });
+    };
+    const showDataLoading = (message = "Processing...") => {
+        // For data loading, we typically show inline loading in components
+        // This is more for global data operations
+        showLoading("Loading Data", message);
+    };
+    const showFormSaving = (message = "Saving...") => {
+        // This will be handled by form components with button states
+        // But can be used for global save operations
+        showLoading("Saving Changes", message);
+    };
+    const showAuthentication = (message = "Authenticating your account...") => {
+        setLoadingOverlay({
+            isVisible: true,
+            type: 'auth',
+            message
+        });
+    };
+    const showBackgroundSync = (message = "Syncing...", progress = "") => {
+        showInfo("Background Sync", `${message} ${progress}`, 5000);
+    };
+    const showModalProcessing = (message = "Processing...") => {
+        setLoadingOverlay({
+            isVisible: true,
+            type: 'modal',
+            message
+        });
+    };
+    const showFieldValidation = (message = "Validating...") => {
+        // Field validation is typically handled inline by form components
+        // This is for global validation operations
+        showInfo("Validation", message, 2000);
+    };
+    const hideLoading = () => {
+        setLoadingOverlay({
+            isVisible: false,
+            type: null,
+            message: ''
+        });
+        // Also hide the alert modal (used by showDataLoading and showFormSaving)
+        alertSystem.hideAlert();
+    };
+    const contextValue = {
+        // Quick Demo Methods
+        showSuccess,
+        showError,
+        showWarning,
+        showInfo,
+        showConfirmation,
+        showLoading,
+        showCritical,
+        hideAlert,
+        // Professional Loading Methods
+        showAppStartup,
+        showDataLoading,
+        showFormSaving,
+        showAuthentication,
+        showBackgroundSync,
+        showModalProcessing,
+        showFieldValidation,
+        hideLoading
+    };
+    return ((0, jsx_runtime_1.jsxs)(GlobalAlertContext.Provider, { value: contextValue, children: [children, (0, jsx_runtime_1.jsx)(alertSystem.AlertComponent, {}), loadingOverlay.type === 'startup' && ((0, jsx_runtime_1.jsx)(loading_1.LoadingOverlay, { isVisible: loadingOverlay.isVisible, text: loadingOverlay.message, variant: "cradle", size: "xl" })), loadingOverlay.type === 'auth' && ((0, jsx_runtime_1.jsx)(loading_1.LoadingOverlay, { isVisible: loadingOverlay.isVisible, text: loadingOverlay.message, variant: "cradle", size: "lg" })), loadingOverlay.type === 'modal' && ((0, jsx_runtime_1.jsx)(loading_1.LoadingOverlay, { isVisible: loadingOverlay.isVisible, text: loadingOverlay.message, variant: "spinner", size: "lg" }))] }));
+}
+// Hook to use the global alert system
+function useGlobalAlert() {
+    const context = (0, react_1.useContext)(GlobalAlertContext);
+    if (context === undefined) {
+        throw new Error('useGlobalAlert must be used within a GlobalAlertProvider');
+    }
+    return context;
+}
+// Convenience hooks for specific scenarios
+function useQuickAlert() {
+    const { showSuccess, showError, showWarning, showInfo, showConfirmation, showLoading, showCritical, hideAlert } = useGlobalAlert();
+    return {
+        showSuccess,
+        showError,
+        showWarning,
+        showInfo,
+        showConfirmation,
+        showLoading,
+        showCritical,
+        hideAlert
+    };
+}
+function useProfessionalLoading() {
+    const { showAppStartup, showDataLoading, showFormSaving, showAuthentication, showBackgroundSync, showModalProcessing, showFieldValidation, hideLoading } = useGlobalAlert();
+    return {
+        showAppStartup,
+        showDataLoading,
+        showFormSaving,
+        showAuthentication,
+        showBackgroundSync,
+        showModalProcessing,
+        showFieldValidation,
+        hideLoading
+    };
+}
+// Global Loading Components for Inline Usage
+exports.GlobalLoadingComponents = {
+    // Form Operations
+    Saving: () => (0, jsx_runtime_1.jsx)(loading_1.LoadingStates.Saving, {}),
+    Processing: () => (0, jsx_runtime_1.jsx)(loading_1.LoadingStates.Processing, {}),
+    // Business Operations
+    Calculating: () => (0, jsx_runtime_1.jsx)(loading_1.LoadingStates.Calculating, {}),
+    Validating: () => (0, jsx_runtime_1.jsx)(loading_1.LoadingStates.Validating, {}),
+    // Data Operations
+    Exporting: () => (0, jsx_runtime_1.jsx)(loading_1.LoadingStates.Exporting, {}),
+    Importing: () => (0, jsx_runtime_1.jsx)(loading_1.LoadingStates.Importing, {}),
+    Syncing: () => (0, jsx_runtime_1.jsx)(loading_1.LoadingStates.Syncing, {}),
+    // System Operations
+    Connecting: () => (0, jsx_runtime_1.jsx)(loading_1.LoadingStates.Connecting, {}),
+    Authenticating: () => (0, jsx_runtime_1.jsx)(loading_1.LoadingStates.Authenticating, {}),
+    SigningIn: () => (0, jsx_runtime_1.jsx)(loading_1.LoadingStates.SigningIn, {}),
+    // Inline Components
+    Inline: ({ size = 'sm' }) => (0, jsx_runtime_1.jsx)(loading_1.LoadingStates.Inline, { size: size }),
+    InlinePendulum: ({ size = 'sm' }) => (0, jsx_runtime_1.jsx)(loading_1.LoadingStates.InlinePendulum, { size: size }),
+    InlineCradle: ({ size = 'sm' }) => (0, jsx_runtime_1.jsx)(loading_1.LoadingStates.InlineCradle, { size: size })
+};

package/dist/cjs/contexts/ImpactAnalysisContext.js

@@ -0,0 +1,60 @@
+'use client';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ImpactAnalysisProvider = ImpactAnalysisProvider;
+exports.useImpactAnalysis = useImpactAnalysis;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const ImpactAnalysisContext = React.createContext(undefined);
+function ImpactAnalysisProvider({ children }) {
+    const [showImpactsPanel, setShowImpactsPanel] = React.useState(false);
+    const toggleImpactsPanel = React.useCallback(() => {
+        setShowImpactsPanel(prev => !prev);
+    }, []);
+    const value = React.useMemo(() => ({
+        showImpactsPanel,
+        setShowImpactsPanel,
+        toggleImpactsPanel
+    }), [showImpactsPanel, toggleImpactsPanel]);
+    return ((0, jsx_runtime_1.jsx)(ImpactAnalysisContext.Provider, { value: value, children: children }));
+}
+function useImpactAnalysis() {
+    const context = React.useContext(ImpactAnalysisContext);
+    if (context === undefined) {
+        throw new Error('useImpactAnalysis must be used within an ImpactAnalysisProvider');
+    }
+    return context;
+}

package/dist/cjs/contexts/LanguageContext.js

@@ -0,0 +1,104 @@
+'use client';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LanguageProvider = LanguageProvider;
+exports.useLanguage = useLanguage;
+exports.useOptionalLanguage = useOptionalLanguage;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const LanguageContext = (0, react_1.createContext)(undefined);
+function LanguageProvider({ children }) {
+    const [language, setLanguageState] = (0, react_1.useState)('en');
+    const [translations, setTranslations] = (0, react_1.useState)({});
+    const [isLoading, setIsLoading] = (0, react_1.useState)(true);
+    // Load saved language on mount
+    (0, react_1.useEffect)(() => {
+        const savedLang = localStorage.getItem('app-language');
+        if (savedLang) {
+            const normalizedLang = savedLang.toLowerCase();
+            if (['en', 'hi', 'fr', 'de', 'es'].includes(normalizedLang)) {
+                setLanguageState(normalizedLang);
+            }
+        }
+        setIsLoading(false);
+    }, []);
+    // Load translations when language changes
+    (0, react_1.useEffect)(() => {
+        const loadTranslations = async () => {
+            if (language === 'en') {
+                setTranslations({});
+                return;
+            }
+            try {
+                const module = await Promise.resolve(`${`../locales/${language}.json`}`).then(s => __importStar(require(s)));
+                setTranslations(module.default);
+            }
+            catch (error) {
+                console.error(`Failed to load translations for ${language}`, error);
+                setTranslations({});
+            }
+        };
+        loadTranslations();
+        localStorage.setItem('app-language', language);
+    }, [language]);
+    const setLanguage = (lang) => {
+        setLanguageState(lang);
+    };
+    // Translation function - returns translated text or falls back to key
+    const t = (key) => {
+        if (language === 'en')
+            return key;
+        return translations[key] || key;
+    };
+    return ((0, jsx_runtime_1.jsx)(LanguageContext.Provider, { value: { language, setLanguage, translations, isLoading, t }, children: children }));
+}
+function useLanguage() {
+    const context = (0, react_1.useContext)(LanguageContext);
+    if (context === undefined) {
+        throw new Error('useLanguage must be used within a LanguageProvider');
+    }
+    return context;
+}
+/**
+ * Like useLanguage() but safe to call outside a LanguageProvider.
+ * Falls back to an identity t() (returns the key, i.e. the English source text)
+ * when no provider is present — e.g. SessionExpiryWarning rendered by the
+ * AuthSessionProvider, which sits above LanguageProvider in the tree.
+ */
+function useOptionalLanguage() {
+    const context = (0, react_1.useContext)(LanguageContext);
+    return context ?? { t: (key) => key };
+}