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

package/components/fileupload/FileUpload.vue.d.ts

@@ -1,6 +1,6 @@
 import {
-  FileUploadErrorEvent,
-  FileUploadUploadEvent,
+    FileUploadErrorEvent,
+    FileUploadUploadEvent,
 } from 'primevue/fileupload';
 import { CustomValidation } from '../form/Form.vue.d';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
@@ -11,135 +11,135 @@ export type InputErrorCodes = 'FILE_SIZE_TOO_LARGE';
  * Defines valid properties in FileUpload component.
  */
 export type FileUploadProps = {
-  /**
-   * Pattern to restrict the allowed file types such as 'image/*'.
-   */
-  accept?: string | undefined;
-  /**
-   * Disables the upload functionality.
-   * @defaultValue false
-   */
-  disabled?: boolean | undefined;
-  /**
-   * Maximum file size allowed in bytes.
-   */
-  maxFileSize?: number | undefined;
+    /**
+     * Pattern to restrict the allowed file types such as 'image/*'.
+     */
+    accept?: string | undefined;
+    /**
+     * Disables the upload functionality.
+     * @defaultValue false
+     */
+    disabled?: boolean | undefined;
+    /**
+     * Maximum file size allowed in bytes.
+     */
+    maxFileSize?: number | undefined;
 
-  /**
-   * V-model for the file upload component.
-   * Be careful while using this props since the validation can't work while using this.
-   * You must do manual validation when choosing the file to be set on the component.
-   */
-  modelValue?: File | File[];
+    /**
+     * V-model for the file upload component.
+     * Be careful while using this props since the validation can't work while using this.
+     * You must do manual validation when choosing the file to be set on the component.
+     */
+    modelValue?: File | File[];
 
-  /**
-   * Props to determine whether file upload support multiple files or not
-   *
-   * @default false
-   */
-  multiple?: boolean;
-  /**
-   * Message of the invalid fize size.
-   * - Use {0} to get the file's name
-   * - Use {1} to get the max file size
-   * - Use {2} to get the accepted file types from props.accept
-   * - Use {2.1} to get the accepted file types from props.fileExtensions
-   * @defaultValue {0}: Invalid file size, file size should be smaller than {1}.
-   */
-  invalidFileSizeMessage?: string | undefined;
-  /**
-   * Message of the invalid fize type.
-   * - Use {0} to get the file's name
-   * - Use {1} to get the max file size
-   * - Use {2} to get the accepted file types
-   * - Use {2.1} to get the accepted file types from props.fileExtensions
-   * @defaultValue '{0}: Invalid file type, allowed file types: {2}'
-   */
-  invalidFileTypeMessage?: string | undefined;
-  /**
-   * Label of the file upload.
-   * @defaultValue 'Upload File'
-   */
-  label?: string | undefined;
-  /**
-   * Whether to use an upload button.
-   * @defaultValue true
-   */
-  withUpload?: boolean | undefined;
-  /**
-   * Label of the upload button.
-   * @defaultValue 'Upload'.
-   */
-  uploadLabel?: string | undefined;
-  /**
-   * Placeholder of the file upload.
-   * @defaultValue 'Select File'
-   */
-  placeholder?: string | undefined;
-  /**
-   * File extensions to display the accepted extensions.
-   */
-  fileExtensions?: string | undefined;
-  /**
-   * The note about the requirements of file for being uploaded.
-   *
-   * Placed at the bottom right of input.
-   */
-  fileRequirements?: string | undefined;
-  /**
-   * The function to be called after the upload button is clicked. (Must be used when withUpload is true)
-   */
-  uploadFunction?: (files: File[]) => Promise<void>;
-  /**
-   * Whether the input should be validated with vee-validator or not.
-   * If you use this component within form input, you need to set this props as true.
-   */
-  useValidator?: boolean;
-  /**
-   * This prop is required if you use this component in a form input.
-   * Specify the unique field name, match with your needs for API request.
-   *
-   * @default 'fileUpload'
-   */
-  fieldName?: string;
-  /**
-   * Whether this input field is required or not.
-   */
-  mandatory?: boolean;
-  /**
-   * Whether show toast error message on invalid file input
-   *
-   * @default true;
-   */
-  useErrorToast?: boolean;
-  /**
-   * Set custom validator message.
-   * Will be show if invalid="true"
-   */
-  validatorMessage?: string | CustomValidation;
-  /**
-   * Classes for validator message in input field.
-   */
-  validatorMessageClass?: string;
+    /**
+     * Props to determine whether file upload support multiple files or not
+     *
+     * @default false
+     */
+    multiple?: boolean;
+    /**
+     * Message of the invalid fize size.
+     * - Use {0} to get the file's name
+     * - Use {1} to get the max file size
+     * - Use {2} to get the accepted file types from props.accept
+     * - Use {2.1} to get the accepted file types from props.fileExtensions
+     * @defaultValue {0}: Invalid file size, file size should be smaller than {1}.
+     */
+    invalidFileSizeMessage?: string | undefined;
+    /**
+     * Message of the invalid fize type.
+     * - Use {0} to get the file's name
+     * - Use {1} to get the max file size
+     * - Use {2} to get the accepted file types
+     * - Use {2.1} to get the accepted file types from props.fileExtensions
+     * @defaultValue '{0}: Invalid file type, allowed file types: {2}'
+     */
+    invalidFileTypeMessage?: string | undefined;
+    /**
+     * Label of the file upload.
+     * @defaultValue 'Upload File'
+     */
+    label?: string | undefined;
+    /**
+     * Whether to use an upload button.
+     * @defaultValue true
+     */
+    withUpload?: boolean | undefined;
+    /**
+     * Label of the upload button.
+     * @defaultValue 'Upload'.
+     */
+    uploadLabel?: string | undefined;
+    /**
+     * Placeholder of the file upload.
+     * @defaultValue 'Select File'
+     */
+    placeholder?: string | undefined;
+    /**
+     * File extensions to display the accepted extensions.
+     */
+    fileExtensions?: string | undefined;
+    /**
+     * The note about the requirements of file for being uploaded.
+     *
+     * Placed at the bottom right of input.
+     */
+    fileRequirements?: string | undefined;
+    /**
+     * The function to be called after the upload button is clicked. (Must be used when withUpload is true)
+     */
+    uploadFunction?: (files: File[]) => Promise<void>;
+    /**
+     * Whether the input should be validated with vee-validator or not.
+     * If you use this component within form input, you need to set this props as true.
+     */
+    useValidator?: boolean;
+    /**
+     * This prop is required if you use this component in a form input.
+     * Specify the unique field name, match with your needs for API request.
+     *
+     * @default 'fileUpload'
+     */
+    fieldName?: string;
+    /**
+     * Whether this input field is required or not.
+     */
+    mandatory?: boolean;
+    /**
+     * Whether show toast error message on invalid file input
+     *
+     * @default true;
+     */
+    useErrorToast?: boolean;
+    /**
+     * Set custom validator message.
+     * Will be show if invalid="true"
+     */
+    validatorMessage?: string | CustomValidation;
+    /**
+     * Classes for validator message in input field.
+     */
+    validatorMessageClass?: string;
 };
 
 export type FileUploadEmits = {
-  /**
-   * Callback to invoke when there is a file selected.
-   */
-  'select': [event: File | File[]];
-  /**
-   * Callback to invoke when model changed.
-   */
-  'update:modelValue': [event: File | File[]];
-  /**
-   * Callback to invoke when file upload is complete.
-   */
-  'upload': [event: FileUploadUploadEvent];
-  /**
-   * Callback to invoke if file upload fails.
-   */
-  'error': [event: FileUploadErrorEvent | InputErrorCodes];
+    /**
+     * Callback to invoke when there is a file selected.
+     */
+    'select': [event: File | File[]];
+    /**
+     * Callback to invoke when model changed.
+     */
+    'update:modelValue': [event: File | File[]];
+    /**
+     * Callback to invoke when file upload is complete.
+     */
+    'upload': [event: FileUploadUploadEvent];
+    /**
+     * Callback to invoke if file upload fails.
+     */
+    'error': [event: FileUploadErrorEvent | InputErrorCodes];
 };
 
 /**
@@ -155,15 +155,15 @@ export type FileUploadEmits = {
  *
  */
 declare class FileUpload extends ClassComponent<
