@fewangsit/wangsvue-fats 1.0.0-alpha.7 → 1.0.0-alpha.70

package/plugins/WangsVue.d.ts

@@ -1,131 +1,299 @@
 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';
-import { DialogConfirmLocaleConfig } from '../components/dialogconfirm/DialogConfirm.vue.d';
-import { CustomColumnLocaleConfig } from '../components/customcolumn/CustomColumn.vue.d';
+import { AnimationDefaultConfig } from '../components/animation/Animation.vue.d';
+import { BadgeComponentConfigs } from '../components/badge/Badge.vue.d';
+import {
+  ButtonBulkActionLocaleConfig,
+  ButtonBulkActionProps,
+} from '../components/buttonbulkaction/ButtonBulkAction.vue.d';
 import { ButtonSearchLocaleConfig } from '../components/buttonsearch/ButtonSearch.vue.d';
+import {
+  CalendarLocaleConfig,
+  CalendarPresetOptions,
+} from '../components/calendar/Calendar.vue.d';
+import { CustomColumnLocaleConfig } from '../components/customcolumn/CustomColumn.vue.d';
+import {
+  DataTableLocaleConfig,
+  DataTableProps,
+} from '../components/datatable/DataTable.vue.d';
+import { DialogConfirmLocaleConfig } from '../components/dialogconfirm/DialogConfirm.vue.d';
+import { DialogFormLocaleConfig } from '../components/dialogform/DialogForm.vue.d';
+import {
+  DropdownLocaleConfig,
+  DropdownProps,
+} from '../components/dropdown/Dropdown.vue.d';
+import {
+  FieldWrapperLocaleConfig,
+  FieldWrapperProps,
+} from '../components/fieldwrapper/FieldWrapper.vue.d';
 import { FilterContainerLocaleConfig } from '../components/filtercontainer/FilterContainer.vue.d';
-import { MultiSelectLocaleConfig } from '../components/multiselect/MultiSelect.vue.d';
-import { DropdownLocaleConfig, DropdownProps } from '../components/dropdown/Dropdown.vue.d';
+import { ImageProps } from '../components/image/Image.vue.d';
+import { ImageCompressorLocaleConfig } from '../components/imagecompressor/ImageCompressor.vue.d';
 import { InputCurrencyLocaleConfig } from '../components/inputcurrency/InputCurrency.vue.d';
-import { TextareaLocaleConfig } from '../components/textarea/Textarea.vue.d';
-import { InputrangeNumberLocaleConfig } from '../components/inputrangenumber/InputRangeNumber.vue.d';
-import { DialogFormLocaleConfig } from '../components/dialogform/DialogForm.vue.d';
-import { InputPhoneNumberLocaleConfig } from '../components/inputphonenumber/InputPhoneNumber.vue.d';
+import { InputEmailProps } from '../components/inputemail/InputEmail.vue.d';
 import { InputNumberLocaleConfig } from '../components/inputnumber/InputNumber.vue.d';
-import { CalendarLocaleConfig, CalendarPresetOptions } from '../components/calendar/Calendar.vue.d';
-import { OverlayPanelPassThroughOptions } from '../components/overlaypanel/OverlayPanel.vue.d';
+import { InputPhoneNumberLocaleConfig } from '../components/inputphonenumber/InputPhoneNumber.vue.d';
+import { InputrangeNumberLocaleConfig } from '../components/inputrangenumber/InputRangeNumber.vue.d';
+import {
+  InputTextLocaleConfig,
+  InputTextProps,
+} from '../components/inputtext/InputText.vue.d';
 import { InputURLProps } from '../components/inputurl/InputURL.vue.d';
-import { InputEmailProps } from '../components/inputemail/InputEmail.vue.d';
-import { ImageProps } from '../components/image/Image.vue.d';
-import { MenuLocaleConfig } from '../components/menu/Menu.vue.d';
-import { ButtonBulkActionLocaleConfig, ButtonBulkActionProps } from '../components/buttonbulkaction/ButtonBulkAction.vue.d';
-import { AnimationDefaultConfig } from '../components/animation/Animation.vue.d';
 import { LoadingPresetOptions } from '../components/loading/Loading.vue.d';
