indas-ui 0.0.1 → 0.1.0

package/dist/components/ui/overlays/loading.js

@@ -0,0 +1,131 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { useEffect, useState } from 'react';
+import { usePathname } from 'next/navigation';
+import { motion, AnimatePresence } from 'framer-motion';
+import { Loader2 } from 'lucide-react';
+import { cn } from '../../../lib/utils.js';
+const PageLoading = React.forwardRef(({ className, size = 'md', text, color = '#003366', speed = '1.4', ...props }, ref) => {
+    const [isClient, setIsClient] = React.useState(false);
+    const sizeMapping = {
+        sm: '48',
+        md: '64',
+        lg: '78'
+    };
+    React.useEffect(() => {
+        setIsClient(true);
+        const loadNewtonsCradle = async () => {
+            try {
+                const { newtonsCradle } = await import('ldrs');
+                newtonsCradle.register();
+            }
+            catch (error) {
+                console.error('Failed to load NewtonsCradle:', error);
+            }
+        };
+        loadNewtonsCradle();
+    }, []);
+    if (!isClient) {
+        return (_jsxs("div", { ref: ref, className: cn('flex flex-col items-center justify-center space-y-3', className), ...props, children: [_jsx("div", { className: "animate-spin rounded-full h-12 w-12 border-b-2 border-[rgb(var(--fg-default))]" }), text && _jsx("span", { className: "text-sm text-[rgb(var(--fg-muted))] font-medium", children: text })] }));
+    }
+    return (_jsxs("div", { ref: ref, className: cn('flex flex-col items-center justify-center space-y-3', className), ...props, children: [_jsx("l-newtons-cradle", { size: sizeMapping[size], speed: speed, color: color }), text && _jsx("span", { className: "text-sm text-[rgb(var(--fg-muted))] font-medium", children: text })] }));
+});
+PageLoading.displayName = 'PageLoading';
+export { PageLoading };
+const Loading = React.forwardRef(({ className, size = 'md', text, variant = 'spinner', color = 'text-blue-600', ...props }, ref) => {
+    const sizeClasses = {
+        sm: 'h-4 w-4',
+        md: 'h-6 w-6',
+        lg: 'h-8 w-8',
+        xl: 'h-12 w-12'
+    };
+    const textSizes = {
+        sm: 'text-xs',
+        md: 'text-sm',
+        lg: 'text-base',
+        xl: 'text-lg'
+    };
+    if (variant === 'cradle') {
+        return (_jsx(PageLoading, { ref: ref, size: size === 'xl' ? 'lg' : size, text: text, className: className, ...props }));
+    }
+    const renderVariant = () => {
+        switch (variant) {
+            case 'pendulum':
+                return (_jsxs("div", { className: cn('relative', sizeClasses[size], color), children: [_jsx("div", { className: "absolute inset-0 border-2 border-current rounded-full opacity-20" }), _jsx("div", { className: "absolute top-1/2 left-1/2 w-0.5 h-1/2 bg-current origin-top animate-[pendulum_1s_ease-in-out_infinite]" }), _jsx("div", { className: "absolute bottom-0 left-1/2 w-1 h-1 bg-current rounded-full transform -translate-x-1/2 animate-[pendulum_1s_ease-in-out_infinite]" })] }));
+            case 'pulse':
+                return (_jsx("div", { className: cn('rounded-full bg-current animate-pulse opacity-75', sizeClasses[size], color) }));
+            case 'dots':
+                return (_jsxs("div", { className: cn('flex space-x-0.5', color), children: [_jsx("div", { className: cn('rounded-full bg-current w-1.5 h-1.5 animate-bounce'), style: { animationDelay: '0ms', animationDuration: '0.6s' } }), _jsx("div", { className: cn('rounded-full bg-current w-1.5 h-1.5 animate-bounce'), style: { animationDelay: '100ms', animationDuration: '0.6s' } }), _jsx("div", { className: cn('rounded-full bg-current w-1.5 h-1.5 animate-bounce'), style: { animationDelay: '200ms', animationDuration: '0.6s' } })] }));
+            default: // spinner
+                return (_jsx(Loader2, { className: cn('animate-spin', sizeClasses[size], color) }));
+        }
+    };
+    return (_jsxs("div", { ref: ref, className: cn('flex flex-col items-center justify-center gap-2', className), ...props, children: [renderVariant(), text && (_jsx("span", { className: cn('font-medium opacity-80', textSizes[size], color), children: text }))] }));
+});
+Loading.displayName = 'Loading';
+export { Loading };
+// ── LoadingStates (pre-configured for ERP scenarios) ───────────────────
+export const LoadingStates = {
+    Saving: () => _jsx(Loading, { variant: "pendulum", text: "Saving...", color: "text-green-600" }),
+    Loading: () => _jsx(Loading, { variant: "spinner", text: "Loading...", color: "text-blue-600" }),
+    Processing: () => _jsx(Loading, { variant: "dots", text: "Processing...", color: "text-blue-600" }),
+    Calculating: () => _jsx(Loading, { variant: "pendulum", text: "Calculating...", color: "text-purple-600" }),
+    Generating: () => _jsx(Loading, { variant: "spinner", text: "Generating plan...", color: "text-indigo-600" }),
+    Validating: () => _jsx(Loading, { variant: "pulse", text: "Validating...", color: "text-amber-600" }),
+    Exporting: () => _jsx(Loading, { variant: "dots", text: "Exporting...", color: "text-orange-600" }),
+    Importing: () => _jsx(Loading, { variant: "spinner", text: "Importing...", color: "text-teal-600" }),
+    Syncing: () => _jsx(Loading, { variant: "pendulum", text: "Syncing...", color: "text-cyan-600" }),
+    Connecting: () => _jsx(Loading, { variant: "pulse", text: "Connecting...", color: "text-gray-600" }),
+    Authenticating: () => _jsx(Loading, { variant: "spinner", text: "Authenticating...", color: "text-slate-600" }),
+    SigningIn: () => _jsx(PageLoading, { size: "md", text: "Signing in...", color: "white" }),
+    Inline: ({ size = 'sm' }) => _jsx(Loading, { variant: "spinner", size: size }),
+    InlinePendulum: ({ size = 'sm' }) => _jsx(Loading, { variant: "pendulum", size: size }),
+    InlineCradle: ({ size = 'sm' }) => _jsx(PageLoading, { size: size })
+};
+// ── OptionalLogo — only renders after confirming the image loads ──────
+function OptionalLogo({ src, className }) {
+    const [loaded, setLoaded] = useState(false);
+    React.useEffect(() => {
+        const img = new Image();
+        img.onload = () => setLoaded(true);
+        img.src = src;
+    }, [src]);
+    if (!loaded)
+        return null;
+    return _jsx("img", { src: src, alt: "", className: className });
+}
+// ── LoadingOverlay (full-page blocking overlay) ────────────────────────
+export function LoadingOverlay({ isVisible, text = "Loading...", variant = "pendulum", size = "lg" }) {
+    if (!isVisible)
+        return null;
+    return (_jsx("div", { className: "fixed inset-0 bg-black/50 backdrop-blur-sm flex items-center justify-center z-[300]", children: _jsxs("div", { className: "bg-[rgb(var(--bg-surface))] rounded-xl p-8 shadow-2xl flex flex-col items-center gap-4", children: [_jsx(OptionalLogo, { src: "/app/loading-logo.png", className: "h-20 w-20 rounded-xl object-contain" }), _jsx(Loading, { variant: variant, size: size, text: text })] }) }));
+}
+// ── NavigationProgress (route change overlay with progress bar) ────────
+// Uses pure CSS animations — no library imports, renders instantly on refresh
+export function NavigationProgress() {
+    const [isLoading, setIsLoading] = useState(false);
+    const [progress, setProgress] = useState(0);
+    const pathname = usePathname();
+    useEffect(() => {
+        setIsLoading(true);
+        setProgress(0);
+        const timer1 = setTimeout(() => setProgress(30), 100);
+        const timer2 = setTimeout(() => setProgress(60), 250);
+        const timer3 = setTimeout(() => setProgress(90), 400);
+        const timer4 = setTimeout(() => {
+            setProgress(100);
+            setTimeout(() => {
+                setIsLoading(false);
+                setProgress(0);
+            }, 200);
+        }, 600);
+        return () => {
+            clearTimeout(timer1);
+            clearTimeout(timer2);
+            clearTimeout(timer3);
+            clearTimeout(timer4);
+        };
+    }, [pathname]);
+    return (_jsx(AnimatePresence, { children: isLoading && (_jsx(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, className: "fixed inset-0 z-[100] pointer-events-none bg-black/20 backdrop-blur-sm flex items-center justify-center", children: _jsx("div", { className: "bg-[rgb(var(--bg-surface))] px-12 py-10 rounded-2xl shadow-2xl border border-[rgb(var(--bd-default))]", children: _jsxs("div", { className: "flex flex-col items-center gap-5", children: [_jsx("div", { className: "animate-pulse", children: _jsx(OptionalLogo, { src: "/app/loading-logo.png", className: "h-32 w-32 rounded-2xl object-contain drop-shadow-lg" }) }), _jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx("div", { className: "h-2.5 w-2.5 rounded-full bg-[rgb(var(--color-primary))] animate-bounce", style: { animationDelay: '0ms', animationDuration: '0.8s' } }), _jsx("div", { className: "h-2.5 w-2.5 rounded-full bg-[rgb(var(--color-primary))] animate-bounce", style: { animationDelay: '150ms', animationDuration: '0.8s' } }), _jsx("div", { className: "h-2.5 w-2.5 rounded-full bg-[rgb(var(--color-primary))] animate-bounce", style: { animationDelay: '300ms', animationDuration: '0.8s' } })] }), _jsx("div", { className: "w-48", children: _jsx("div", { className: "h-0.5 bg-[rgb(var(--bg-subtle))] rounded-full overflow-hidden", children: _jsx(motion.div, { className: "h-full rounded-full bg-[rgb(var(--color-primary))]", initial: { width: '0%' }, animate: { width: `${progress}%` }, transition: { duration: 0.3, ease: 'easeOut' } }) }) })] }) }) })) }));
+}