-  FileUploadProps,
-  null,
-  FileUploadEmits
+    FileUploadProps,
+    null,
+    FileUploadEmits
 > {}
 
 declare module '@vue/runtime-core' {
-  interface GlobalComponents {
-    FileUpload: GlobalComponentConstructor<FileUpload>;
-  }
+    interface GlobalComponents {
+        FileUpload: GlobalComponentConstructor<FileUpload>;
+    }
 }
 
 export default FileUpload;

package/components/filtercontainer/FilterContainer.vue.d.ts

@@ -1,163 +1,163 @@
-import { MultiSelectOption } from 'lib/types/options.type';
 import { DefineComponent, Slot } from 'vue';
 import { CalendarProps } from '../calendar/Calendar.vue.d';
 import { QueryParams } from '../datatable/DataTable.vue.d';
-import { DropdownProps } from '../dropdown/Dropdown.vue.d';
+import { DropdownProps, Option } from '../dropdown/Dropdown.vue.d';
 import { InputRangeNumberProps } from '../inputrangenumber/InputRangeNumber.vue.d';
 import { MultiSelectProps } from '../multiselect/MultiSelect.vue.d';
 import { ButtonSelectTreeProps } from '../buttonselecttree/ButtonSelectTree.vue.d';
 
 export type FilterMatchMode =