-import { DataTableLocaleConfig, DataTableProps } from '../components/datatable/DataTable.vue.d';
-import { BadgeComponentConfigs } from '../components/badge/Badge.vue.d';
-import { UserNameComponentConfigs, UserNameLocaleConfig, UserNamePresetOptions } from '../components/username/UserName.vue.d';
-import { ImageCompressorLocaleConfig } from '../components/imagecompressor/ImageCompressor.vue.d';
-import { UseToastConfig } from '../utils';
+import { MenuLocaleConfig } from '../components/menu/Menu.vue.d';
+import { MultiSelectLocaleConfig } from '../components/multiselect/MultiSelect.vue.d';
+import { OverlayPanelPassThroughOptions } from '../components/overlaypanel/OverlayPanel.vue.d';
+import { TextareaLocaleConfig } from '../components/textarea/Textarea.vue.d';
+import { TreeProps } from '../components/tree/Tree.vue.d';
+import {
+  UserNameComponentConfigs,
+  UserNameLocaleConfig,
+  UserNamePresetOptions,
+} from '../components/username/UserName.vue.d';
+import { type UseToastConfig } from '../utils/toast.util';
 /**
  * A Record of component names with theirs props interface
  */
 export interface ComponentDefaultPropsConfig {
-    FieldWrapper?: FieldWrapperProps;
-    InputText?: InputTextProps;
-    InputURL?: InputURLProps;
-    InputEmail?: InputEmailProps;
-    Tree?: TreeProps;
-    Image?: ImageProps;
-    ButtonBulkAction?: Omit<ButtonBulkActionProps, 'selectedData' | 'options'>;
-    Animation?: AnimationDefaultConfig;
-    DataTable?: Partial<DataTableProps>;
-    Badge?: Partial<BadgeComponentConfigs>;
-    UserName?: UserNameComponentConfigs;
-    Dropdown?: DropdownProps;
+  FieldWrapper?: FieldWrapperProps;
+  InputText?: InputTextProps;
+  InputURL?: InputURLProps;
+  InputEmail?: InputEmailProps;
+  Tree?: TreeProps;
+  Image?: ImageProps;
+  ButtonBulkAction?: Omit<ButtonBulkActionProps, 'selectedData' | 'options'>;
+  Animation?: AnimationDefaultConfig;
+  DataTable?: Partial<DataTableProps>;
+  Badge?: Partial<BadgeComponentConfigs>;
+  UserName?: UserNameComponentConfigs;
+  Dropdown?: DropdownProps;
 }
 interface ComponentLocaleConfig {
-    FieldWrapper?: FieldWrapperLocaleConfig;
-    InputText?: InputTextLocaleConfig;
-    DialogConfirm?: DialogConfirmLocaleConfig;
-    CustomColumn?: CustomColumnLocaleConfig;
-    ButtonSearch?: ButtonSearchLocaleConfig;
-    FilterContainer?: FilterContainerLocaleConfig;
-    MultiSelect?: MultiSelectLocaleConfig;
-    Dropdown?: DropdownLocaleConfig;
-    InputCurrency?: InputCurrencyLocaleConfig;
-    TextArea?: TextareaLocaleConfig;
-    InputRangeNumber?: InputrangeNumberLocaleConfig;
-    DialogForm?: DialogFormLocaleConfig;
-    InputPhoneNumber?: InputPhoneNumberLocaleConfig;
-    InputNumber?: InputNumberLocaleConfig;
-    Calendar?: CalendarLocaleConfig;
-    Menu?: MenuLocaleConfig;
-    ButtonBulkAction?: ButtonBulkActionLocaleConfig;
-    UserName?: UserNameLocaleConfig;
-    DataTable?: DataTableLocaleConfig;
-    ImageCompressor?: ImageCompressorLocaleConfig;
+  FieldWrapper?: FieldWrapperLocaleConfig;
+  InputText?: InputTextLocaleConfig;
+  DialogConfirm?: DialogConfirmLocaleConfig;
+  CustomColumn?: CustomColumnLocaleConfig;
+  ButtonSearch?: ButtonSearchLocaleConfig;
+  FilterContainer?: FilterContainerLocaleConfig;
+  MultiSelect?: MultiSelectLocaleConfig;
+  Dropdown?: DropdownLocaleConfig;
+  InputCurrency?: InputCurrencyLocaleConfig;
+  TextArea?: TextareaLocaleConfig;
+  InputRangeNumber?: InputrangeNumberLocaleConfig;
+  DialogForm?: DialogFormLocaleConfig;
+  InputPhoneNumber?: InputPhoneNumberLocaleConfig;
+  InputNumber?: InputNumberLocaleConfig;
+  Calendar?: CalendarLocaleConfig;
+  Menu?: MenuLocaleConfig;
+  ButtonBulkAction?: ButtonBulkActionLocaleConfig;
+  UserName?: UserNameLocaleConfig;
+  DataTable?: DataTableLocaleConfig;
+  ImageCompressor?: ImageCompressorLocaleConfig;
 }
 export interface LocaleConfig {
-    global: Partial<PrimeVueLocaleOptions>;
-    components: ComponentLocaleConfig;
+  global: typeof DEFAULT_GLOBAL_LOCALE_CONFIG;
+  components: ComponentLocaleConfig;
 }
 export interface ComponentPresetOptions {
-    calendar: CalendarPresetOptions;
-    overlaypanel: OverlayPanelPassThroughOptions;
-    loading: LoadingPresetOptions;
-    username: UserNamePresetOptions;
-    [key: string]: any;
+  calendar: CalendarPresetOptions;
+  overlaypanel: OverlayPanelPassThroughOptions;
+  loading: LoadingPresetOptions;
+  username: UserNamePresetOptions;
+  [key: string]: any;
 }
