@erpsquad/common 1.8.42 → 1.8.44

package/dist/styles/index.d.ts

@@ -1 +1 @@
-export * from './src/styles/index'
+export * from './themes';

package/dist/styles/themes/index.d.ts

@@ -0,0 +1,21 @@
+import { Color } from '../../theme/color';
+
+declare function createLightTheme(primaryColor?: Color): {
+    theme: import('@mui/material').Theme;
+    primaryColorVariations: {
+        label: string;
+        color: import('../..').EnhancedColor;
+    }[];
+};
+declare function createDarkTheme(primaryColor?: Color): {
+    theme: import('@mui/material').Theme;
+    primaryColorVariations: {
+        label: string;
+        color: import('../..').EnhancedColor;
+    }[];
+};
+export declare const themes: {
+    createLightTheme: typeof createLightTheme;
+    createDarkTheme: typeof createDarkTheme;
+};
+export {};

package/dist/theme/color.d.ts

@@ -0,0 +1,38 @@
+export interface Color {
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+    1000: string;
+}
+export interface EnhancedColor {
+    50?: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+    1000?: string;
+    A100?: string;
+    A200?: string;
+    A400?: string;
+    A700?: string;
+}
+export declare const primaryGreen: EnhancedColor;
+export declare const green: EnhancedColor;
+export declare const lightGreen: EnhancedColor;
+export declare const olive: EnhancedColor;
+export declare const magenta: EnhancedColor;
+export declare const blue: EnhancedColor;
+export declare const neutral: EnhancedColor;
+export declare const red: EnhancedColor;
+export declare const error: EnhancedColor;

package/dist/theme/theme-impl.d.ts

@@ -0,0 +1,24 @@
+import { Color } from './color';
+
+declare function createLightTheme(primaryColor?: Color, direction?: 'ltr' | 'rtl'): {
+    theme: import('@mui/material').Theme;
+    primaryColorVariations: {
+        label: string;
+        color: import('./color').EnhancedColor;
+    }[];
+};
+declare function createDarkTheme(primaryColor?: Color): {
+    theme: import('@mui/material').Theme;
+    primaryColorVariations: {
+        label: string;
+        color: import('./color').EnhancedColor;
+    }[];
+};
+export declare const themes: {
+    createLightTheme: typeof createLightTheme;
+    createDarkTheme: typeof createDarkTheme;
+};
+export { createLightTheme, createDarkTheme };
+export * from './color';
+export { default as ThemeSelector } from './themeSelector';
+export { default as ThemeWrapper } from './themeWrapper';

package/dist/theme/themeSelector.d.ts

@@ -0,0 +1,15 @@
+import { Color } from './color';
+
+export interface themeVariantInterface {
+    LIGHT: string;
+    DARK: string;
+}
+export declare const themeVariant: themeVariantInterface;
+export declare const getTheme: (selectedTheme: string, themePrimaryColor?: Color, direction?: any) => {
+    theme: import('@mui/material').Theme;
+    primaryColorVariations: {
+        label: string;
+        color: import('./color').EnhancedColor;
+    }[];
+};
+export default themeVariant;

package/dist/theme/themeWrapper.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { Theme } from '@mui/material/styles';
+
+interface MUIThemeWrapperProps {
+    theme?: Theme;
+    enableCssBaseline?: boolean;
+    children: React.ReactNode;
+}
+declare const MUIThemeWrapper: React.FC<MUIThemeWrapperProps>;
+export default MUIThemeWrapper;

package/dist/theme/types/extendMUIPalette.d.ts

@@ -0,0 +1,47 @@
+import { EnhancedColor } from "../color";
+
+declare module "@mui/material/styles/createPalette" {
+  interface CustomThemePaletteColorOptions {
+    bg?: string;
+    text?: string;
+    primary: EnhancedColor;
+    secondary: EnhancedColor;
+    warning?: EnhancedColor,
+    grey?: EnhancedColor,
+    success?: EnhancedColor,
+    green?: EnhancedColor,
+    tertiary1: EnhancedColor;
+    tertiary2: EnhancedColor;
+    tertiary3: EnhancedColor;
+    tertiary4: EnhancedColor;
+    tertiary5: EnhancedColor;
+    tertiary6: EnhancedColor;
+    error: EnhancedColor;
+  }
+
+  interface CustomThemePaletteColor {
+    bg?: string;
+    text?: string;
+    primary: EnhancedColor;
+    secondary: EnhancedColor;
+    warning?: EnhancedColor,
+    grey?: EnhancedColor,
+    success?: EnhancedColor,
+    green?: EnhancedColor,
+    tertiary1: EnhancedColor;
+    tertiary2: EnhancedColor;
+    tertiary3: EnhancedColor;
+    tertiary4: EnhancedColor;
+    tertiary5: EnhancedColor;
+    tertiary6: EnhancedColor;
+    error: EnhancedColor;
+  }
+
+  interface PaletteOptions {
+    theme?: CustomThemePaletteColorOptions;
+  }
+
+  interface Palette {
+    theme?: CustomThemePaletteColor;
+  }
+}

package/dist/theme/types/index.d.ts

@@ -0,0 +1 @@
+export * from './extendMUIPalette.d';

package/dist/theme/typography.d.ts