-  | 'CONTAINS'
-  | 'EQUALS'
-  | 'NOT_EQUALS'
-  | 'IN'
-  | 'LESS_THAN'
-  | 'LESS_THAN_OR_EQUAL_TO'
-  | 'GREATER_THAN'
-  | 'GREATER_THAN_OR_EQUAL_TO'
-  | 'BETWEEN'
-  | 'DATE_BETWEEN';
+    | 'CONTAINS'
+    | 'EQUALS'
+    | 'NOT_EQUALS'
+    | 'IN'
+    | 'LESS_THAN'
+    | 'LESS_THAN_OR_EQUAL_TO'
+    | 'GREATER_THAN'
+    | 'GREATER_THAN_OR_EQUAL_TO'
+    | 'BETWEEN'
+    | 'DATE_BETWEEN';
 
 // More specific filter field types
 export interface MultiSelectFilterField extends MultiSelectProps {
-  type: 'multiselect';
-  /**
-   * The name of the field this filter applies to.
-   *
-   * When using a static filter, it also specifies the field in the data to be used for generating unique options.
-   * For example, if filtering by a user's full name, the field could be 'user.fullName', which will extract
-   * unique full names from the table data and use them as filter options.
-   */
-  field: string;
-  optionField?: string; // @example - actionOptions
-  params?: QueryParams; // Additional QueryParams for the fetchOptionFn
-  fetchOptionFn?:
-    | ((args?: any) => MultiSelectOption[] | undefined) // Sync function to fetch options
-    | ((args?: any) => Promise<MultiSelectOption[] | undefined>); // Async function
+    type: 'multiselect';
+    /**
+     * The name of the field this filter applies to.
+     *
+     * When using a static filter, it also specifies the field in the data to be used for generating unique options.
+     * For example, if filtering by a user's full name, the field could be 'user.fullName', which will extract
+     * unique full names from the table data and use them as filter options.
+     */
+    field: string;
+    optionField?: string; // @example - actionOptions
+    params?: QueryParams; // Additional QueryParams for the fetchOptionFn
+    fetchOptionFn?:
+        | ((args?: any) => Option[] | undefined) // Sync function to fetch options
+        | ((args?: any) => Promise<Option[] | undefined>); // Async function
 }
 
 export interface DropdownFilterField extends DropdownProps {
-  type: 'dropdown';
-  /**
-   * The name of the field this filter applies to.
-   *
-   * When using a static filter, it also specifies the field in the data to be used for generating unique options.
-   * For example, if filtering by a user's full name, the field could be 'user.fullName', which will extract
-   * unique full names from the table data and use them as filter options.
-   */
-  field: string;
-  optionField?: string; // @example - actionOptions
-  params?: QueryParams; // Additional QueryParams for the fetchOptionFn
-  fetchOptionFn?:
-    | ((args?: any) => MultiSelectOption[] | undefined) // Sync function to fetch options
-    | ((args?: any) => Promise<MultiSelectOption[]> | undefined); // Async function
+    type: 'dropdown';
+    /**
+     * The name of the field this filter applies to.
+     *
+     * When using a static filter, it also specifies the field in the data to be used for generating unique options.
+     * For example, if filtering by a user's full name, the field could be 'user.fullName', which will extract
+     * unique full names from the table data and use them as filter options.
+     */
+    field: string;
+    optionField?: string; // @example - actionOptions
+    params?: QueryParams; // Additional QueryParams for the fetchOptionFn
+    fetchOptionFn?:
+        | ((args?: any) => Option[] | undefined) // Sync function to fetch options
+        | ((args?: any) => Promise<Option[]> | undefined); // Async function
 }
 
 export interface RangeNumberFilterField extends InputRangeNumberProps {
-  type: 'rangenumber';
-  /**
-   * Specify min and max field
-   *
-   * @example ['minAge', 'maxAge']
-   */
-  fields?: string[];
-
-  /**
-   * Specify single field for both min and max input.
-   * The value will be a number array.
-   *
-   * Prever use this property when you are working with Static Filtering
-   *
-   * @example value: [1000,5000] or equal to 'value.0': 1000 & 'value.1': 5000
-   */
-  field?: string;
-  tooltip?: string;
+    type: 'rangenumber';
+    /**
+     * Specify min and max field
+     *
+     * @example ['minAge', 'maxAge']
+     */
+    fields?: string[];
+
+    /**
+     * Specify single field for both min and max input.
+     * The value will be a number array.
+     *
+     * Prever use this property when you are working with Static Filtering
+     *
+     * @example value: [1000,5000] or equal to 'value.0': 1000 & 'value.1': 5000
+     */
+    field?: string;
+    tooltip?: string;
 }
 
 export interface ButtonSelectTreeFilterField
