es-application-template 0.0.8 → 0.0.15

package/dist/appearance/core/runtime.d.ts

@@ -0,0 +1,4 @@
+import { AppearanceConfig } from './types';
+export declare const resolveDarkMode: (theme: AppearanceConfig["colors"]["theme"]) => boolean;
+export declare const applyAppearanceTheme: (input: AppearanceConfig, darkMode: boolean) => AppearanceConfig;
+export declare const resetAppearanceTheme: () => AppearanceConfig;

package/dist/appearance/core/theme-constants.d.ts

@@ -0,0 +1,13 @@
+export declare const APPEARANCE_CONFIG_CODE = "SYSTEM_SETTING_APPEARANCE";
+export declare const APPEARANCE_THEME_CONFIG_PREFIX = "SYSTEM_SETTING_APPEARANCE_THEME_";
+export declare const APPEARANCE_THEME_SCHEMA_VERSION = 2;
+export declare const APPEARANCE_THEME_KEYS: {
+    readonly BECOXY_ORANGE: "BECOXY_ORANGE";
+    readonly CORPORATE_BLUE: "CORPORATE_BLUE";
+    readonly INDIGO_MODERN: "INDIGO_MODERN";
+    readonly EMERALD_OPERATIONS: "EMERALD_OPERATIONS";
+    readonly SLATE_MINIMAL: "SLATE_MINIMAL";
+};
+export declare const normalizeAppearanceThemeKey: (value: string) => string;
+export declare const getAppearanceThemeConfigCode: (themeKey: string) => string;
+export declare const getAppearanceThemeKeyFromCode: (code?: string | null) => string;

package/dist/appearance/core/theme-presets.d.ts

@@ -0,0 +1,3 @@
+import { AppearanceThemeRecord } from './theme-types';
+export declare const appearanceBuiltInThemes: AppearanceThemeRecord[];
+export declare const getBuiltInAppearanceTheme: (key: string) => AppearanceThemeRecord | undefined;

package/dist/appearance/core/theme-types.d.ts

@@ -0,0 +1,37 @@
+import { AppearanceConfig } from './types';
+export type AppearanceThemeLayout = Pick<AppearanceConfig['layout'], 'sidebarWidth' | 'collapsedWidth' | 'navbarHeight' | 'footerHeight' | 'contentPadding' | 'gutter' | 'sectionGap' | 'compact'>;
+export type AppearanceThemeNavigation = Pick<AppearanceConfig['navigation'], 'showIcons' | 'showGroupTitle' | 'searchable' | 'itemHeight' | 'indent' | 'groupSpacing' | 'iconSize' | 'activeRadius' | 'activeStyle'>;
+export type AppearanceThemeAccessibility = Pick<AppearanceConfig['other'], 'reduceMotion' | 'highContrast' | 'focusOutline' | 'largeText' | 'showTooltips' | 'scrollbar'>;
+export type AppearanceThemeConfig = {
+    colors: AppearanceConfig['colors'];
+    darkColors: AppearanceConfig['darkColors'];
+    typography: AppearanceConfig['typography'];
+    components: AppearanceConfig['components'];
+    grid: AppearanceConfig['grid'];
+    layout: AppearanceThemeLayout;
+    navigation: AppearanceThemeNavigation;
+    accessibility: AppearanceThemeAccessibility;
+};
+export type AppearanceThemeValue = {
+    themeSchemaVersion: number;
+    appearanceSchemaVersion: number;
+    baseThemeKey?: string;
+    config: AppearanceThemeConfig;
+};
+export type AppearanceThemeKind = 'built-in' | 'custom';
+export type AppearanceThemeRecord = {
+    key: string;
+    code: string;
+    name: string;
+    description?: string;
+    kind: AppearanceThemeKind;
+    builtIn: boolean;
+    overridden: boolean;
+    configId?: string;
+    displayOrder: number;
+    createdByName?: string;
+    createdDate?: string;
+    updatedByName?: string;
+    updatedDate?: string;
+    value: AppearanceThemeValue;
+};

package/dist/appearance/core/theme-utils.d.ts