package/dist/components/ui/select.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+declare const Select: React.FC<SelectPrimitive.SelectProps>;
+declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
+declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, };

package/dist/components/ui/select.js

@@ -0,0 +1,27 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+import { cn } from "../../lib/utils.js";
+import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "@radix-ui/react-icons";
+const Select = SelectPrimitive.Root;
+const SelectGroup = SelectPrimitive.Group;
+const SelectValue = SelectPrimitive.Value;
+const SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(SelectPrimitive.Trigger, { ref: ref, className: cn("flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1", className), ...props, children: [children, _jsx(SelectPrimitive.Icon, { asChild: true, children: _jsx(ChevronDownIcon, { className: "h-4 w-4 opacity-50" }) })] })));
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+const SelectScrollUpButton = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.ScrollUpButton, { ref: ref, className: cn("flex cursor-default items-center justify-center py-1", className), ...props, children: _jsx(ChevronUpIcon, { className: "h-4 w-4" }) })));
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+const SelectScrollDownButton = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.ScrollDownButton, { ref: ref, className: cn("flex cursor-default items-center justify-center py-1", className), ...props, children: _jsx(ChevronDownIcon, { className: "h-4 w-4" }) })));
+SelectScrollDownButton.displayName =
+    SelectPrimitive.ScrollDownButton.displayName;
+const SelectContent = React.forwardRef(({ className, children, position = "popper", ...props }, ref) => (_jsx(SelectPrimitive.Portal, { children: _jsxs(SelectPrimitive.Content, { ref: ref, className: cn("relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]", position === "popper" &&
+            "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className), position: position, ...props, children: [_jsx(SelectScrollUpButton, {}), _jsx(SelectPrimitive.Viewport, { className: cn("p-1", position === "popper" &&
+                    "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"), children: children }), _jsx(SelectScrollDownButton, {})] }) })));
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+const SelectLabel = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.Label, { ref: ref, className: cn("px-2 py-1.5 text-sm font-semibold", className), ...props })));
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+const SelectItem = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(SelectPrimitive.Item, { ref: ref, className: cn("relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className), ...props, children: [_jsx("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: _jsx(SelectPrimitive.ItemIndicator, { children: _jsx(CheckIcon, { className: "h-4 w-4" }) }) }), _jsx(SelectPrimitive.ItemText, { children: children })] })));
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+const SelectSeparator = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.Separator, { ref: ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props })));
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, };

