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

package/components/inputgroup/InputGroup.vue.d.ts

@@ -1,141 +0,0 @@
-/**
- *
- * InputGroup displays text, icon, buttons and other content can be grouped next to an input.
- *
- * @module inputgroup
- *
- */
-import { VNode } from 'vue';
-import { ComponentHooks } from '../basecomponent';
-import { PassThroughOptions } from '../passthrough';
-import {
-  ClassComponent,
-  GlobalComponentConstructor,
-  PassThrough,
-} from '../ts-helpers';
-
-export declare type InputGroupPassThroughOptionType =
-  | InputGroupPassThroughAttributes
-  | ((
-      options: InputGroupPassThroughMethodOptions,
-    ) => InputGroupPassThroughAttributes | string)
-  | string
-  | null
-  | undefined;
-
-/**
- * Custom passthrough(pt) option method.
- */
-export interface InputGroupPassThroughMethodOptions {
-  /**
-   * Defines instance.
-   */
-  instance: any;
-  /**
-   * Defines valid attributes.
-   */
-  attrs: any;
-  /**
-   * Defines parent options.
-   */
-  parent: any;
-  /**
-   * Defines passthrough(pt) options in global config.
-   */
-  global: object | undefined;
-}
-
-/**
- * Custom passthrough(pt) options.
- * @see {@link InputGroupProps.pt}
- */
-export interface InputGroupPassThroughOptions {
-  /**
-   * Used to pass attributes to the root's DOM element.
-   */
-  root?: InputGroupPassThroughOptionType;
-  /**
-   * Used to manage all lifecycle hooks.
-   * @see {@link BaseComponent.ComponentHooks}
-   */
-  hooks?: ComponentHooks;
-}
-
-/**
- * Custom passthrough attributes for each DOM elements
- */
-export interface InputGroupPassThroughAttributes {
-  [key: string]: any;
-}
-
-/**
- * Defines valid properties in InputGroup component.
- */
-export interface InputGroupProps {
-  /**
-   * Used to pass attributes to DOM elements inside the component.
-   * @type {InputGroupPassThroughOptions}
-   */
-  pt?: PassThrough<InputGroupPassThroughOptions>;
-  /**
-   * Used to configure passthrough(pt) options of the component.
-   * @type {PassThroughOptions}
-   */
-  ptOptions?: PassThroughOptions;
-  /**
-   * @default default
-   */
-  ring?: 'none' | 'default';
-  /**
-   * When enabled, it removes component related styles in the core.
-   * @defaultValue false
-   */
-  unstyled?: boolean;
-  /**
-   * @defaultValue false
-   */
-  invalid?: boolean;
-  /**
-   * @defaultValue false
-   */
-  disabled?: boolean;
-}
-
-/**
- * Defines valid slots in InputGroup component.
- */
-export interface InputGroupSlots {
-  /**
-   * Custom default template.
-   */
-  default(): VNode[];
-  /**
-   * Dynamic content template.
-   * @todo
-   */
-  [key: string]: (node: any) => VNode[];
-}
-
-/**
- * **WangsVue - InputGroup**
- *
- * _InputGroup displays text, icon, buttons and other content can be grouped next to an input._
- *
- * --- ---
- * ![WangsVue](https://www.wangs.id/wp-content/uploads/2023/12/cropped-Logo_Wangsid-removebg-preview-192x192.png)
- *
- * @group Component
- */
-declare class InputGroup extends ClassComponent<
-  InputGroupProps,
-  InputGroupSlots,
-  unknown
-> {}
-
-declare module '@vue/runtime-core' {
-  interface GlobalComponents {
-    InputGroup: GlobalComponentConstructor<InputGroup>;
-  }
-}
-
-export default InputGroup;

package/components/inputphonenumber/helpers/getUserLocation.helper.d.ts

@@ -1,8 +0,0 @@
-interface LocationData {
-    timezone: string;
-    region: string;
-    city: string;
-    country: string;
-}
-export default function getUserLocation(): LocationData;
-export {};

package/components/languagedropdown/LanguageDropdownOption.vue.d.ts