@@ -0,0 +1,8 @@
+import { AppearanceThemeConfig, AppearanceThemeValue } from './theme-types';
+import { AppearanceConfig } from './types';
+export declare const extractAppearanceThemeConfig: (appearance: AppearanceConfig) => AppearanceThemeConfig;
+export declare const createAppearanceThemeValue: (appearance: AppearanceConfig, baseThemeKey?: string) => AppearanceThemeValue;
+export declare const applyAppearanceThemeConfig: (currentAppearance: AppearanceConfig, themeConfig: AppearanceThemeConfig, sourceThemeKey?: string) => AppearanceConfig;
+export declare const appearanceFromThemeValue: (theme: AppearanceThemeValue) => AppearanceConfig;
+export declare const appearanceThemeConfigEquals: (appearance: AppearanceConfig, themeConfig: AppearanceThemeConfig) => boolean;
+export declare const normalizeAppearanceThemeValue: (input: unknown) => AppearanceThemeValue | null;

package/dist/appearance/core/types.d.ts

@@ -0,0 +1,231 @@
+export type AppearanceMode = 'light' | 'dark' | 'auto';
+export type AppearanceShadow = 'none' | 'light' | 'medium';
+export type AppearanceDropdownShadow = 'light' | 'medium' | 'strong';
+export type NavigationActiveStyle = 'soft-background' | 'left-border' | 'text-only';
+export type AppearanceGridLineMode = 'both' | 'horizontal' | 'vertical' | 'none';
+export type AppearanceGridShadow = 'none' | 'light' | 'medium' | 'strong';
+export type AppearanceGridColorMode = 'default' | 'theme' | 'custom';
+export interface AppearanceGridPalette {
+    background: string;
+    text: string;
+    headerBackground: string;
+    headerText: string;
+    stripedBackground: string;
+    hoverBackground: string;
+    selectedBackground: string;
+    selectedText: string;
+    activeCellBackground: string;
+    border: string;
+    groupBackground: string;
+    groupText: string;
+    footerBackground: string;
+    footerText: string;
+}
+export interface AppearanceGridColors {
+    mode: AppearanceGridColorMode;
+    light: Partial<AppearanceGridPalette>;
+    dark: Partial<AppearanceGridPalette>;
+}
+export interface AppearanceGrid {
+    fontSize: number;
+    rowHeight: number;
+    headerHeight: number;
+    cellPaddingX: number;
+    cellPaddingY: number;
+    headerPaddingX: number;
+    headerPaddingY: number;
+    headerFontWeight: number;
+    pagerHeight: number;
+    lineMode: AppearanceGridLineMode;
+    borderWidth: number;
+    radius: number;
+    shadow: AppearanceGridShadow;
+    striped: boolean;
+    hover: boolean;
+    colors: AppearanceGridColors;
+}
+export interface AppearanceColors {
+    theme: AppearanceMode;
+    primary: string;
+    brandAccent: string;
+    secondary: string;
+    success: string;
+    warning: string;
+    danger: string;
+    info: string;
+    background: string;
+    surface: string;
+    surfaceSecondary: string;
+    textPrimary: string;
+    headingText: string;
+    textSecondary: string;
+    mutedText: string;
+    placeholderText: string;
+    border: string;
+    inputBorder: string;
+    hoverBackground: string;
+    activeBackground: string;
+    disabledBackground: string;
+    navbarBackground: string;
+    navbarText: string;
+    sidebarBackground: string;
+    sidebarText: string;
+    sidebarMutedText: string;
+    linkColor: string;
+    scrollbarThumb: string;
+    scrollbarTrack: string;
+}
+export interface AppearanceDarkColors {
+    background: string;
+    surface: string;
+    surfaceSecondary: string;
+    textPrimary: string;
+    headingText: string;
+    textSecondary: string;
+    mutedText: string;
+    placeholderText: string;
+    border: string;
+    inputBorder: string;
+    hoverBackground: string;
+    activeBackground: string;
+    disabledBackground: string;
+    navbarBackground: string;
+    navbarText: string;
+    sidebarBackground: string;
+    sidebarText: string;
+    sidebarMutedText: string;
+    linkColor: string;
+    scrollbarThumb: string;
+    scrollbarTrack: string;
+}
+export interface AppearanceTypography {
+    fontFamily: string;
+    baseFontSize: number;
+    baseLineHeight: number;
+    bodyFontWeight: number;
+    pageTitleSize: number;
+    pageTitleWeight: number;
+    sectionTitleSize: number;
+    sectionTitleWeight: number;
+    cardTitleSize: number;
+    cardTitleWeight: number;
+    menuFontSize: number;
+    menuFontWeight: number;
+    formLabelSize: number;
+    formLabelWeight: number;
+    smallFontSize: number;
+    letterSpacing: number;
+}
+export interface AppearanceComponents {
+    controlHeight: number;
+    buttonHeight: number;
+    buttonRadius: number;
+    inputRadius: number;
+    cardRadius: number;
+    modalRadius: number;
+    dropdownRadius: number;
+    buttonPaddingX: number;
+    cardPadding: number;
+    cardGap: number;
+    cardShadow: AppearanceShadow;
+    dropdownShadow: AppearanceDropdownShadow;
+    focusRingSize: number;
+    transitionDuration: number;
+    tabHeight: number;
+    tabRadius: number;
+    checkboxSize: number;
+    switchHeight: number;
+}
+export interface AppearanceLayout {
+    main: string;
+    contentWidth: string;
+    sidebarWidth: number;
+    collapsedWidth: number;
+    navbarHeight: number;
+    footerHeight: number;
+    contentPadding: number;
+    gutter: number;
+    sectionGap: number;
+    stickyNavbar: boolean;
+    stickySidebar: boolean;
+    breadcrumb: boolean;
+    pageHeader: boolean;
+    compact: boolean;
+}
+export interface AppearanceNavigation {
+    viewMode: 'layout-3' | 'layout-1' | 'layout-5';
+    showIcons: boolean;
+    showGroupTitle: boolean;
+    accordion: boolean;
+    rememberOpen: boolean;
+    searchable: boolean;
+    showFavorites: boolean;
+    itemHeight: number;
+    indent: number;
+    groupSpacing: number;
+    iconSize: number;
+    activeRadius: number;
+    activeStyle: NavigationActiveStyle;
+}
+export interface AppearanceLogos {
+    showTagline: boolean;
+    position: string;
+    headerSize: string;
+    menuGap: string;
+    hoverEffect: string;
+}
+export interface AppearanceLoginPage {
+    style: string;
+    showModules: boolean;
+    showFeatures: boolean;
+    showFooter: boolean;
+    showLanguage: boolean;
+    showTheme: boolean;
+    title: string;
+    subtitle: string;
+    cardPosition: string;
+    overlay: string;
+    blur: string;
+}
+export interface AppearanceEmail {
+    headerColor: string;
+    footerColor: string;
+    textColor: string;
+    linkColor: string;
+    buttonRadius: string;
+    documentHeader: boolean;
+    documentFooter: boolean;
+    watermark: boolean;
+    signature: string;
+    pageSize: string;
+    margin: string;
+}
+export interface AppearanceOther {
+    reduceMotion: boolean;
+    highContrast: boolean;
+    focusOutline: boolean;
+    largeText: boolean;
+    showTooltips: boolean;
+    animationSpeed: string;
+    scrollbar: 'Mảnh' | 'Mặc định' | 'Ẩn';
+    iconSet: string;
+}
+export interface AppearanceThemeMeta {
+    sourceThemeKey?: string;
+}
+export interface AppearanceConfig extends Record<string, unknown> {
+    schemaVersion: number;
+    themeMeta?: AppearanceThemeMeta;
+    colors: AppearanceColors;
+    darkColors: AppearanceDarkColors;
+    typography: AppearanceTypography;
+    components: AppearanceComponents;
+    grid: AppearanceGrid;
+    layout: AppearanceLayout;
+    navigation: AppearanceNavigation;
+    logos: AppearanceLogos;
+    loginPage: AppearanceLoginPage;
+    email: AppearanceEmail;
+    other: AppearanceOther;
+}
+export type AppearanceValidationErrors = Record<string, string>;

