ezux 1.1.13 → 1.1.18

package/dist/layout.d.ts

@@ -1,690 +1,2 @@
-import { default as default_2 } from 'react';
-
-/**
- * Base Component Types
- */
-declare interface BaseComponentProps {
-    /** Unique identifier for the component instance @group Properties */
-    id?: string;
-    /** Custom class names for styling @group Properties */
-    className?: string;
-    /** Inline styles @group Properties */
-    style?: default_2.CSSProperties;
-    /** Data attribute for testing @group Properties */
-    dataTestId?: string;
-    /** Direction of the text (ltr, rtl, auto) @group Properties */
-    dir?: 'ltr' | 'rtl' | 'auto';
-}
-
-/**
- * Common event callback types
- * Contains ONLY events that are truly shared across components with identical signatures.
- * Component-specific events (onCellClick, onRowClick, etc) should be defined in each component's types.
- */
-declare interface ComponentEventCallbacks<TData = unknown> {
-    /**
-     * Callback when component is created.
-     * @group Events
-     */
-    onCreated?: () => void;
-    /**
-     * Callback when component is destroyed.
-     * @group Events
-     */
-    onDestroyed?: () => void;
-    /**
-     * Callback when grid/component render starts.
-     * @group Events
-     */
-    onGridRenderStart?: () => void;
-    /**
-     * Callback when grid/component render completes.
-     * @group Events
-     */
-    onGridRenderComplete?: () => void;
-    /**
-     * Callback when data changes.
-     * @group Events
-     */
-    onDataChange?: (data: TData[]) => void;
-    /**
-     * Callback when data loads.
-     * @group Events
-     */
-    onDataLoad?: (data: TData[]) => void;
-    /**
-     * Callback when data is requested.
-     * @group Events
-     */
-    onDataRequest?: (query: DataQuery) => void;
-    /**
-     * Callback when data change starts.
-     * @group Events
-     */
-    onDataChangeStart?: (args: {
-        action: 'add' | 'edit' | 'delete';
-        data: TData | TData[];
-    }) => void;
-    /**
-     * Callback when data change completes.
-     * @group Events
-     */
-    onDataChangeComplete?: (args: {
-        action: 'add' | 'edit' | 'delete';
-        data: TData | TData[];
-    }) => void;
-    /**
-     * Callback when data change is cancelled.
-     * @group Events
-     */
-    onDataChangeCancel?: (args: {
-        action: 'add' | 'edit' | 'delete';
-        row?: TData;
-    }) => void;
-    /**
-     * Callback when data change is requested.
-     * @group Events
-     */
-    onDataChangeRequest?: (args: {
-        action: 'add' | 'edit' | 'delete';
-        data: TData;
-    }) => void;
-    /**
-     * Callback on error.
-     * @group Events
-     */
-    onError?: (error: Error | unknown) => void;
-    /**
-     * Callback on refresh.
-     * @group Events
-     */
-    onRefresh?: () => void;
-}
-
-/**
- * Represents a structured request for data fetching/filtering.
- */
-declare interface DataQuery {
-    filters?: FilterRule[] | FilterGroup;
-    sort?: SortModel[];
-    pagination?: PaginationModel;
-    search?: string;
-    [key: string]: any;
-}
-
-export declare const EzHeader: default_2.FC<EzHeaderProps>;
-
-/**
- * Specialized props for a custom header component.
- * @group Subcomponents
- */
-declare interface EzHeaderComponentProps extends EzHeaderProps {
-    /** Whether the sidebar is currently open. @group State */
-    sidebarOpen: boolean;
-    /** Whether the layout is currently in mobile mode. @group State */
-    isMobile: boolean;
-    /** Current effective header height. @group Appearance */
-    headerHeight: number;
-    /** Callback to manually toggle the sidebar. @group Events */
-    toggleSidebar: () => void;
-    /** Allow custom properties passed via slotProps */
-    [key: string]: any;
-}
-
-/**
- * Configuration for the EzLayout header.
- * @group Properties
- */
-export declare interface EzHeaderProps {
-    /** Custom logo element or URL. @group Appearance */
-    logo?: default_2.ReactNode;
-    /** Company or application name displayed in the header. @group High Level */
-    companyName?: string;
-    /** Organization switching configuration. @group Data */
-    orgConfig?: {
-        currentOrg: Organization;
-        organizations: Organization[];
-        onSelect: (org: Organization) => void;
-    };
-    /** Custom breadcrumb or navigation path element. @group Navigation */
-    breadcrumb?: default_2.ReactNode;
-    /** Whether to show the theme mode switcher (Light/Dark). @default true @group Integration */
-    showThemeSwitcher?: boolean;
-    /** Whether to show the theme color palette picker. @default true @group Integration */
-    showThemeColorChanger?: boolean;
-    /** Whether to show the language selection dropdown. @default true @group Integration */
-    showLanguageSwitcher?: boolean;
-    /** Whether to show notification bell. @default true @group Integration */
-    showNotifications?: boolean;
-    /** Essential user information for the profile section. @group Data */
-    user?: {
-        /** Full name of the user. @group Data */
-        name: string;
-        /** URL to the user's avatar image. @group Appearance */
-        avatarUrl?: string;
-        /** Fallback initials if avatar is missing. @group Appearance */
-        initials?: string;
-    };
-    /** Callback triggered when the user clicks 'Sign Out'. @group Events */
-    onLogout?: () => void;
-    /* Excluded from this release type: toggleSidebar */
-    /* Excluded from this release type: sidebarOpen */
-    /** Custom class name for the header. @group Appearance */
-    className?: string;
-    /** Extra content to render in the right-side actions area. @group Data */
-    children?: default_2.ReactNode;
-}
-
-export declare const EzLanguageSwitcher: default_2.FC<{
-    className?: string;
-}>;
-
-/**
- * EzLayout is the foundational multi lingigual layout engine for Web/SaaS applications.
- * It provides a highly configurable and responsive shell that handles authentication,
- * headers, sidebars, and enterprise-grade multi-panel layouts.
- *
-
- * @group Core Components
- */
-export declare const EzLayout: default_2.ForwardRefExoticComponent<EzLayoutProps & default_2.RefAttributes<EzLayoutRef>>;
-
-export declare interface EzLayoutProps extends SharedBaseProps {
-    /**
-     * Slots for modular composition.
-     * @group Extensibility
-     */
-    slots?: {
-        header?: default_2.ComponentType<EzHeaderComponentProps>;
-        sidebar?: default_2.ComponentType<EzSidebarComponentProps>;
-        footer?: default_2.ComponentType<Record<string, unknown>>;
-        commandPalette?: default_2.ComponentType<Record<string, unknown>>;
-    };
-    /**
-     * Props for slots.
-     * @group Extensibility
-     */
-    slotProps?: {
-        header?: Partial<EzHeaderComponentProps>;
-        sidebar?: Partial<EzSidebarComponentProps>;
-        footer?: Record<string, unknown>;
-        commandPalette?: Record<string, unknown>;
-    };
-    /**
-     * Configuration for the built-in authentication slider.
-     * Provides slots for sign-in and sign-up forms.
-     * @group Properties
-     */
-    authConfig?: {
-        /** Slot for custom sign-in form content. @group Subcomponents */
-        signInSlot?: default_2.ReactNode;
-        /** Slot for custom sign-up form content. @group Subcomponents */
-        signUpSlot?: default_2.ReactNode;
-    };
-    /**
-     * Configuration props passed to the default EzHeader component.
-     * @group Properties
-     */
-    headerConfig?: EzHeaderProps;
-    /**
-     * Main content to be rendered within the layout.
-     * @group Data
-     */
-    children?: default_2.ReactNode;
-    /**
-     * Custom class name for the main content area.
-     * @group Appearance
-     */
-    contentClassName?: string;
-    /**
-     * Custom class name for the header container.
-     * @group Appearance
-     */
-    headerClassName?: string;
-    /**
-     * Custom class name for the sidebar container.
-     * @group Appearance
-     */
-    sidebarClassName?: string;
-    /**
-     * Custom class name for the footer container.
-     * @group Appearance
-     */
-    footerClassName?: string;
-    /**
-     * Callback fired when the layout mode changes (e.g. dashboard <-> auth).
-     * @group Events
-     */
-    onModeChange?: (mode: 'dashboard' | 'auth' | 'minimal') => void;
-    /**
-     * Callback fired when the sidebar is toggled.
-     * @group Events
-     */
-    onSidebarToggle?: (isOpen: boolean) => void;
-    /**
-     * Callback fired when the auth page changes (signin <-> signup).
-     * @group Events
-     */
-    onAuthPageChange?: (page: 'signin' | 'signup') => void;
-    /**
-     * Callback fired when the viewport resizes.
-     * @group Events
-     */
-    onViewportResize?: (dimensions: {
-        width: number;
-        height: number;
-        isMobile: boolean;
-    }) => void;
-    /**
-     * Height of the header in pixels.
-     * @default 64
-     * @group Appearance
-     */
-    headerHeight?: number;
-    /**
-     * Width of the sidebar in pixels.
-     * @default 256
-     * @group Appearance
-     */
-    sidebarWidth?: number;
-    /**
-     * Breakpoint in pixels for mobile view.
-     * @default 768
-     * @group Properties
-     */
-    breakpoint?: number;
-    /**
-     * Enable drag-to-resize for the sidebar pane.
-     * When true, a resize handle appears between the sidebar and main content.
-     * @default false
-     * @group Properties
-     */
-    sidebarResizable?: boolean;
-    /**
-     * Minimum sidebar width in pixels when resizable is enabled.
-     * @default 200
-     * @group Appearance
-     */
-    sidebarMinWidth?: number;
-    /**
-     * Maximum sidebar width in pixels when resizable is enabled.
-     * @default 480
-     * @group Appearance
-     */
-    sidebarMaxWidth?: number;
-    /**
-     * Callback fired when the sidebar is resized by drag.
-     * @group Events
-     */
-    onSidebarResize?: (width: number) => void;
-    /**
-     * Enable state persistence to localStorage for layout preferences.
-     * @group Properties
-     */
-    enablePersistence?: boolean;
-    /**
-     * Custom media query for fine-grained mobile breakpoint control.
-     * @group Properties
-     */
-    mediaQuery?: string;
-    /**
-     * Callback when layout is created.
-     * @group Events
-     */
-    onCreate?: () => void;
-    /**
-     * Callback when layout is destroyed.
-     * @group Events
-     */
-    onDestroy?: () => void;
-    /**
-     * Callback when resizing starts.
-     * @group Events
-     */
-    onResizeStart?: () => void;
-    /**
-     * Callback when resizing stops.
-     * @group Events
-     */
-    onResizeStop?: () => void;
-}
-
-/**
- * Imperative API for the EzLayout component.
- * Access via ref to programmatically control layout state and shell behavior.
- * @group Methods
- */
-export declare interface EzLayoutRef {
-    /** Toggles sidebar visibility or sets it explicitly. @group Methods */
-    toggleSidebar: (open?: boolean) => void;
-    /** Programmatically opens the sidebar. @group Methods */
-    openSidebar: () => void;
-    /** Programmatically closes the sidebar. @group Methods */
-    closeSidebar: () => void;
-    /** Returns current visibility of the sidebar. @group Methods */
-    isSidebarOpen: () => boolean;
-    /** Sets the top-level layout mode. @group Methods */
-    setMode: (mode: 'dashboard' | 'auth' | 'minimal') => void;
-    /** Gets the current layout mode. @group Methods */
-    getMode: () => 'dashboard' | 'auth' | 'minimal';
-    /** Switches layout to dashboard mode. @group Methods */
-    showDashboard: () => void;
-    /** Switches layout to authentication mode. @group Methods */
-    showAuth: () => void;
-    /** Switches layout to minimal mode. @group Methods */
-    showMinimal: () => void;
-    /** Switches the active auth view (signin/signup). @group Methods */
-    setAuthPage: (page: 'signin' | 'signup') => void;
-    /** Gets the current auth view. @group Methods */
-    getAuthPage: () => 'signin' | 'signup';
-    /** Programmatically shows the sign-in form. @group Methods */
-    showSignIn: () => void;
-    /** Programmatically shows the sign-up form. @group Methods */
-    showSignUp: () => void;
-    /** Returns a snapshot of the internal layout state. @group Methods */
-    getState: () => {
-        sidebarOpen: boolean;
-        mode: 'dashboard' | 'auth' | 'minimal';
-        headerHeight: number;
-        sidebarWidth: number;
-        viewportHeight: number;
-        isMobile: boolean;
-        authPage: 'signin' | 'signup';
-    };
-    /** Returns current viewport dimensions and mobile status. @group Methods */
-    getViewport: () => {
-        height: number;
-        isMobile: boolean;
-    };
-    /** Direct check if the layout is in mobile mode. @group Methods */
-    isMobile: () => boolean;
-    /** Gets the configured header height. @group Methods */
-    getHeaderHeight: () => number;
-    /** Gets the configured sidebar width. @group Methods */
-    getSidebarWidth: () => number;
-    /** Returns calculated CSS styles for the main content area. @group Methods */
-    getMainContentStyle: () => default_2.CSSProperties;
-    /** Returns the underlying LayoutService instance. @group Services */
-    getLayoutService: () => IService;
-    /** Returns the service registry used by the layout. @group Services */
-    getServiceRegistry: () => ServiceRegistry;
-    /** Forces a re-calculation of layout dimensions. @group Methods */
-    refresh: () => void;
-    /** Programmatically adds a side panel. @group Methods */
-    addPanel: (panel: Record<string, unknown>) => void;
-    /** Removes a side panel by its ID. @group Methods */
-    removePanel: (id: string) => void;
-}
-
-export declare const EzOrganizationSwitcher: default_2.FC<EzOrganizationSwitcherProps>;
-
-export declare interface EzOrganizationSwitcherProps {
-    currentOrg: Organization;
-    organizations: Organization[];
-    onSelect: (org: Organization) => void;
-    collapsed?: boolean;
-    className?: string;
-}
-
-/**
- * Specialized props for a custom sidebar component.
- * @group Subcomponents
- */
-declare interface EzSidebarComponentProps {
-    /** Whether the sidebar is visible. @group Properties */
-    open: boolean;
-    /** Whether the layout is in mobile mode. @group State */
-    isMobile: boolean;
-    /** Callback to close the sidebar (typically on overlay click). @group Events */
-    onClose: () => void;
-    /** Content to render inside the sidebar. @group Data */
-    children?: default_2.ReactNode;
-    /** Allow custom properties passed via slotProps */
-    [key: string]: any;
-}
-
-export declare const EzSidebarFooter: default_2.FC<EzSidebarFooterProps>;
-
-export declare interface EzSidebarFooterProps {
-    collapsed: boolean;
-    onToggle: () => void;
-    onLogout?: () => void;
-    className?: string;
-}
-
-/**
- * Container for sidebar navigation items.
- * Groups and spaces EzSidebarNavItem components.
- */
-export declare const EzSidebarNav: default_2.FC<EzSidebarNavProps>;
-
-export declare const EzSidebarNavItem: default_2.FC<EzSidebarNavItemProps>;
-
-export declare interface EzSidebarNavItemProps {
-    icon: default_2.ElementType;
-    label: string;
-    active?: boolean;
-    collapsed?: boolean;
-    children?: default_2.ReactNode;
-    onClick?: (e?: default_2.MouseEvent) => void;
-    className?: string;
-}
-
-export declare interface EzSidebarNavProps {
-    children: default_2.ReactNode;
-    className?: string;
-}
-
-/**
- * Advanced theme customization component.
- * Allows users to change the primary brand color and the layout border radius.
- * @group Components
- */
-export declare const EzThemeColorChanger: default_2.FC<{
-    className?: string;
-}>;
-
-/**
- * Utility component to toggle between Light and Dark theme modes.
- * @group Components
- */
-export declare const EzThemeSwitcher: default_2.FC<{
-    className?: string;
-}>;
-
-export declare const EzUserProfile: default_2.FC<EzUserProfileProps>;
-
-/**
- * Props for the user profile dropdown component.
- * @group Properties
- */
-export declare interface EzUserProfileProps {
-    /** Basic user details to display in the menu. @group Data */
-    user: {
-        /** Display name of the user. @group Data */
-        name: string;
-        /** Email address for secondary identification. @group Data */
-        email?: string;
-        /** URL to the user's avatar image. @group Appearance */
-        avatarUrl?: string;
-        /** Fallback initials if avatar is missing. @group Appearance */
-        initials?: string;
-    };
-    /** Callback triggered when the user clicks 'Sign Out'. @group Events */
-    onLogout?: () => void;
-    /** Custom CSS class for the profile trigger button. @group Appearance */
-    className?: string;
-}
-
-declare interface FilterGroup {
-    kind?: 'group';
-    id?: string;
-    logic: 'AND' | 'OR';
-    filters: (FilterRule | FilterGroup)[];
-}
-
-/**
- * Filter Utilities Types
- */
-declare type FilterOperator = 'contains' | 'doesNotContain' | 'shouldContain' | 'equals' | 'notEquals' | 'doesNotEqual' | 'startsWith' | 'endsWith' | 'empty' | 'notEmpty' | 'gt' | 'greaterThan' | 'lt' | 'lessThan' | 'gte' | 'greaterThanOrEqual' | 'lte' | 'lessThanOrEqual' | 'between' | 'in' | 'notIn';
-
-declare interface FilterRule<TValue = unknown> {
-    kind?: 'rule';
-    id?: string;
-    field: string;
-    operator: FilterOperator;
-    value: TValue;
-    condition?: 'and' | 'or';
-}
-
-/**
- * Base interface for all services in the EzUX ecosystem.
- * @group Services
- */
-declare interface IService {
-    /** Unique name of the service for registration and lookup. @group Data */
-    name: string;
-    /** Optional cleanup logic to run when the service is unregistered. @group Methods */
-    cleanup?: () => void;
-}
-
-export declare interface Organization {
-    id: string;
-    name: string;
-    logo?: string;
-}
-
-/**
- * Common pagination model
- */
-declare interface PaginationModel {
-    pageIndex: number;
-    pageSize: number;
-    totalRows?: number;
-}
-
-/**
- * Interface for a service repository that manages service lifecycles and dependency injection.
- * @group Services
- */
-declare interface ServiceRegistry {
-    /** Registers a service instance by name. @group Methods */
-    register<T extends IService>(name: string, service: T): void;
-    /** Retrieves a service instance by name, if it exists. @group Methods */
-    get<T extends IService>(name: string): T | undefined;
-    /** Retrieves a service or throws an error if not found. @group Methods */
-    getOrThrow<T extends IService>(name: string): T;
-    /** Removes a service from the registry and triggers its cleanup. @group Methods */
-    unregister(name: string): void;
-    /** Triggers cleanup for all registered services. @group Methods */
-    cleanupAll(): void;
-    /** Subscribes to registry state changes (e.g. services added or removed). @group Methods */
-    subscribe(listener: (state: ServiceRegistryState) => void): () => void;
-}
-
-declare interface ServiceRegistryState {
-    serviceNames: string[];
-}
-
-declare interface SharedBaseProps<TData = unknown> extends BaseComponentProps, ComponentEventCallbacks<TData> {
-    /**
-     * The shared service registry instance.
-     * This is required to access shared services like HierarchyService, FocusManagerService, etc.
-     * @group Services
-     */
-    serviceRegistry?: ServiceRegistry;
-}
-
-/**
- * Enterprise sign-in form with social login support and validation.
- * @group Authentication
- */
-export declare const SignInForm: default_2.FC<SignInFormProps>;
-
-/**
- * Props for the sign-in form.
- * @group Properties
- */
-export declare interface SignInFormProps {
-    /** Callback triggered upon successful form validation and submission. @group Events */
-    onSubmit?: (values: SignInFormValues) => Promise<void>;
-    /** Initial values for the form fields. @group Properties */
-    defaultValues?: Partial<SignInFormValues>;
-}
-
-declare interface SignInFormValues {
-    email: string;
-    password: string;
-}
-
-/**
- * Enterprise sign-up form with profile picture upload and validation.
- * @group Authentication
- */
-export declare const SignUpForm: default_2.FC<SignUpFormProps>;
-
-/**
- * Props for the sign-up form.
- * @group Properties
- */
-export declare interface SignUpFormProps {
-    /** Callback triggered upon successful form validation and submission. @group Events */
-    onSubmit?: (values: SignUpFormValues) => Promise<void>;
-}
-
-declare interface SignUpFormValues {
-    name: string;
-    email: string;
-    password: string;
-}
-
-/**
- * Common sort direction
- */
-declare type SortDirection = 'asc' | 'desc' | false;
-
-/**
- * Common sort model
- */
-declare interface SortModel {
-    field: string;
-    direction: SortDirection;
-}
-
-export { }
-
-
-declare module '@tanstack/react-table' {
-    interface TableMeta<TData extends RowData> {
-        updateData?: (rowIndex: number, columnId: string, value: unknown) => void;
-        editingRows?: Record<string, boolean>;
-        toggleRowEditing?: (rowIndex: number, editing?: boolean) => void;
-        focusedCell?: {
-            r: number;
-            c: number;
-        } | null;
-        setFocusedCell?: (cell: {
-            r: number;
-            c: number;
-        } | null) => void;
-        navigateFocus?: (dr: number, dc: number) => void;
-        enableEditing?: boolean;
-        isRowEditable?: (row: TData) => boolean;
-        isCellEditable?: (row: TData, columnId: string) => boolean;
-        enableSearchHighlighting?: boolean;
-        selectionSettings?: SelectionSettings;
-        editSettings?: EditSettings;
-        filterSettings?: FilterSettings;
-        searchSettings?: SearchSettings;
-        sortSettings?: SortSettings;
-        textWrapSettings?: TextWrapSettings;
-        classNames?: EzTableClassNames<TData>;
-        icons?: EzTableIcons;
-        slots?: EzTableSlots<TData>;
-        slotProps?: Record<string, unknown>;
-        localization?: EzTableLocalization;
-        gridLines?: 'Both' | 'Horizontal' | 'Vertical' | 'None';
-    }
-    interface ColumnMeta<TData extends RowData, TValue> extends EzColumnMeta {
-    }
-}
+export * from './components/EzLayout/index.js'
+export {}