@@ -0,0 +1,88 @@
+export declare function remToPx(value: string): number;
+export declare function pxToRem(value: number): string;
+interface responsiveFontSizesInterface {
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+}
+export declare function responsiveFontSizes(size: responsiveFontSizesInterface): {
+    "@media (min-width:600px)": {
+        fontSize: string;
+    };
+    "@media (min-width:900px)": {
+        fontSize: string;
+    };
+    "@media (min-width:1200px)": {
+        fontSize: string;
+    };
+    "@media (min-width:1440px)": {
+        fontSize: string;
+    };
+};
+export declare const primaryFont = "Inter, sans-serif";
+export declare const secondaryFont = "Barlow, sans-serif";
+export declare const typography: {
+    fontFamily: string;
+    fontSecondaryFamily: string;
+    fontWeightThin: number;
+    fontWeightNormal: number;
+    fontWeightMedium: number;
+    fontWeightSemiBold: number;
+    fontWeightBold: number;
+    h1: {
+        "@media (min-width:600px)": {
+            fontSize: string;
+        };
+        "@media (min-width:900px)": {
+            fontSize: string;
+        };
+        "@media (min-width:1200px)": {
+            fontSize: string;
+        };
+        "@media (min-width:1440px)": {
+            fontSize: string;
+        };
+        lineHeight: string;
+        letterSpacing: string;
+        fontSize: string;
+    };
+    h2: {
+        lineHeight: string;
+        letterSpacing: string;
+        fontSize: string;
+    };
+    h3: {
+        letterSpacing: string;
+        fontSize: string;
+    };
+    h4: {
+        letterSpacing: string;
+        fontSize: string;
+    };
+    h5: {
+        letterSpacing: string;
+        fontSize: string;
+    };
+    subtitle1: {
+        letterSpacing: string;
+        fontSize: string;
+    };
+    subtitle2: {
+        letterSpacing: string;
+        fontSize: string;
+    };
+    subtitle3: {
+        letterSpacing: string;
+        fontSize: string;
+    };
+    subtitle4: {
+        letterSpacing: string;
+        fontSize: string;
+    };
+    subtitle5: {
+        letterSpacing: string;
+        fontSize: string;
+    };
+};
+export {};

package/dist/types/index.d.ts

@@ -1,56 +1,46 @@
 // Type exports
 // This file exports all TypeScript type definitions for the library
-
 // Common types
 export * from '../@types/common';
 export * from '../@types/page';
 export * from '../@types/pagination-model';
-
 // Theme types are declared in .d.ts files and don't need to be re-exported
 // They are automatically available when the library is imported
-
 // Component prop types - these will be automatically generated by TypeScript
 // from the component implementations, but we can also define common interfaces here
-
 // Base component props interface
 export interface BaseComponentProps {
   className?: string;
   style?: React.CSSProperties;
   'data-testid'?: string;
 }
-
 // Theme configuration interface
 export interface ThemeConfig {
   mode: 'light' | 'dark';
   primaryColor?: any; // Color type from theme
   direction: 'ltr' | 'rtl';
 }
-
 // Library provider props interface
 export interface ERPUIProviderProps {
   theme?: ThemeConfig;
   children: React.ReactNode;
 }
-
 // Redux integration interfaces
 export interface LibraryReduxSlices {
   share?: any;
   header?: any;
   reportsTitleBar?: any;
 }
-
 export interface ReduxIntegration {
   slices: LibraryReduxSlices;
   middleware: any[];
 }
-
 // Common data interfaces
 export interface SelectOption {
   label: string;
   value: any;
   disabled?: boolean;
 }
-
 export interface TableColumn {
   id: string;
   label: string;
@@ -58,7 +48,6 @@ export interface TableColumn {
   align?: 'left' | 'right' | 'center';
   format?: (value: any) => string;
 }
-
 export interface PaginationProps {
   count: number;
   page: number;
@@ -66,7 +55,6 @@ export interface PaginationProps {
   onPageChange: (event: unknown, newPage: number) => void;
   onRowsPerPageChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
 }
-
 // Form interfaces
 export interface FormField {
   name: string;
@@ -75,7 +63,6 @@ export interface FormField {
   required?: boolean;
   validation?: any;
 }
-
 // API response interfaces
 export interface ApiResponse<T = any> {
   success: boolean;
@@ -83,7 +70,6 @@ export interface ApiResponse<T = any> {
   message?: string;
   error?: string;
 }
-
 // Language and localization interfaces
 export interface Language {
   code: string;
@@ -91,14 +77,12 @@ export interface Language {
   direction: 'ltr' | 'rtl';
   flag?: string;
 }
-
 export interface LanguageContextType {
   currentLanguage: Language;
   availableLanguages: Language[];
   changeLanguage: (languageCode: string) => void;
   t: (key: string, params?: Record<string, any>) => string;
 }
-
 // Auth interfaces
 export interface User {
   id: string;
@@ -107,7 +91,6 @@ export interface User {
   role?: string;
   permissions?: string[];
 }
-
 export interface AuthContextType {
   user: User | null;
   isAuthenticated: boolean;
@@ -115,7 +98,6 @@ export interface AuthContextType {
   logout: () => void;
   loading: boolean;
 }
-
 // Page context interfaces
 export interface PageContextType {
   currentPage: string;
@@ -123,16 +105,14 @@ export interface PageContextType {
   breadcrumbs: any[];
   setBreadcrumbs: (breadcrumbs: any[]) => void;
 }
-
 // Permission interfaces
 export interface Permission {
   resource: string;
   action: string;
   granted: boolean;
 }
-
 export interface PermissionContextType {
   permissions: Permission[];
   hasPermission: (resource: string, action: string) => boolean;
   loading: boolean;
-}
+}