-export type WangsVueComponentConfig<ComponentName extends keyof ComponentDefaultPropsConfig | keyof ComponentLocaleConfig> = {
-    defaultProps: ComponentName extends keyof ComponentDefaultPropsConfig ? ComponentDefaultPropsConfig[ComponentName] : undefined;
-    locale: (ComponentName extends keyof ComponentLocaleConfig ? ComponentLocaleConfig[ComponentName] : undefined) & {
-        global: LocaleConfig['global'];
-    };
+export type WangsVueComponentConfig<
+  ComponentName extends
+    | keyof ComponentDefaultPropsConfig
+    | keyof ComponentLocaleConfig,
+> = {
+  defaultProps: ComponentName extends keyof ComponentDefaultPropsConfig
+    ? ComponentDefaultPropsConfig[ComponentName]
+    : undefined;
+  locale: (ComponentName extends keyof ComponentLocaleConfig
+    ? ComponentLocaleConfig[ComponentName]
+    : undefined) & {
+    global: LocaleConfig['global'];
+  };
 };
 export interface WangsVueOptions {
-    defaultProps: ComponentDefaultPropsConfig;
-    locale: LocaleConfig;
-    useToastConfig?: UseToastConfig;
-    zIndex?: Record<string, number>;
-    filterMatchModeOptions?: Record<string, string[]>;
-    /**
-     * @deprecated - partially replaced with {@link preset}
-     */
-    pt?: ComponentPresetOptions;
-    preset?: ComponentPresetOptions;
-    ptOptions?: {
-        mergeSections: boolean;
-        mergeProps: boolean;
-    };
-    /**
-     * @deprecated - Will always be unstyled
-     */
-    unstyled?: boolean;
-    csp?: {
-        nonce?: string;
-    };
+  defaultProps: ComponentDefaultPropsConfig;
+  locale: LocaleConfig;
+  useToastConfig?: UseToastConfig;
+  zIndex?: Record<string, number>;
+  filterMatchModeOptions?: Record<string, string[]>;
+  /**
+   * @deprecated - partially replaced with {@link preset}
+   */
+  pt?: ComponentPresetOptions;
+  preset?: ComponentPresetOptions;
+  ptOptions?: {
+    mergeSections: boolean;
+    mergeProps: boolean;
+  };
+  /**
+   * @deprecated - Will always be unstyled
+   */
+  unstyled?: boolean;
+  csp?: {
+    nonce?: string;
+  };
 }
 export interface WangsVueInstance {
-    config: WangsVueOptions;
-    getComponentConfig<ComponentName extends keyof ComponentDefaultPropsConfig | keyof ComponentLocaleConfig>(componentName: ComponentName): WangsVueComponentConfig<ComponentName>;
+  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;
+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;
 /**
  *
  * @param predefinedOptions
  * @param mergeConfig Wether merge predefined config with defualt config @default true
  * @returns
  */
-declare const createWangsVuePlugin: (predefinedOptions?: Partial<WangsVueOptions>, mergeConfig?: boolean) => Plugin<Partial<WangsVueOptions>>;
+declare const createWangsVuePlugin: (
+  predefinedOptions?: Partial<WangsVueOptions>,
+  mergeConfig?: boolean,
+) => Plugin<Partial<WangsVueOptions>>;
 export default createWangsVuePlugin;
 declare module 'vue' {
-    interface ComponentCustomProperties {
-        $wangsvue: WangsVueInstance;
-        $preset: ComponentPresetOptions;
-    }
+  interface ComponentCustomProperties {
+    $wangsvue: WangsVueInstance;
+    $preset: ComponentPresetOptions;
+  }
 }

package/plugins/formValidation.d.ts

@@ -1,10 +1,19 @@
+import {
+  FieldContext,
+  FieldOptions,
+  FormContext as VeeFormContext,
+  RuleExpression,
+} from 'vee-validate';
 import { MaybeRef, MaybeRefOrGetter } from 'vue';
-import { FormContext as VeeFormContext, FieldContext, RuleExpression, FieldOptions } from 'vee-validate';
 export interface FormContext<T> {
-    values: T;
-    handleSubmit: VeeFormContext['handleSubmit'];
-    setValues: VeeFormContext['setValues'];
-    setFieldValue: VeeFormContext['setFieldValue'];
+  values: T;
+  handleSubmit: VeeFormContext['handleSubmit'];
+  setValues: VeeFormContext['setValues'];
+  setFieldValue: VeeFormContext['setFieldValue'];
 }
 export declare const useForm: <T>() => FormContext<T>;
-export declare const useField: <T>(path: MaybeRefOrGetter<string>, rules?: MaybeRef<RuleExpression<T>>, opts?: Partial<FieldOptions<T>>) => FieldContext<T>;
+export declare const useField: <T>(
+  path: MaybeRefOrGetter<string>,
+  rules?: MaybeRef<RuleExpression<T>>,
+  opts?: Partial<FieldOptions<T>>,
+) => FieldContext<T>;

package/plugins/i18n-extension.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+  install: (app: import('vue').App) => void;
+};
+export default _default;

package/plugins/i18n.d.ts

@@ -0,0 +1,103 @@
+import { AxiosResponse } from 'axios';
+import { App, Ref } from 'vue';
+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'];
+  }
+}
+declare global {
+  interface Window {
+    i18n: I18n;
+  }
+}