package/dist/config/api.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Centralized API Domain Configuration
+ *
+ * Change the DOMAIN here to update across the entire application.
+ * Endpoints are hardcoded in each API call as they should be.
+ */
+/**
+ * Set API domain dynamically
+ */
+export declare function setApiDomain(domain: string): void;
+/**
+ * Get current API domain
+ */
+export declare function getApiDomain(): string;
+/**
+ * Build complete API URL with hardcoded endpoint
+ */
+export declare function buildApiUrl(endpoint: string): string;
+/**
+ * Default headers for API requests
+ */
+export declare const DEFAULT_HEADERS: {
+    readonly 'Content-Type': "application/json";
+};
+/**
+ * Create headers with company and user ID
+ * Note: Use APIClient from @/lib/api/core/client for proper multi-tenant authentication
+ * This function is deprecated and kept only for backward compatibility
+ */
+export declare function createApiHeaders(companyId?: number, userId?: number): Record<string, string>;

package/dist/config/api.js

@@ -0,0 +1,58 @@
+'use client';
+/**
+ * Centralized API Domain Configuration
+ *
+ * Change the DOMAIN here to update across the entire application.
+ * Endpoints are hardcoded in each API call as they should be.
+ */
+// Centralized domain - read from environment variables (no fallback)
+const API_DOMAIN_RAW = process.env.NEXT_PUBLIC_API_BASE_URL;
+let API_DOMAIN = API_DOMAIN_RAW?.replace(/\/$/, '') || '';
+// Validation - only API_DOMAIN is required
+if (!API_DOMAIN) {
+    throw new Error('Missing required API configuration: NEXT_PUBLIC_API_BASE_URL must be set in .env.local');
+}
+/**
+ * Set API domain dynamically
+ */
+export function setApiDomain(domain) {
+    // Remove trailing slash if present
+    API_DOMAIN = domain.replace(/\/$/, '');
+}
+/**
+ * Get current API domain
+ */
+export function getApiDomain() {
+    return API_DOMAIN;
+}
+/**
+ * Build complete API URL with hardcoded endpoint
+ */
+export function buildApiUrl(endpoint) {
+    // Ensure endpoint starts with /
+    const cleanEndpoint = endpoint.startsWith('/') ? endpoint : `/${endpoint}`;
+    return `${API_DOMAIN}${cleanEndpoint}`;
+}
+/**
+ * Default headers for API requests
+ */
+export const DEFAULT_HEADERS = {
+    'Content-Type': 'application/json',
+};
+/**
+ * Create headers with company and user ID
+ * Note: Use APIClient from @/lib/api/core/client for proper multi-tenant authentication
+ * This function is deprecated and kept only for backward compatibility
+ */
+export function createApiHeaders(companyId, userId) {
+    const headers = {
+        ...DEFAULT_HEADERS
+    };
+    if (companyId !== undefined) {
+        headers['CompanyID'] = companyId.toString();
+    }
+    if (userId !== undefined) {
+        headers['UserID'] = userId.toString();
+    }
+    return headers;
+}