-  extends Omit<ButtonSelectTreeProps, 'type' | 'label' | 'fieldLabel'> {
-  type: 'group' | 'category';
-  field: string; // The name of the field this filter applies to
-  /**
-   * The field label.
-   */
-  label?: string;
-  /**
-   * The button label.
-   * @default to Select Group|Category
-   */
-  buttonLabel?: string;
+    extends Omit<ButtonSelectTreeProps, 'type' | 'label' | 'fieldLabel'> {
+    type: 'group' | 'category';
+    field: string; // The name of the field this filter applies to
+    /**
+     * The field label.
+     */
+    label?: string;
+    /**
+     * The button label.
+     * @default to Select Group|Category
+     */
+    buttonLabel?: string;
+    params?: QueryParams; // Override QueryParams for the fetchTree
 }
 
 export interface CalendarFilterField extends CalendarProps {
-  type: 'calendar';
-  field: string;
+    type: 'calendar';
+    field: string;
 }
 
 export type AdditionalFilterField = ButtonSelectTreeFilterField;
 
 export type FilterField =
-  | AdditionalFilterField
-  | MultiSelectFilterField
-  | DropdownFilterField
-  | RangeNumberFilterField
-  | CalendarFilterField;
+    | AdditionalFilterField
+    | MultiSelectFilterField
+    | DropdownFilterField
+    | RangeNumberFilterField
+    | CalendarFilterField;
 
 export type FilterOptions<Opt = Record<string, boolean>> = Record<
-  keyof Opt,
-  MultiSelectOption[]
+    keyof Opt,
+    Option[]
 >;
 
 export type LoadingFilters = Record<string, boolean>;
 
 export type FetchOptionResponse<Opt = Record<string, boolean>> = {
-  message: string;
-  data: FilterOptions<Opt>;
+    message: string;
+    data: FilterOptions<Opt>;
 };
 
 export interface FilterContainerLocaleConfig {
-  clearFieldText?: string;
-  applyText?: string;
+    clearFieldText?: string;
+    applyText?: string;
 }
 
 export interface FilterContainerProps {
-  /**
-   * Specify the table name integrated with this filter.
-   *
-   * @default datatable - the default table name
-   */
-  tableName?: string;
-  /**
-   * Set the fields count in a row
-   *
-   * @default 4 grid columns
-   */
-  fieldsPerRow?: number;
-  fields: FilterField[];
-  /**
-   * Enable static filtering
-   */
-  static?: boolean;
+    /**
+     * Specify the table name integrated with this filter.
+     *
+     * @default datatable - the default table name
+     */
+    tableName?: string;
+    /**
+     * Set the fields count in a row
+     *
+     * @default 4 grid columns
+     */
+    fieldsPerRow?: number;
+    fields: FilterField[];
+    /**
+     * Enable static filtering
+     */
+    static?: boolean;
 }
 
 /**
  * Slots for FilterContainer component
  */
 export type FilterContainerSlots = {
-  /**
-   * @deprecated Please use props.fields instead
-   */
-  default: Slot;
-
-  /**
-   * Additional template for field.
-   */
-  field: Slot<{ field: AdditionalFilterField; fieldName: string }>;
+    /**
+     * @deprecated Please use props.fields instead
+     */
+    default: Slot;
+
+    /**
+     * Additional template for field.
+     */
+    field: Slot<{ field: AdditionalFilterField; fieldName: string }>;
 };
 
 export type FilterContainerEmits = {
-  apply: [filter: QueryParams];
+    apply: [filter: QueryParams];
 };
 
 /**
@@ -173,9 +173,9 @@ export type FilterContainerEmits = {
  * @group components
  */
 declare const FilterContainer: DefineComponent<
-  FilterContainerProps,
-  FilterContainerEmits,
-  FilterContainerSlots
+    FilterContainerProps,
+    FilterContainerEmits,
+    FilterContainerSlots
 >;
 
 export default FilterContainer;

package/components/filtercontainer/helpers/applyFilter.helper.d.ts

@@ -1,5 +1,14 @@
 import { GenericObject } from 'vee-validate';
 import { FilterField } from '../FilterContainer.vue.d';
-declare const applyFilter: (values: GenericObject, tableName: string, emit?: (...args: any[]) => any) => void;
-export declare const applyStaticFilter: (values: GenericObject, tableName: string, fields: FilterField[], emit?: (...args: any[]) => any) => void;
+declare const applyFilter: (
+    values: GenericObject,
+    tableName: string,
+    emit?: (...args: any[]) => any,
+) => void;
+export declare const applyStaticFilter: (
+    values: GenericObject,
+    tableName: string,
+    fields: FilterField[],
+    emit?: (...args: any[]) => any,
+) => void;
 export default applyFilter;

package/components/filtercontainer/helpers/getOption.helper.d.ts

@@ -1,3 +1,12 @@
-import { FilterOptions, LoadingFilters, MultiSelectFilterField } from '../FilterContainer.vue.d';
-declare const getOptions: (fn: MultiSelectFilterField["fetchOptionFn"], field: string, filterOption: FilterOptions, loading: LoadingFilters) => Promise<void>;
+import {
+    FilterOptions,
+    LoadingFilters,
+    MultiSelectFilterField,
+} from '../FilterContainer.vue.d';
+declare const getOptions: (
+    fn: MultiSelectFilterField['fetchOptionFn'],
+    field: string,
+    filterOption: FilterOptions,
+    loading: LoadingFilters,
+) => Promise<void>;
 export default getOptions;