@@ -1,18 +0,0 @@
-import { LanguageOption } from './LanguageDropdown.vue.d';
-declare const _default: import('vue').DefineComponent<__VLS_TypePropsToOption<{
-    option: LanguageOption;
-    iconOnly?: boolean;
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<{
-    option: LanguageOption;
-    iconOnly?: boolean;
-}>>>, {}, {}>;
-export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

package/components/menu/helpers/filterMenu.helper.d.ts

@@ -1,12 +0,0 @@
-import { MenuItem } from '../../menuitem';
-/**
- * Filters the menu items to return only the visible ones.
- * If no visible menu items are found, it returns a menu with a label 'No Option Available'.
- *
- * @param menuItems - The array of menu items to filter.
- * @param noOptionLabel - The label of menu to be shown when no available option. The value is from locale configuration each project.
- *
- * @returns - The array of visible menu items or an array with a single menu item with label 'No Option Available'.
- */
-declare const filterVisibleMenu: (menuItems: MenuItem[], noOptionLabel?: string) => MenuItem[];
-export default filterVisibleMenu;

package/components/menu/helpers/index.d.ts

@@ -1 +0,0 @@
-export { default as filterVisibleMenu } from './filterMenu.helper';

package/components/menuitem/MenuItem.vue.d.ts

@@ -1,19 +0,0 @@
-import { MenuRouterBindProps } from '../menu/Menu.vue.d';
-import { MenuItem } from '.';
-declare const _default: import('vue').DefineComponent<__VLS_TypePropsToOption<{
-    item: MenuItem;
-    routerProps: MenuRouterBindProps;
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<{
-    item: MenuItem;
-    routerProps: MenuRouterBindProps;
-}>>>, {}, {}>;
-export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

package/components/progressbar/ProgressBar.vue.d.ts

@@ -1,72 +0,0 @@
-import { Slot } from 'vue';
-import { ClassComponent } from '../ts-helpers';
-import { GlobalComponentConstructor } from '../ts-helpers.d';
-
-/**
- * Defines valid properties in ProgressBar component.
- */
-export interface ProgressBarProps {
-  /**
-   * Current value of the progress.
-   */
-  value?: number | undefined;
-  /**
-   * Set the position of progress value label position
-   * Only available on mode Determinate
-   *
-   * @default 'right-side'
-   */
-  valuePosition?: 'inside' | 'left-side' | 'right-side';
-  /**
-   * The progress bar severity color
-   *
-   * @defaultValue 'primary'
-   */
-  severity: 'success' | 'danger' | 'warning' | 'dark' | 'primary';
-  /**
-   * Defines the mode of the progress
-   * @defaultValue determinate
-   */
-  mode?: 'determinate' | 'indeterminate' | undefined;
-  /**
-   * Whether to display the progress bar value.
-   * @defaultValue true
-   */
-  showValue?: boolean | undefined;
-}
-
-/**
- * Defines valid slots in ProgressBar component.
- */
-export interface ProgressBarSlots {
-  /**
-   * Slot for customizing the value label.
-   */
-  label: Slot<{ value: number | undefined }>;
-}
-
-/**
- * **WangsVue - ProgressBar**
- *
- * ProgressBar is a process status indicator._
- *
- * [Live Demo](https://fewangsit.github.io/wangsvue/progressbar)
- *
- * --- ---
- * ![WangsVue](https://www.wangs.id/wp-content/uploads/2023/12/cropped-Logo_Wangsid-removebg-preview-192x192.png)
- *
- * @group Component
- */
-declare class ProgressBar extends ClassComponent<
-  ProgressBarProps,
-  ProgressBarSlots,
-  null
-> {}
-
-declare module '@vue/runtime-core' {
-  interface GlobalComponents {
-    ProgressBar: GlobalComponentConstructor<ProgressBar>;
-  }
-}
-
-export default ProgressBar;

package/components/quickfilter/QuickFilter.vue.d.ts

@@ -1,25 +0,0 @@
-import { DefineComponent } from 'vue';
-import { FilterField } from '../filtercontainer/FilterContainer.vue.d';
-import { QueryParams } from '../datatable/DataTable.vue.d';
-
-export interface QuickFilterProps {
-  fields: FilterField[];
-  tableName?: string;
-}
-
-export type QuickFilterEmits = {
-  apply: [filter: QueryParams];
-};
-
-/**
- * **WangsVue - QuickFilter**
- *
- * @group components
- */
-declare const QuickFilter: DefineComponent<
-  QuickFilterProps,
-  QuickFilterEmits,
-  unknown
->;
-
-export default QuickFilter;

package/components/timeline/TimelineContentByType.vue.d.ts

@@ -1,16 +0,0 @@
-import { AttachmentFile, AttachmentLink, DetailBullet, DetailJSONContent, DetailText, DetailUserText, LinkTaskIframeEmbed, LinkTaskURL } from './Timeline.vue.d';
-declare const _default: import('vue').DefineComponent<__VLS_TypePropsToOption<{
-    detail: AttachmentFile | LinkTaskIframeEmbed | LinkTaskURL | AttachmentLink | DetailText | DetailUserText | DetailBullet | DetailJSONContent;
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<{
-    detail: AttachmentFile | LinkTaskIframeEmbed | LinkTaskURL | AttachmentLink | DetailText | DetailUserText | DetailBullet | DetailJSONContent;
-}>>>, {}, {}>;
-export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

package/components/tooltipspan/TooltipSpan.vue.d.ts

@@ -1,20 +0,0 @@
-import { DefineComponent } from 'vue';
-
-export type TooltipSpanProps = {
-  /**
-   * The full text to be displayed on the tooltip.
-   * The tooltip will only be shown if the text is truncated.
-   * @default ''
-   */
-  fullText?: string;
-  /**
-   * The maximum length of the text displayed on the span. If the text is longer
-   * than this value, it will be truncated and an ellipsis (...) will be added.
-   * @default 36
-   */
-  length?: number;
-};
-
-declare const TooltipSpan: DefineComponent<TooltipSpanProps>;
-
-export default TooltipSpan;

package/components/tree/helpers/index.d.ts

@@ -1,3 +0,0 @@
-import { default as flattenTreeNodeChildren } from './flattenTreeNodeChildren.helper';
-import { filterNodeKeys, parseNodeKeys } from './filterNodeKeys.helper';
-export { filterNodeKeys, parseNodeKeys, flattenTreeNodeChildren };

package/components/usergroup/UserGroup.vue.d.ts

@@ -1,57 +0,0 @@
-import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
-
-/**
- * Defines valid properties in UserGroup component.
- */
-export interface UserGroupProps {
-  /**
-   * The user objects array
-   */
-  users: Record<string, any>[];
-  /**
-   * The limit of how many users to display
-   */
-  limit?: number;
-  /**
-   * Specify the field of user to be used as display name
-   *
-   * @example 'name.fullName'
-   *
-   * @default 'nickName'
-   */
-  userNameField?: string;
-  /**
-   * Specify the field of user to be used as display picture
-   *
-   * @example 'image.profile'
-   *
-   * @default 'profilePicture'
-   */
-  profilePictureField?: string;
-  withDialogDetail?: boolean;
-  dialogHeaderLabel?: string;
-}
-
-/**
- * **WangsVue - UserGroup**
- *
- * _Displays an user and profile image._
- *
- * --- ---
- *
- * @group Component
- *
- */
-declare class UserGroup extends ClassComponent<
-  UserGroupProps,
-  unknown,
-  unknown
-> {}
-
-declare module '@vue/runtime-core' {
-  interface GlobalComponents {
-    UserGroup: GlobalComponentConstructor<UserGroup>;
-  }
-}
-
-export default UserGroup;

package/components/validatormessage/ValidatorMessage.vue.d.ts

@@ -1,12 +0,0 @@
-import { DefineComponent } from 'vue';
-
-export interface ValidatorMessageProps {
-  /**
-   * Shows validator message if message exist.
-   */
-  message?: string;
-}
-
-declare const ValidatorMessage: DefineComponent<ValidatorMessageProps>;
-
-export default ValidatorMessage;

package/plugins/translation.d.ts

@@ -1,84 +0,0 @@
-import { App, Ref } from 'vue';
-export type Locale = string;
-export interface I18n {
-    /**
-     * Locale message translation
-     *
-     * @param key - The translation key
-     * @param params - A values of named interpolation
-     *
-     * @returns translation message
-     * @example `t('Hello {user}!', { user: 'John Doe' })` - returns: 'Hello John Doe!'
-     */
-    t: (key: string, params?: Record<string, any>) => 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>;
-}
-export interface TranslateTextResponseList {
-    translations: TranslateTextResponseTranslation[];
-}
-export interface TranslateTextResponseTranslation {
-    translatedText: string;
-}
-export interface GoogleTranslationResponse {
-    data: TranslateTextResponseList;
-}
-/**
- * Query parameters for making a request to the Google Cloud Translate API v2.
- * Reference: https://cloud.google.com/translate/docs/reference/rest/v2/translate
- */
-export interface GoogleTranslateRequestQueryParams {
-    /**
-     * The input text to translate.
-     * Can be a single string or an array of strings (up to 128 items).
-     * Example: "Hello world" or ["Hello", "How are you?"]
-     */
-    q: string | string[];
-    /**
-     * The target language code to translate the input text into.
-     * Must be a supported language code from:
-     * https://cloud.google.com/translate/docs/languages
-     * Example: "id" for Indonesian, "es" for Spanish.
-     */
-    target: string;
-    /**
-     * (Optional) The format of the source text.
-     * Use `"text"` for plain text or `"html"` if the source contains HTML tags.
-     * Default is `"html"`.
-     */
-    format?: 'html' | 'text';
-    /**
-     * (Optional) The source language code of the input text.
-     * If omitted, the API will automatically detect the source language.
-     * Supported language codes: https://cloud.google.com/translate/docs/languages
-     * Example: "en" for English.
-     */
-    source?: string;
-    /**
-     * A valid API key for authenticating the request.
-     * You can generate and manage API keys in the Google Cloud Console:
-     * https://console.cloud.google.com/apis/credentials
-     */
-    key: string;
-}
-export declare const useI18n: () => I18n;
-declare const _default: {
-    install: (app: App) => void;
-};
-export default _default;
-declare module 'vue' {
-    interface ComponentCustomProperties {
-        $i18n: I18n;
-        $t: I18n['t'];
-    }
-}

package/types/options.type.d.ts

@@ -1,16 +0,0 @@
-import { WangsIcons } from '../components/icon/Icon.vue.d';
-export type OptionValue = string | number | boolean | Record<string, any>;
-export type DropdownOption = {
-    label?: string;
-    value?: OptionValue;
-    visible?: boolean;
-    icon?: WangsIcons;
-    [key: string]: any;
-};
-export type MultiSelectOption = {
-    label?: string;
-    value?: OptionValue;
-    visible?: boolean;
-    icon?: WangsIcons;
-    [key: string]: any;
-};

package/utils/addAttachment.util.d.ts

@@ -1,43 +0,0 @@
-export type FileType = 'link' | 'image' | 'txt' | 'doc' | 'xls' | 'pdf' | 'csv' | 'html' | 'json' | 'mp4' | 'mkv' | 'compressed' | 'unknown';
-export type FormattedFile = {
-    name: string;
-    type: string;
-    size: number;
-    webkitRelativePath: string;
-    fileType: FileType;
-    file: File;
-    imgPreviewURL?: string;
-    uploadProgress?: number;
-    controller?: AbortController;
-    isCanceled?: boolean;
-};
-/**
- * Maps a mime type to a custom file type.
- *
- * @param {string} mimeType
- * @returns {CustomFileType}
- */
-export declare const getFileType: (mimeType: string) => FileType;
-/**
- * Formats a file into a FormattedFile object.
- *
- * @param file The file to be formatted.
- * @returns A FormattedFile object.
- */
-export declare const formatFile: (file: File) => FormattedFile;
-/**
- * Checks if a file is under the maximum size limit.
- *
- * @param file The file to be checked.
- * @param customFileSize The maximum size limit in megabytes. @default 1
- * @returns True if the file is under the maximum size limit, false otherwise.
- */
-export declare const validateFileSize: (file: File, customFileSize?: number) => boolean;
-/**
- * Checks if a file has a valid type.
- * Make sure user doesn't upload a folder.
- *
- * @param file The file to be checked.
- * @returns True if the file has a valid type, false otherwise.
- */
-export declare const validateFileType: (file: File) => boolean;

package/utils/exportToExcel.util.d.ts

@@ -1,20 +0,0 @@
-export interface ITable {
-    headers: string[];
-    data: Record<string, unknown>[];
-    tableName: string;
-    tableTitle?: string;
-}
-interface IExcelOptions {
-    tables: ITable[];
-    fileName: string;
-    additionalTexts?: (string | string[])[];
-}
-/**
- * Function to export excel, previously this only handle for 1 table in 1 file
- * Now this function has been refactored to be able to format multiple tables in 1 file without altered its original functionality
- * However, the way to called this function is changing a little bit (look for component DataTable and find usage of util `exportToExcel`)
- *
- * @param options - param that contain tables and filename for excel
- */
-declare const exportToExcel: (options: IExcelOptions) => Promise<void>;
-export default exportToExcel;

package/utils/filterOptions.util.d.ts

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

package/utils/genPlaceholder.util.d.ts

@@ -1,8 +0,0 @@
-export declare const genRandomPlaceholderBg: () => string;
-export declare const genPlaceholder: (text: string, size: 30 | 125, bgColor?: string, fontOptions?: {
-    font?: string;
-    fontWeight?: string;
-    fontSize?: number;
-    fontColor?: string;
-}) => HTMLCanvasElement;
-export default genPlaceholder;

package/utils/getAttachmentIcon.util.d.ts

@@ -1,8 +0,0 @@
-import { WangsIcons } from '../components/icon/Icon.vue.d';
-/**
- *
- * @param filename {string}
- * @returns
- */
-declare const getAttachmentIcon: (filename: string) => WangsIcons;
-export default getAttachmentIcon;

package/utils/mergePropsWithDefaults.util.d.ts

@@ -1,20 +0,0 @@
-/**
- * Merges the provided props with default props.
- * If a value in `props` is `undefined` or `null`
- * it will be replaced by the corresponding value from `defaultProps`.
- *
- * This ensures that props always have a fallback value from `defaultProps`
- *
- * @param defaultProps - The default values for the props, used as fallbacks.
- * @param props - The props passed to the component, which may have missing or falsy values.
- *
- * @returns A new object that combines the `defaultProps` and `props`, with `props` values
- *          overriding `defaultProps` where they are provided (unless `undefined` or `null`).
- *
- * @example
- * const defaultProps = { showOptionalText: true, tooltipPos: 'top' };
- * const props = { tooltipPos: 'bottom' };
- * const mergedProps = mergePropsWithDefaults(defaultProps, props);
- * console.log(mergedProps); // Output: { showOptionalText: true, tooltipPos: 'bottom' }
- */
-export default function mergePropsWithDefaults<T extends Record<string, any>>(props: Record<string, any>, defaultProps: T): T;

package/utils/textFormatter.util.d.ts

@@ -1,17 +0,0 @@
-export declare const formatUserName: (name?: string) => string;
-export declare const getInititalName: (existing: string[], fullName?: string, maxLength?: number) => string;
-export declare const getInitialsByConsonant: (existingInitials: string[], fullName: string, maxLength: number) => string;
-export declare const getInitialsBy3FirstLetter: (existingInitials: string[], fullName: string, maxLength: number) => string;
-/**
- * Formats the label with the appropriate article ("a" or "an") based on its vowel sound.
- * This function checks if the label starts with a vowel or has a special case for silent "h" words.
- * It ensures that the correct article ("a" or "an") is used according to English pronunciation rules.
- *
- * For example:
- * - "hour" will be prefixed with "an" (due to the silent "h").
- * - "unicorn" will be prefixed with "a" (due to the "u" sound).
- *
- * @param {string} [label] - The label to be formatted. If no label is provided, returns an empty string.
- * @returns {string} The label prefixed with the appropriate article ("a" or "an").
- */
-export declare const formatVowelSoundLabel: (label?: string) => string;