es-application-template 0.0.8 → 0.0.15

package/dist/management/appearance/appearance-mode-control.d.ts

@@ -0,0 +1,8 @@
+import { AppearanceMode } from '../../appearance/core';
+type AppearanceModeControlProps = {
+    value: AppearanceMode;
+    onChange: (value: AppearanceMode) => void;
+    disabled?: boolean;
+};
+declare const AppearanceModeControl: ({ value, onChange, disabled }: AppearanceModeControlProps) => import("react/jsx-runtime").JSX.Element;
+export default AppearanceModeControl;

package/dist/management/appearance/appearance-number-field.d.ts

@@ -0,0 +1,15 @@
+import { AppearanceOption } from '../../appearance/core';
+type AppearanceNumberFieldProps = {
+    label: string;
+    value: number;
+    min: number;
+    max: number;
+    step?: number;
+    suffix?: string;
+    specialValues?: readonly number[];
+    options: Array<AppearanceOption<number>>;
+    onChange: (_value: number) => void;
+    onPreviewFocus?: () => void;
+};
+declare const AppearanceNumberField: ({ label, value, min, max, step, suffix, specialValues, options, onChange, onPreviewFocus }: AppearanceNumberFieldProps) => import("react/jsx-runtime").JSX.Element;
+export default AppearanceNumberField;

package/dist/management/appearance/appearance-preview.d.ts

@@ -0,0 +1,12 @@
+import { AppearanceConfig } from '../../appearance/core';
+import { Dispatch, ReactNode } from 'react';
+type AppearancePreviewProps = {
+    config: AppearanceConfig;
+    mode: 'colors' | 'typography' | 'components' | 'layout';
+    activeSection?: string;
+    colorMode: 'light' | 'dark';
+    onColorModeChange: Dispatch<'light' | 'dark'>;
+    workspaceActions?: ReactNode;
+};
+declare const AppearancePreview: ({ config, mode, activeSection, colorMode, onColorModeChange, workspaceActions }: AppearancePreviewProps) => import("react/jsx-runtime").JSX.Element;
+export default AppearancePreview;

package/dist/management/appearance/appearance-primitives.d.ts