package/dist/contexts/AppConfigContext.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface AppConfigContextType {
+    selectedFinancialYear: string;
+    setSelectedFinancialYear: (fy: string) => void;
+    selectedProductionUnit: string;
+    setSelectedProductionUnit: (unit: string) => void;
+    getFinancialYearSuffix: () => string;
+}
+export declare function AppConfigProvider({ children }: {
+    children: React.ReactNode;
+}): React.JSX.Element;
+export declare function useAppConfig(): AppConfigContextType;
+export {};

package/dist/contexts/AppConfigContext.js

@@ -0,0 +1,33 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useState } from 'react';
+const AppConfigContext = createContext(undefined);
+export function AppConfigProvider({ children }) {
+    const [selectedFinancialYear, setSelectedFinancialYear] = useState('2025-2026');
+    const [selectedProductionUnit, setSelectedProductionUnit] = useState('');
+    // Helper to convert "2025-2026" to "_25_26"
+    const getFinancialYearSuffix = () => {
+        if (!selectedFinancialYear)
+            return '';
+        const parts = selectedFinancialYear.split('-');
+        if (parts.length !== 2)
+            return '';
+        const startYear = parts[0].slice(-2); // Last 2 digits of start year
+        const endYear = parts[1].slice(-2); // Last 2 digits of end year
+        return `_${startYear}_${endYear}`;
+    };
+    return (_jsx(AppConfigContext.Provider, { value: {
+            selectedFinancialYear,
+            setSelectedFinancialYear,
+            selectedProductionUnit,
+            setSelectedProductionUnit,
+            getFinancialYearSuffix
+        }, children: children }));
+}
+export function useAppConfig() {
+    const context = useContext(AppConfigContext);
+    if (context === undefined) {
+        throw new Error('useAppConfig must be used within an AppConfigProvider');
+    }
+    return context;
+}