package/dist/layout.es.js

@@ -1,20 +1,2 @@
-import "react/jsx-runtime";
-import "react";
-import "./useInitCoreServices-D1WaWlaI.js";
-import { b as m, c as z, d as E, e as S, f as g, g as h, h as n, i as p, j as d, k as b, S as c, l as f } from "./index-BQKw_Vho.js";
-import "./EzErrorBoundary-D4NBadES.js";
-import "./NotificationPanel-D2Y-_ahk.js";
-export {
-  m as EzHeader,
-  z as EzLanguageSwitcher,
-  E as EzLayout,
-  S as EzOrganizationSwitcher,
-  g as EzSidebarFooter,
-  h as EzSidebarNav,
-  n as EzSidebarNavItem,
-  p as EzThemeColorChanger,
-  d as EzThemeSwitcher,
-  b as EzUserProfile,
-  c as SignInForm,
-  f as SignUpForm
-};
+import { a as e, c as t, d as n, f as r, i, l as a, n as o, o as s, r as c, s as l, t as u, u as d } from "./EzLayout-CiaPLniV.js";
+export { e as EzHeader, t as EzLanguageSwitcher, u as EzLayout, s as EzOrganizationSwitcher, o as EzSidebarFooter, i as EzSidebarNav, c as EzSidebarNavItem, a as EzThemeColorChanger, d as EzThemeSwitcher, l as EzUserProfile, n as SignInForm, r as SignUpForm };