@@ -0,0 +1,95 @@
+import { ShortcutActionId } from '../../shortcuts/core';
+import { ReactNode } from 'react';
+export declare const StandardActions: ({ onCancel, onReset, onSave, cancelLabel, saveLabel, loading, extra, size, buttonClassName }: {
+    onCancel?: () => void;
+    onReset?: () => void;
+    onSave?: () => void;
+    cancelLabel?: string;
+    saveLabel?: string;
+    loading?: boolean;
+    extra?: ReactNode;
+    size?: "sm" | "lg";
+    buttonClassName?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const SectionCard: ({ title, description, icon, actions, children, className, tone, headerClassName, bodyClassName, titleClassName, collapsible, collapsed, onToggleCollapsed }: {
+    title?: string;
+    description?: string;
+    icon?: ReactNode;
+    actions?: ReactNode;
+    children: ReactNode;
+    className?: string;
+    tone?: "default" | "info" | "success" | "warning" | "danger";
+    headerClassName?: string;
+    bodyClassName?: string;
+    titleClassName?: string;
+    collapsible?: boolean;
+    collapsed?: boolean;
+    onToggleCollapsed?: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const NoteBox: ({ children, tone, title }: {
+    children: ReactNode;
+    tone?: "info" | "success" | "warning" | "danger";
+    title?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const FormField: ({ label, required, help, children, className, labelClassName }: {
+    label: string;
+    required?: boolean;
+    help?: string;
+    children: ReactNode;
+    className?: string;
+    labelClassName?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const IconButton: ({ label, children, onClick, tone, disabled }: {
+    label: string;
+    children: ReactNode;
+    onClick?: () => void;
+    tone?: "default" | "danger" | "primary";
+    disabled?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const SideDrawer: ({ open, title, subtitle, onClose, children, footer, width }: {
+    open: boolean;
+    title: string;
+    subtitle?: string;
+    onClose: () => void;
+    children: ReactNode;
+    footer?: ReactNode;
+    width?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ToolbarButton: ({ children, icon, onClick, variant, disabled, size, className, shortcutAction }: {
+    children: ReactNode;
+    icon?: ReactNode;
+    onClick?: () => void;
+    variant?: "outline" | "primary" | "danger";
+    disabled?: boolean;
+    size?: "sm" | "lg";
+    className?: string;
+    shortcutAction?: ShortcutActionId;
+}) => import("react/jsx-runtime").JSX.Element;
+type ColorFieldProps = {
+    value: string;
+    onChange: (value: string) => void;
+};
+export declare const ColorField: ({ value, onChange }: ColorFieldProps) => import("react/jsx-runtime").JSX.Element;
+export type AdminSettingsTab = {
+    id: string;
+    label: string;
+    icon?: ReactNode;
+    badge?: ReactNode;
+};
+type AdminSettingsPageProps = {
+    title: string;
+    description?: string;
+    actions?: ReactNode;
+    tabs: AdminSettingsTab[];
+    activeTab: string;
+    onTabChange: (tabId: string) => void;
+    children: ReactNode;
+    className?: string;
+    headerClassName?: string;
+    titleClassName?: string;
+    descriptionClassName?: string;
+    tabClassName?: string;
+    fitContent?: boolean;
+};
+export declare const AdminSettingsPage: ({ title, description, actions, tabs, activeTab, onTabChange, children, className, headerClassName, titleClassName, descriptionClassName, tabClassName }: AdminSettingsPageProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/management/appearance/appearance-theme-library.d.ts

@@ -0,0 +1,22 @@
+import { AppearanceThemeRecord } from '../../appearance/core';
+type AppearanceThemeLibraryProps = {
+    open: boolean;
+    themes: AppearanceThemeRecord[];
+    loading: boolean;
+    error?: unknown;
+    saving: boolean;
+    scopeLabel: string;
+    canApply: boolean;
+    activeThemeKey?: string;
+    customized?: boolean;
+    onClose: () => void;
+    onUse: (theme: AppearanceThemeRecord) => void;
+    onApply: (theme: AppearanceThemeRecord) => void;
+    onEdit: (theme: AppearanceThemeRecord) => void;
+    onCreate: () => void;
+    onDuplicate: (theme: AppearanceThemeRecord) => void;
+    onDelete: (theme: AppearanceThemeRecord) => void;
+    onRestore: (theme: AppearanceThemeRecord) => void;
+};
+declare const AppearanceThemeLibrary: ({ open, themes, loading, error, saving, scopeLabel, canApply, activeThemeKey, customized, onClose, onUse, onApply, onEdit, onCreate, onDuplicate, onDelete, onRestore }: AppearanceThemeLibraryProps) => import("react/jsx-runtime").JSX.Element;
+export default AppearanceThemeLibrary;

package/dist/management/appearance/appearance-theme-modal.d.ts

@@ -0,0 +1,27 @@
+import { AppearanceThemeRecord } from '../../appearance/core';
+type ThemeMetaValue = {
+    name: string;
+    key: string;
+    description: string;
+    sourceThemeKey?: string;
+};
+type AppearanceThemeModalProps = {
+    open: boolean;
+    mode: 'create' | 'saveAs' | 'duplicate' | 'editInfo';
+    themes: AppearanceThemeRecord[];
+    initial?: Partial<ThemeMetaValue>;
+    currentCode?: string;
+    keyLocked?: boolean;
+    sourceLabel?: string;
+    sourceOptions?: Array<{
+        value: string;
+        label: string;
+    }>;
+    loading?: boolean;
+    onClose: () => void;
+    onSubmit: (value: ThemeMetaValue) => void;
+    onSubmitAndApply?: (value: ThemeMetaValue) => void;
+};
+declare const AppearanceThemeModal: ({ open, mode, themes, initial, currentCode, keyLocked, sourceLabel, sourceOptions, loading, onClose, onSubmit, onSubmitAndApply }: AppearanceThemeModalProps) => import("react/jsx-runtime").JSX.Element;
+export type { ThemeMetaValue };
+export default AppearanceThemeModal;

package/dist/management/appearance/appearance-workspace.d.ts

@@ -0,0 +1,16 @@
+import { Dispatch, ReactNode } from 'react';
+export type AppearanceWorkspaceMode = 'default' | 'settings-expanded' | 'preview-expanded' | 'settings-collapsed' | 'preview-collapsed';
+type PanelSide = 'settings' | 'preview';
+export declare const AppearanceWorkspaceActions: ({ side, mode, onModeChange }: {
+    side: PanelSide;
+    mode: AppearanceWorkspaceMode;
+    onModeChange: Dispatch<AppearanceWorkspaceMode>;
+}) => import("react/jsx-runtime").JSX.Element;
+type AppearanceWorkspaceProps = {
+    mode: AppearanceWorkspaceMode;
+    onModeChange: Dispatch<AppearanceWorkspaceMode>;
+    settings: ReactNode;
+    preview: ReactNode;
+};
+declare const AppearanceWorkspace: ({ mode, onModeChange, settings, preview }: AppearanceWorkspaceProps) => import("react/jsx-runtime").JSX.Element;
+export default AppearanceWorkspace;

package/dist/management/appearance/index.d.ts

@@ -0,0 +1,3 @@
+import './appearance.scss';
+declare const AppearanceSettingsPage: () => import("react/jsx-runtime").JSX.Element;
+export default AppearanceSettingsPage;

package/dist/management/appearance/use-appearance-theme-library.d.ts

@@ -0,0 +1,25 @@
+import { AppearanceThemeRecord, AppearanceThemeValue } from '../../appearance/core';
+import { IConfig } from '../../domain/models/IConfig';
+export declare const appearanceThemeQueryKey: readonly [string, "APPEARANCE_THEMES"];
+export type SaveAppearanceThemeInput = {
+    key: string;
+    name: string;
+    description?: string;
+    value: AppearanceThemeValue;
+    displayOrder?: number;
+    /** Code hiện tại chỉ được truyền khi đang sửa đúng Theme đã tồn tại. */
+    currentCode?: string;
+    /** Config id hiện tại để loại chính record đang Edit khi kiểm tra trùng raw Code. */
+    currentConfigId?: string;
+};
+export declare const hasDuplicateAppearanceThemeCode: (configs: IConfig[], targetCode: string, editingConfigId?: string) => boolean;
+export declare const useAppearanceThemeLibrary: () => {
+    themes: AppearanceThemeRecord[];
+    loading: boolean;
+    fetching: boolean;
+    error: Error;
+    saving: boolean;
+    saveTheme: (input: SaveAppearanceThemeInput) => Promise<boolean>;
+    deleteTheme: (theme: AppearanceThemeRecord, successMessage?: string) => Promise<boolean>;
+    refresh: () => Promise<void>;
+};

package/dist/management/setting-keys/config-tree/setting-key-convention.d.ts

@@ -0,0 +1,56 @@
+export type SettingKeyValueType = 'boolean' | 'number' | 'string' | 'json' | 'date' | 'datetime' | 'guid';
+export type SettingKeyDefaultValue = boolean | number | string | null;
+export type SettingKeyRule = {
+    id: string;
+    section: string;
+    category: string;
+    pattern: string;
+    type: SettingKeyValueType;
+    defaultValue?: SettingKeyDefaultValue;
+    sampleValue?: unknown;
+    examples: string[];
+    description: string;
+};
+export type SettingKeyRuleSection = {
+    id: string;
+    title: string;
+    description: string;
+};
+export type SettingKeyCategory = {
+    value: string;
+    label: string;
+};
+export type SettingConventionSection = {
+    title: string;
+    paragraphs?: string[];
+    items?: string[];
+    examples?: string[];
+};
+export type SettingKeyConvention = {
+    id: string;
+    version: number;
+    title: string;
+    objective: string[];
+    keyStructure: {
+        pattern: string;
+        explanation: string[];
+        examples: string[];
+    };
+    categories: SettingKeyCategory[];
+    ruleSections: SettingKeyRuleSection[];
+    rules: SettingKeyRule[];
+    guidance: SettingConventionSection[];
+};
+export declare const SETTING_KEY_RULES: SettingKeyRule[];
+export declare const SETTING_KEY_CONVENTION: SettingKeyConvention;
+export declare const formatSettingKeyConvention: (convention?: SettingKeyConvention) => string;
+export declare const serializeSettingKeyConvention: (convention?: SettingKeyConvention) => string;
+export type SettingImportLeaf = {
+    type: SettingKeyValueType;
+    value: unknown;
+    description: string;
+};
+export type SettingImportDocument = Record<string, Record<string, unknown>>;
+export declare const buildSettingImportExample: (resourceCode?: string, convention?: SettingKeyConvention) => SettingImportDocument;
+export declare const serializeSettingImportExample: (resourceCode?: string, convention?: SettingKeyConvention) => string;
+export declare const filterSettingKeyRules: (rows: SettingKeyRule[], searchTerm: string, category?: string, type?: string) => SettingKeyRule[];

package/dist/package/index.d.ts

@@ -5,5 +5,10 @@ export type { ShortcutActionId, ShortcutActions } from '../shortcuts/core';
 export { ShortcutTooltip } from '../shortcuts/runtime/ShortcutTooltip';
 export { ShortcutOverlayScope } from '../shortcuts/core/advanced';
 export { setting } from '../settings/core/setting';
-export { default as SettingsPage } from '../management/setting-keys';
 export { default as ShortcutsPage } from '../management/shortcuts';
+export { default as SettingsPage } from '../management/setting-keys';
+export { bootstrapAppearance } from '../appearance/runtime/bootstrap';
+export { useAppearance } from '../appearance/runtime/AppearanceRuntime';
+export { default as AppearanceSettingsPage } from '../management/appearance';
+export { appearanceDefaults } from '../appearance/core/defaults';
+export type { AppearanceConfig } from '../appearance/core/types';