@admin-layout/client 9.1.1-alpha.26 → 9.1.1-alpha.49

package/lib/antd-themes/ThemeProvider.d.ts

@@ -0,0 +1,432 @@
+import React from 'react';
+interface ThemeProviderProps {
+    children: React.ReactNode;
+}
+export declare const getTheme: (themeType: any, themeName: any) => {
+    algorithm: import("@ant-design/cssinjs").DerivativeFunc<import("antd/es/theme/interface").SeedToken, import("antd/es/theme/interface").MapToken>;
+    token: {
+        colorPrimary: string;
+        colorBgContainer: string;
+        colorText: string;
+        colorTextSecondary: string;
+        fontFamily: string;
+        borderRadius: number;
+        colorLink: string;
+        colorLinkHover: string;
+        colorLinkActive: string;
+    };
+    components: {
+        Button: {
+            algorithm: boolean;
+        };
+        Menu: {
+            itemBg: string;
+        };
+        Input: {
+            activeBorderColor: string;
+        };
+    };
+    scopes: ({
+        scope: string[];
+        settings: {
+            default: {
+                background: string;
+                foreground: string;
+                border: string;
+            };
+            primary: {
+                background: string;
+                foreground: string;
+                border: string;
+            };
+            hover: {
+                background: string;
+                foreground: string;
+                border: string;
+            };
+            active: {
+                background: string;
+                foreground: string;
+                border: string;
+            };
+            disabled: {
+                background: string;
+                foreground: string;
+                border: string;
+            };
+            focus?: undefined;
+            background?: undefined;
+            item?: undefined;
+            header?: undefined;
+            row?: undefined;
+            heading?: undefined;
+            text?: undefined;
+        };
+    } | {
+        scope: string[];
+        settings: {
+            default: {
+                background: string;
+                foreground: string;
+                border: string;
+            };
+            focus: {
+                border: string;
+                boxShadow: string;
+            };
+            hover: {
+                border: string;
+                background?: undefined;
+                foreground?: undefined;
+            };
+            disabled: {
+                background: string;
+                foreground: string;
+                border: string;
+            };
+            primary?: undefined;
+            active?: undefined;
+            background?: undefined;
+            item?: undefined;
+            header?: undefined;
+            row?: undefined;
+            heading?: undefined;
+            text?: undefined;
+        };
+    } | {
+        scope: string[];
+        settings: {
+            background: string;
+            item: {
+                default: {
+                    background: string;
+                    foreground: string;
+                };
+                hover: {
+                    background: string;
+                    foreground: string;
+                };
+                active: {
+                    background: string;
+                    foreground: string;
+                };
+            };
+            default?: undefined;
+            primary?: undefined;
+            hover?: undefined;
+            active?: undefined;
+            disabled?: undefined;
+            focus?: undefined;
+            header?: undefined;
+            row?: undefined;
+            heading?: undefined;
+            text?: undefined;
+        };
+    } | {
+        scope: string[];
+        settings: {
+            header: {
+                background: string;
+                foreground: string;
+            };
+            row: {
+                odd: {
+                    background: string;
+                };
+                even: {
+                    background: string;
+                };
+                hover: {
+                    background: string;
+                };
+            };
+            default?: undefined;
+            primary?: undefined;
+            hover?: undefined;
+            active?: undefined;
+            disabled?: undefined;
+            focus?: undefined;
+            background?: undefined;
+            item?: undefined;
+            heading?: undefined;
+            text?: undefined;
+        };
+    } | {
+        scope: string[];
+        settings: {
+            heading: {
+                1: {
+                    fontSize: number;
+                    fontWeight: number;
+                };
+                2: {
+                    fontSize: number;
+                    fontWeight: number;
+                };
+                3: {
+                    fontSize: number;
+                    fontWeight: number;
+                };
+                4: {
+                    fontSize: number;
+                    fontWeight: number;
+                };
+                5: {
+                    fontSize: number;
+                    fontWeight: number;
+                };
+            };
+            text: {
+                default: {
+                    fontSize: number;
+                    fontWeight: number;
+                };
+                secondary: {
+                    fontSize: number;
+                    fontWeight: number;
+                    foreground: string;
+                };
+            };
+            default?: undefined;
+            primary?: undefined;
+            hover?: undefined;
+            active?: undefined;
+            disabled?: undefined;
+            focus?: undefined;
+            background?: undefined;
+            item?: undefined;
+            header?: undefined;
+            row?: undefined;
+        };
+    })[];
+} | {
+    algorithm: import("@ant-design/cssinjs").DerivativeFunc<import("antd/es/theme/interface").SeedToken, import("antd/es/theme/interface").MapToken>;
+    token: {
+        colorPrimary: string;
+        colorBgContainer: string;
+        colorText: string;
+        colorTextSecondary: string;
+        fontFamily: string;
+        borderRadius: number;
+        colorLink: string;
+        colorLinkHover: string;
+        colorLinkActive: string;
+    };
+    components: {
+        Button: {
+            algorithm: boolean;
+            borderRadius: number;
+            controlHeight: number;
+            controlHeightLG: number;
+            controlHeightSM: number;
+            paddingContentHorizontal: number;
+        };
+        Menu: {
+            itemBg: string;
+            itemColor: string;
+            itemHoverColor: string;
+            itemSelectedColor: string;
+            itemSelectedBg: string;
+            itemHoverBg: string;
+            activeBarWidth: number;
+            activeBarHeight: number;
+            activeBarBorderWidth: number;
+        };
+        Typography: {
+            fontSizeHeading1: number;
+            fontSizeHeading2: number;
+            fontSizeHeading3: number;
+            fontSizeHeading4: number;
+            fontSizeHeading5: number;
+        };
+        Form: {
+            labelColor: string;
+            colorError: string;
+            colorWarning: string;
+            colorSuccess: string;
+        };
+        Input: {
+            controlHeight: number;
+            controlHeightLG: number;
+            controlHeightSM: number;
+            paddingHorizontal: number;
+            borderRadius: number;
+        };
+    };
+    scopes: ({
+        scope: string[];
+        settings: {
+            default: {
+                background: string;
+                foreground: string;
+                border: string;
+            };
+            primary: {
+                background: string;
+                foreground: string;
+                border: string;
+            };
+            hover: {
+                background: string;
+                foreground: string;
+                border: string;
+            };
+            active: {
+                background: string;
+                foreground: string;
+                border: string;
+            };
+            disabled: {
+                background: string;
+                foreground: string;
+                border: string;
+            };
+            focus?: undefined;
+            background?: undefined;
+            item?: undefined;
+            header?: undefined;
+            row?: undefined;
+            heading?: undefined;
+            text?: undefined;
+        };
+    } | {
+        scope: string[];
+        settings: {
+            default: {
+                background: string;
+                foreground: string;
+                border: string;
+            };
+            focus: {
+                border: string;
+                boxShadow: string;
+            };
+            hover: {
+                border: string;
+                background?: undefined;
+                foreground?: undefined;
+            };
+            disabled: {
+                background: string;
+                foreground: string;
+                border: string;
+            };
+            primary?: undefined;
+            active?: undefined;
+            background?: undefined;
+            item?: undefined;
+            header?: undefined;
+            row?: undefined;
+            heading?: undefined;
+            text?: undefined;
+        };
+    } | {
+        scope: string[];
+        settings: {
+            background: string;
+            item: {
+                default: {
+                    background: string;
+                    foreground: string;
+                };
+                hover: {
+                    background: string;
+                    foreground: string;
+                };
+                active: {
+                    background: string;
+                    foreground: string;
+                };
+            };
+            default?: undefined;
+            primary?: undefined;
+            hover?: undefined;
+            active?: undefined;
+            disabled?: undefined;
+            focus?: undefined;
+            header?: undefined;
+            row?: undefined;
+            heading?: undefined;
+            text?: undefined;
+        };
+    } | {
+        scope: string[];
+        settings: {
+            header: {
+                background: string;
+                foreground: string;
+            };
+            row: {
+                odd: {
+                    background: string;
+                };
+                even: {
+                    background: string;
+                };
+                hover: {
+                    background: string;
+                };
+            };
+            default?: undefined;
+            primary?: undefined;
+            hover?: undefined;
+            active?: undefined;
+            disabled?: undefined;
+            focus?: undefined;
+            background?: undefined;
+            item?: undefined;
+            heading?: undefined;
+            text?: undefined;
+        };
+    } | {
+        scope: string[];
+        settings: {
+            heading: {
+                1: {
+                    fontSize: number;
+                    fontWeight: number;
+                };
+                2: {
+                    fontSize: number;
+                    fontWeight: number;
+                };
+                3: {
+                    fontSize: number;
+                    fontWeight: number;
+                };
+                4: {
+                    fontSize: number;
+                    fontWeight: number;
+                };
+                5: {
+                    fontSize: number;
+                    fontWeight: number;
+                };
+            };
+            text: {
+                default: {
+                    fontSize: number;
+                    fontWeight: number;
+                };
+                secondary: {
+                    fontSize: number;
+                    fontWeight: number;
+                    foreground: string;
+                };
+            };
+            default?: undefined;
+            primary?: undefined;
+            hover?: undefined;
+            active?: undefined;
+            disabled?: undefined;
+            focus?: undefined;
+            background?: undefined;
+            item?: undefined;
+            header?: undefined;
+            row?: undefined;
+        };
+    })[];
+};
+export declare const ThemeProvider: React.FC<ThemeProviderProps>;
+export {};
+//# sourceMappingURL=ThemeProvider.d.ts.map

