@fewangsit/wangsvue-fats 1.0.0-alpha.3 → 1.0.0-alpha.31

package/event-bus/index.d.ts

@@ -48,7 +48,9 @@ export type Events<CustomEvents = Record<string, any>> = CustomEvents & {
     'toast:add': ToastParams;
     'tree:update-tree-nodes': unknown;
     'tree:tree-updated': unknown;
-    'tree:selection-changed': unknown;
+    'tree:selection-changed': {
+        keys: string;
+    };
     'overlay:show': {
         overlayId: number;
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fewangsit/wangsvue-fats",
-  "version": "1.0.0-alpha.3",
+  "version": "1.0.0-alpha.31",
   "author": "fewangsit",
   "description": "Admin Console Tagsamurai VueJS Component Library",
   "type": "module",

package/plugins/WangsVue.d.ts

@@ -1,5 +1,4 @@
 import { Plugin } from 'vue';
-import { PrimeVueLocaleOptions } from 'primevue/config';
 import { FieldWrapperLocaleConfig, FieldWrapperProps } from '../components/fieldwrapper/FieldWrapper.vue.d';
 import { InputTextLocaleConfig, InputTextProps } from '../components/inputtext/InputText.vue.d';
 import { TreeProps } from '../components/tree/Tree.vue.d';
@@ -69,7 +68,7 @@ interface ComponentLocaleConfig {
     ImageCompressor?: ImageCompressorLocaleConfig;
 }
 export interface LocaleConfig {
-    global: Partial<PrimeVueLocaleOptions>;
+    global: typeof DEFAULT_GLOBAL_LOCALE_CONFIG;
     components: ComponentLocaleConfig;
 }
 export interface ComponentPresetOptions {
@@ -112,6 +111,125 @@ export interface WangsVueInstance {
     config: WangsVueOptions;
     getComponentConfig<ComponentName extends keyof ComponentDefaultPropsConfig | keyof ComponentLocaleConfig>(componentName: ComponentName): WangsVueComponentConfig<ComponentName>;
 }
+declare const DEFAULT_GLOBAL_LOCALE_CONFIG: {
+    startsWith: string;
+    contains: string;
+    notContains: string;
+    endsWith: string;
+    equals: string;
+    notEquals: string;
+    noFilter: string;
+    lt: string;
+    lte: string;
+    gt: string;
+    gte: string;
+    dateIs: string;
+    dateIsNot: string;
+    dateBefore: string;
+    dateAfter: string;
+    clear: string;
+    apply: string;
+    matchAll: string;
+    matchAny: string;
+    addRule: string;
+    removeRule: string;
+    accept: string;
+    reject: string;
+    choose: string;
+    upload: string;
+    cancel: string;
+    completed: string;
+    pending: string;
+    fileSizeTypes: string[];
+    monthNames: string[];
+    monthNamesShort: string[];
+    dayNames: string[];
+    dayNamesShort: string[];
+    dayNamesMin: string[];
+    chooseYear: string;
+    chooseMonth: string;
+    chooseDate: string;
+    prevDecade: string;
+    nextDecade: string;
+    prevYear: string;
+    nextYear: string;
+    prevMonth: string;
+    nextMonth: string;
+    prevHour: string;
+    nextHour: string;
+    prevMinute: string;
+    nextMinute: string;
+    prevSecond: string;
+    nextSecond: string;
+    pm: string;
+    am: string;
+    today: string;
+    weekHeader: string;
+    firstDayOfWeek: number;
+    showMonthAfterYear: boolean;
+    dateFormat: string;
+    weak: string;
+    medium: string;
+    strong: string;
+    passwordPrompt: string;
+    emptyFilterMessage: string;
+    searchMessage: string;
+    selectionMessage: string;
+    emptySelectionMessage: string;
+    emptySearchMessage: string;
+    emptyMessage: string;
+    aria: {
+        trueLabel: string;
+        falseLabel: string;
+        nullLabel: string;
+        star: string;
+        stars: string;
+        selectAll: string;
+        unselectAll: string;
+        close: string;
+        previous: string;
+        next: string;
+        navigation: string;
+        scrollTop: string;
+        moveTop: string;
+        moveUp: string;
+        moveDown: string;
+        moveBottom: string;
+        moveToTarget: string;
+        moveToSource: string;
+        moveAllToTarget: string;
+        moveAllToSource: string;
+        pageLabel: string;
+        firstPageLabel: string;
+        lastPageLabel: string;
+        nextPageLabel: string;
+        prevPageLabel: string;
+        rowsPerPageLabel: string;
+        jumpToPageDropdownLabel: string;
+        jumpToPageInputLabel: string;
+        selectRow: string;
+        unselectRow: string;
+        expandRow: string;
+        collapseRow: string;
+        showFilterMenu: string;
+        hideFilterMenu: string;
+        filterOperator: string;
+        filterConstraint: string;
+        editRow: string;
+        saveEdit: string;
+        cancelEdit: string;
+        listView: string;
+        gridView: string;
+        slide: string;
+        slideNumber: string;
+        zoomImage: string;
+        zoomIn: string;
+        zoomOut: string;
+        rotateRight: string;
+        rotateLeft: string;
+        listLabel: string;
+    };
+};
 export declare const defaultOptions: WangsVueOptions;
 export declare const useWangsVueConfig: <T extends (keyof ComponentDefaultPropsConfig | keyof ComponentLocaleConfig) | undefined>(componentName?: T) => T extends keyof ComponentDefaultPropsConfig | keyof ComponentLocaleConfig ? WangsVueComponentConfig<T> : WangsVueOptions;
 export declare const mergeWangsVueConfig: (baseConfig: WangsVueOptions, overrideConfig: Partial<WangsVueOptions>) => WangsVueOptions;

package/plugins/i18n.d.ts

@@ -0,0 +1,94 @@
+import { App, Ref } from 'vue';
+import { AxiosResponse } from 'axios';
+export type Locale = string;
+export interface LanguageOption {
+    /**
+     * ISO 639-1 language code (e.g., "en" for English, "fr" for French).
+     */
+    isoCode?: string;
+    /**
+     * The name of the language in English (e.g., "English", "Français").
+     */
+    name: string;
+    /**
+     * The URL of the country's flag image.
+     * Flags are sourced from https://flagcdn.com and are typically in SVG format for high-quality resolution.
+     */
+    flag?: string;
+}
+export interface I18n {
+    /**
+     * Locale message translation
+     *
+     * @param key - The translation key
+     * @param params - A values of named interpolation
+     * @param args - Positional interpolation values
+     *
+     * @returns translation message
+     * @example `t('Hello {user}!', { user: 'John Doe' })` - returns: 'Hello John Doe!'
+     * @example `t('Hello %s! I am %s.', "John Doe", "Peter Smith")` - returns: 'Hello John Doe! I am Peter Smith.'
+     */
+    t: {
+        (key: string, params: Record<string, any>): string;
+        (key: string, ...args: (string | number | boolean)[]): string;
+    };
+    /**
+     * Change the locale dynamically
+     *
+     * @param newLocale - The locale to switch to
+     */
+    setLocale: (newLocale: Locale) => Promise<void>;
+    /**
+     * Get the current locale
+     *
+     * @returns Current locale
+     */
+    locale: Ref<Locale>;
+    /**
+     * Service methods handle fetch requests
+     */
+    service?: I18nService;
+}
+type MessageMap = Record<string, string>;
+export interface I18nService {
+    /**
+     * Fetch all translation messages for a specific locale.
+     * @param locale The locale code (e.g., 'en', 'id').
+     * @returns A promise resolving to a key-value record of messages.
+     */
+    getMessages(locale: string): Promise<AxiosResponse<{
+        data: MessageMap;
+    }>>;
+    /**
+     * Fetch all available lang options for LanguageDropdown and LanguageSwitcher
+     *
+     * @returns Promise Array of options
+     */
+    getLanguageOptions(): Promise<LanguageOption[]>;
+    /**
+     * Fetch single lang option meta data
+     *
+     * @param locale The locale code (e.g., 'en', 'id').
+     * @returns Promise LanguageMeta
+     */
+    getLanguageOptionMeta(locale: string): Promise<LanguageOption>;
+    /**
+     * Translate a specific text to the target locale.
+     * @param key Unique translation key.
+     * @param locale Target locale code.
+     * @returns A promise resolving to the translated string.
+     */
+    translateText(key: string, locale: string): Promise<string>;
+}
+export declare const useI18n: () => I18n;
+declare const i18n: {
+    install: (app: App) => void;
+};
+export declare const createI18nWithExtension: (service: I18nService) => typeof i18n;
+export default i18n;
+declare module 'vue' {
+    interface ComponentCustomProperties {
+        $i18n: I18n;
+        $t: I18n['t'];
+    }
+}

package/utils/filterOptions.util.d.ts

@@ -1,3 +1,3 @@
-import { DropdownOption } from '../types/options.type';
-declare const filterOptions: (options?: DropdownOption[] | string[]) => DropdownOption[] | string[];
+import { Option } from '../components/dropdown/Dropdown.vue.d';
+declare const filterOptions: (options?: Option[] | string[]) => Option[] | string[];
 export default filterOptions;