package/dist/appearance/core/validate.d.ts

@@ -0,0 +1,5 @@
+import { AppearanceConfig, AppearanceValidationErrors } from './types';
+export declare const normalizeAppearanceConfig: (input: unknown) => AppearanceConfig;
+export declare const validateAppearanceConfig: (input: unknown) => AppearanceValidationErrors;
+/** Read persisted JSON before defaults can mask its original schemaVersion. */
+export declare const deserializeAppearanceConfig: (serialized?: string | null) => AppearanceConfig;

package/dist/appearance/runtime/AppearanceRuntime.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { AppearanceConfig } from '../core/types';
+export declare const useAppearance: () => AppearanceConfig;
+export declare const AppearanceRuntime: ({ children }: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/appearance/runtime/bootstrap.d.ts

@@ -0,0 +1,4 @@
+import { AppearanceConfig } from '../core/types';
+export declare const APPEARANCE_CONFIG_CODE = "SYSTEM_SETTING_APPEARANCE";
+/** Must run before createRoot. Uses last-known-good values without waiting for React/API. */
+export declare const bootstrapAppearance: () => AppearanceConfig;

package/dist/components/sidebar/index.d.ts

@@ -1,3 +1,4 @@
+import './sidebar.scss';
 interface IFDataProps {
     open: boolean;
     children: any;

package/dist/config/config-document.d.ts

@@ -1,11 +1,12 @@
 import { ConfigCachePolicyName } from './config-cache';
-type UseConfigDocumentOptions = {
+type UseConfigDocumentOptions<T> = {
+    deserialize?: (serialized?: string | null) => T;
     productCode?: string | null;
     userId?: string | null;
     policy?: ConfigCachePolicyName;
     enabled?: boolean;
 };
-export declare const useConfigDocument: <T extends Record<string, unknown>>(code: string, defaults: T, name?: string, normalize?: (value: T) => T, options?: UseConfigDocumentOptions) => {
+export declare const useConfigDocument: <T extends Record<string, unknown>>(code: string, defaults: T, name?: string, normalize?: (value: T) => T, options?: UseConfigDocumentOptions<T>) => {
     value: T;
     setValue: (next: T) => void;
     patch: <K extends keyof T>(key: K, next: T[K]) => void;

package/dist/config/use-runtime-config.d.ts

@@ -6,9 +6,10 @@ type UseRuntimeConfigOptions<T> = {
     identity: IConfigIdentity;
     policy: ConfigCachePolicyName;
     normalize?: (value: T) => T;
+    deserialize?: (serialized?: string | null) => T;
     enabled?: boolean;
 };
-export declare const useRuntimeConfig: <T extends Record<string, unknown>>({ code, defaults, identity, policy, normalize, enabled }: UseRuntimeConfigOptions<T>) => {
+export declare const useRuntimeConfig: <T extends Record<string, unknown>>({ code, defaults, identity, policy, normalize, deserialize, enabled }: UseRuntimeConfigOptions<T>) => {
     value: T;
     ready: boolean;
     config: IConfig;

package/dist/config/use-runtime-identity.d.ts

@@ -0,0 +1 @@
+export declare const useRuntimeConfigIdentity: () => import("../domain/models/IConfig").IConfigIdentity;

package/dist/domain/constants/index.d.ts

@@ -1,4 +1,10 @@
 export declare const BASE_URL: string;
+export declare const CDN_URL_VIEW: string;
+export declare const UPLOADFILE: {
+    URL_API: {
+        UPLOAD_IMAGE_API: string;
+    };
+};
 export declare const PRODUCTDEPLOY: {
     URL_API: {
         GET_RESOURCE_API: string;
@@ -7,11 +13,13 @@ export declare const PRODUCTDEPLOY: {
 export declare const CONFIG: {
     ACTION_TYPES: {
         GET_BY_CODE: string;
+        GET_PAGING: string;
         UPDATE: string;
         DELETE: string;
     };
     URL_API: {
         GET_BY_CODE_API: string;
+        GET_PAGING_API: string;
         UPDATE_API: string;
         DELETE_API: string;
     };