package/lib/antd-themes/ThemeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/antd-themes/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,kBAAkB;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQpB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAiCtD,CAAC"}

package/lib/antd-themes/ThemeProvider.js

@@ -0,0 +1,35 @@
+import React__default from'react';import {ConfigProvider}from'antd';import {themeRegistry}from'./themeRegistry.js';import'../config/env-config.js';import'lodash-es';import'../redux/store.js';import {useAppSelector}from'../redux/hooks.js';const getTheme = (themeType, themeName) => {
+    const key = `${themeName}${themeType === 'realDark' ? 'Dark' : 'Light'}Theme`;
+    if (key in themeRegistry) {
+        return themeRegistry[key];
+    }
+    else {
+        return themeRegistry?.defaultLightTheme;
+    }
+};
+const ThemeProvider = ({ children }) => {
+    const settings = useAppSelector((state) => state?.settings);
+    const { theme, themeType } = settings;
+    const selectedTheme = getTheme(themeType, theme);
+    const applyScopedStyles = (components) => {
+        selectedTheme?.scopes?.forEach((scope) => {
+            scope.scope.forEach((componentName) => {
+                if (!components[componentName]) {
+                    components[componentName] = {};
+                }
+                Object.assign(components[componentName], scope.settings);
+            });
+        });
+        return components;
+    };
+    return (React__default.createElement(ConfigProvider, { theme: {
+            algorithm: selectedTheme?.algorithm,
+            token: selectedTheme?.token,
+            components: {
+                ...applyScopedStyles(selectedTheme?.components || {}),
+                Layout: {
+                    siderBg: settings?.themeType == 'dark' ? `${settings?.siderBgColor} !important` : null,
+                },
+            },
+        } }, children));
+};export{ThemeProvider,getTheme};//# sourceMappingURL=ThemeProvider.js.map