package/dist/contexts/CurrencyContext.d.ts

@@ -0,0 +1,43 @@
+import React from 'react';
+export type CurrencyCode = string;
+export interface CurrencyInfo {
+    code: string;
+    name: string;
+    symbol: string;
+    flag: string;
+    decimal: number;
+}
+export interface ExchangeRates {
+    [key: string]: number;
+}
+export declare function getSymbolForCode(code: string): string;
+interface CurrencyContextType {
+    selectedCurrency: CurrencyCode;
+    baseCurrency: CurrencyCode;
+    exchangeRates: ExchangeRates;
+    availableCurrencies: CurrencyInfo[];
+    isLoading: boolean;
+    lastUpdated: Date | null;
+    error: string | null;
+    setCurrency: (currency: CurrencyCode) => void;
+    refreshRates: () => Promise<void>;
+    convertAmount: (amount: number, from?: CurrencyCode, to?: CurrencyCode) => number;
+    formatCurrency: (amount: number, currency?: CurrencyCode, options?: {
+        showSymbol?: boolean;
+        locale?: string;
+        compact?: boolean;
+        precision?: number;
+    }) => string;
+    parseCurrencyInput: (input: string, currency?: CurrencyCode) => number | null;
+    getCurrencyInfo: (currency: CurrencyCode) => CurrencyInfo | null;
+    getAllCurrencies: () => CurrencyInfo[];
+    setManualRate: (from: CurrencyCode, to: CurrencyCode, rate: number) => void;
+    removeManualRate: (from: CurrencyCode, to: CurrencyCode) => void;
+    isManualRate: (from: CurrencyCode, to: CurrencyCode) => boolean;
+}
+export declare function CurrencyProvider({ children, baseCurrencyCode }: {
+    children: React.ReactNode;
+    baseCurrencyCode?: string;
+}): React.JSX.Element;
+export declare function useCurrency(): CurrencyContextType;
+export {};