package/lib/antd-themes/ThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.js","sources":["../../src/antd-themes/ThemeProvider.tsx"],"sourcesContent":[null],"names":[],"mappings":"8OASA,MAAA,QAAa,GAAQ,CAAA,SAAA,EAAA,SAAA,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/antd-themes/airbnb-dark-theme.d.ts

@@ -0,0 +1,230 @@
+export declare const airbnbDarkTheme: {
+    algorithm: import("@ant-design/cssinjs").DerivativeFunc<import("antd/es/theme/interface").SeedToken, import("antd/es/theme/interface").MapToken>;
+    token: {
+        colorPrimary: string;
+        colorBgContainer: string;
+        colorText: string;
+        colorTextSecondary: string;
+        fontFamily: string;
+        borderRadius: number;
+        colorLink: string;
+        colorLinkHover: string;
+        colorLinkActive: string;
+    };
+    components: {
+        Button: {
+            algorithm: boolean;
+            borderRadius: number;
+            controlHeight: number;
+            controlHeightLG: number;
+            controlHeightSM: number;
+            paddingContentHorizontal: number;
+        };
+        Menu: {
+            itemBg: string;
+            itemColor: string;
+            itemHoverColor: string;
+            itemSelectedColor: string;
+            itemSelectedBg: string;
+            itemHoverBg: string;
+            activeBarWidth: number;
+            activeBarHeight: number;
+            activeBarBorderWidth: number;
+            colorActiveBarColor: string;
+        };
+        Typography: {
+            fontSizeHeading1: number;
+            fontSizeHeading2: number;
+            fontSizeHeading3: number;
+            fontSizeHeading4: number;
+            fontSizeHeading5: number;
+        };
+        Form: {
+            labelColor: string;
+            colorError: string;
+            colorWarning: string;
+            colorSuccess: string;
+        };
+        Input: {
+            controlHeight: number;
+            controlHeightLG: number;
+            controlHeightSM: number;
+            paddingHorizontal: number;
+            borderRadius: number;
+        };
+    };
+    scopes: ({
+        scope: string[];
+        settings: {
+            default: {
+                background: string;
+                foreground: string;
+                border: string;
+            };
+            primary: {
+                background: string;
+                foreground: string;
+                border: string;
+            };
+            hover: {
+                background: string;
+                foreground: string;
+                border: string;
+            };
+            active: {
+                background: string;
+                foreground: string;
+                border: string;
+            };
+            disabled: {
+                background: string;
+                foreground: string;
+                border: string;
+            };
+            focus?: undefined;
+            background?: undefined;
+            item?: undefined;
+            header?: undefined;
+            row?: undefined;
+            heading?: undefined;
+            text?: undefined;
+        };
+    } | {
+        scope: string[];
+        settings: {
+            default: {
+                background: string;
+                foreground: string;
+                border: string;
+            };
+            focus: {
+                border: string;
+                boxShadow: string;
+            };
+            hover: {
+                border: string;
+                background?: undefined;
+                foreground?: undefined;
+            };
+            disabled: {
+                background: string;
+                foreground: string;
+                border: string;
+            };
+            primary?: undefined;
+            active?: undefined;
+            background?: undefined;
+            item?: undefined;
+            header?: undefined;
+            row?: undefined;
+            heading?: undefined;
+            text?: undefined;
+        };
+    } | {
+        scope: string[];
+        settings: {
+            background: string;
+            item: {
+                default: {
+                    background: string;
+                    foreground: string;
+                };
+                hover: {
+                    background: string;
+                    foreground: string;
+                };
+                active: {
+                    background: string;
+                    foreground: string;
+                };
+            };
+            default?: undefined;
+            primary?: undefined;
+            hover?: undefined;
+            active?: undefined;
+            disabled?: undefined;
+            focus?: undefined;
+            header?: undefined;
+            row?: undefined;
+            heading?: undefined;
+            text?: undefined;
+        };
+    } | {
+        scope: string[];
+        settings: {
+            header: {
+                background: string;
+                foreground: string;
+            };
+            row: {
+                odd: {
+                    background: string;
+                };
+                even: {
+                    background: string;
+                };
+                hover: {
+                    background: string;
+                };
+            };
+            default?: undefined;
+            primary?: undefined;
+            hover?: undefined;
+            active?: undefined;
+            disabled?: undefined;
+            focus?: undefined;
+            background?: undefined;
+            item?: undefined;
+            heading?: undefined;
+            text?: undefined;
+        };
+    } | {
+        scope: string[];
+        settings: {
+            heading: {
+                1: {
+                    fontSize: number;
+                    fontWeight: number;
+                };
+                2: {
+                    fontSize: number;
+                    fontWeight: number;
+                };
+                3: {
+                    fontSize: number;
+                    fontWeight: number;
+                };
+                4: {
+                    fontSize: number;
+                    fontWeight: number;
+                };
+                5: {
+                    fontSize: number;
+                    fontWeight: number;
+                };
+            };
+            text: {
+                default: {
+                    fontSize: number;
+                    fontWeight: number;
+                };
+                secondary: {
+                    fontSize: number;
+                    fontWeight: number;
+                    foreground: string;
+                };
+            };
+            default?: undefined;
+            primary?: undefined;
+            hover?: undefined;
+            active?: undefined;
+            disabled?: undefined;
+            focus?: undefined;
+            background?: undefined;
+            item?: undefined;
+            header?: undefined;
+            row?: undefined;
+        };
+    })[];
+};
+//# sourceMappingURL=airbnb-dark-theme.d.ts.map

package/lib/antd-themes/airbnb-dark-theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"airbnb-dark-theme.d.ts","sourceRoot":"","sources":["../../src/antd-themes/airbnb-dark-theme.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsK3B,CAAC"}