@fewangsit/wangsvue-fats 1.0.0-alpha.4 → 1.0.0-alpha.41

package/components/dropdown/Dropdown.vue.d.ts

@@ -1,8 +1,20 @@
 import { Slot } from 'vue';
-import { DropdownOption, OptionValue } from 'lib/types/options.type';
+
+import { BadgeProps } from '../../components/badge/Badge.vue.d';
+import { WangsIcons } from '../../components/icon/Icon.vue.d';
+
 import { CustomValidation } from '../form/Form.vue.d';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
-import { BadgeProps } from 'lib/components/badge/Badge.vue.d';
+
+export type OptionValue = string | number | boolean | Record<string, any>;
+
+export type Option = {
+  label?: string;
+  value?: OptionValue;
+  visible?: boolean;
+  icon?: WangsIcons;
+  [key: string]: any;
+};
 
 /**
  * Configuration interface for localizing dropdown component placeholders and error messages.
@@ -77,7 +89,7 @@ export interface DropdownProps {
   /**
    * List of options to display.
    */
-  options?: DropdownOption[] | string[] | Record<string, any>;
+  options?: Option[] | string[] | Record<string, any>;
 
   /**
    * Allows `null` to be treated as a valid selectable option in the dropdown.
@@ -212,7 +224,7 @@ export interface DropdownProps {
 
 export interface DropdownSlots {
   'value': Slot<{ value: string; originalValue: any }>;
-  'option': Slot<{ option: DropdownOption }>;
+  'option': Slot<{ option: Option }>;
   'addon-left': Slot;
   'addon-right': Slot;
 }

package/components/editor/Editor.vue.d.ts

@@ -1,4 +1,5 @@
 import { EditorEvents } from '@tiptap/vue-3';
+
 import { ClassComponent } from '../ts-helpers';
 
 export interface EditorProps {

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

@@ -2,6 +2,7 @@ import {
   FileUploadErrorEvent,
   FileUploadUploadEvent,
 } from 'primevue/fileupload';
+
 import { CustomValidation } from '../form/Form.vue.d';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 

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

@@ -1,11 +1,15 @@
-import { MultiSelectOption } from 'lib/types/options.type';
 import { DefineComponent, Slot } from 'vue';
+
+import {
+  DropdownProps,
+  Option,
+} from '../../components/dropdown/Dropdown.vue.d';
+
+import { ButtonSelectTreeProps } from '../buttonselecttree/ButtonSelectTree.vue.d';
 import { CalendarProps } from '../calendar/Calendar.vue.d';
 import { QueryParams } from '../datatable/DataTable.vue.d';
-import { DropdownProps } 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'
@@ -33,8 +37,8 @@ export interface MultiSelectFilterField extends MultiSelectProps {
   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
+    | ((args?: any) => Option[] | undefined) // Sync function to fetch options
+    | ((args?: any) => Promise<Option[] | undefined>); // Async function
 }
 
 export interface DropdownFilterField extends DropdownProps {
@@ -50,8 +54,8 @@ export interface DropdownFilterField extends DropdownProps {
   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
+    | ((args?: any) => Option[] | undefined) // Sync function to fetch options
+    | ((args?: any) => Promise<Option[]> | undefined); // Async function
 }
 
 export interface RangeNumberFilterField extends InputRangeNumberProps {
@@ -88,6 +92,7 @@ export interface ButtonSelectTreeFilterField
    * @default to Select Group|Category
    */
   buttonLabel?: string;
+  params?: QueryParams; // Override QueryParams for the fetchTree
 }
 
 export interface CalendarFilterField extends CalendarProps {
@@ -106,7 +111,7 @@ export type FilterField =
 
 export type FilterOptions<Opt = Record<string, boolean>> = Record<
   keyof Opt,
-  MultiSelectOption[]
+  Option[]
 >;
 
 export type LoadingFilters = Record<string, boolean>;

package/components/form/Form.vue.d.ts

@@ -5,11 +5,12 @@ import {
   MaybeArray,
 } from 'vee-validate';
 import { Ref, Slot } from 'vue';
+
 import {
   ClassComponent,
   GlobalComponentConstructor,
-  Nullable,
   HintedString,
+  Nullable,
 } from '../ts-helpers';
 
 export type Condition =

package/components/icon/Icon.vue.d.ts

@@ -103,6 +103,7 @@ export type WangsIcons =
   | 'filter'
   | 'folder'
   | 'folder-add-line'
+  | 'gate'
   | 'group'
   | 'hand-coin'
   | 'handheld'
@@ -151,6 +152,7 @@ export type WangsIcons =
   | 'qr'
   | 'qr-scan'
   | 'reception'
+  | 'recycle-bin'
   | 'refresh'
   | 'replace-tag'
   | 'report-tag'

package/components/image/Image.vue.d.ts

@@ -9,6 +9,7 @@
  *
  */
 import { TransitionProps, VNode } from 'vue';
+
 import { ComponentHooks } from '../basecomponent';
 import { PassThroughOptions } from '../passthrough';
 import {

package/components/imagecompressor/ImageCompressor.vue.d.ts

@@ -141,6 +141,12 @@ export interface ImageCompressorProps {
    * @default true
    */
   showInfo?: boolean;
+  /**
+   * Change the requirements of the photo
+   *
+   * @default undefined - will use maxSizeRequirement, imageTypeRequirement from LocaleConfig
+   */
+  customRequirements?: string[];
   /**
    * Show dialog confirmation before delete the image.
    */

package/components/index.d.ts

@@ -1,39 +1,33 @@
-export * from '.././components';
-export { default as Animation } from './animation/Animation.vue';
 export { default as ApproverInfo } from './approverinfo/ApproverInfo.vue';
 export { default as Badge } from './badge/Badge.vue';
 export { default as BadgeGroup } from './badgegroup/BadgeGroup.vue';
-export { default as BaseTree } from '.././components/basetree/BaseTree.vue';
+export { default as BaseTree } from './basetree/BaseTree.vue';
 export { default as Breadcrumb } from './breadcrumb/Breadcrumb.vue';
 export { default as Button } from './button/Button.vue';
 export { default as ButtonBulkAction } from './buttonbulkaction/ButtonBulkAction.vue';
 export { default as ButtonCopy } from './buttoncopy/ButtonCopy.vue';
 export { default as ButtonDownload } from './buttondownload/ButtonDownload.vue';
 export { default as ButtonFilter } from './buttonfilter/ButtonFilter.vue';
-export { default as ButtonImportExcel } from './buttonImportExcel/ButtonImportExcel.vue';
 export { default as ButtonRadio } from './buttonradio/ButtonRadio.vue';
+export { default as ButtonScan } from './buttonscan/ButtonScan.vue';
 export { default as ButtonSearch } from './buttonsearch/ButtonSearch.vue';
-export { default as ButtonSelectTree } from '.././components/buttonselecttree/ButtonSelectTree.vue';
-export { default as ButtonSplit } from './buttonsplit/ButtonSplit.vue';
+export { default as ButtonSelectTree } from './buttonselecttree/ButtonSelectTree.vue';
+export { default as ButtonSync } from './buttonsync/ButtonSync.vue';
 export { default as ButtonToggle } from './buttontoggle/ButtonToggle.vue';
-export { default as Calendar } from '.././components/calendar/Calendar.vue';
+export { default as Calendar } from './calendar/Calendar.vue';
 export { default as Card } from './card/Card.vue';
 export { default as Checkbox } from './checkbox/Checkbox.vue';
-export { default as CodeSnippet } from './codesnippet/CodeSnippet.vue';
 export { default as DataTable } from './datatable/DataTable.vue';
 export { default as Dialog } from './dialog/Dialog.vue';
 export { default as DialogConfirm } from './dialogconfirm/DialogConfirm.vue';
 export { default as DialogForm } from './dialogform/DialogForm.vue';
-export { default as DialogSelectTree } from '.././components/dialogselecttree/DialogSelectTree.vue';
+export { default as DialogSelectTree } from './dialogselecttree/DialogSelectTree.vue';
 export { default as Dropdown } from './dropdown/Dropdown.vue';
-export { default as Editor } from './editor/Editor.vue';
 export { default as FileUpload } from './fileupload/FileUpload.vue';
-export { default as FilterContainer } from './filtercontainer/FilterContainer.vue';
 export { default as Form } from './form/Form.vue';
 export { default as Icon } from './icon/Icon.vue';
 export { default as Image } from './image/Image.vue';
 export { default as ImageCompressor } from './imagecompressor/ImageCompressor.vue';
-export { default as InlineMessage } from '.././components/inlinemessage/InlineMessage.vue';
 export { default as InputBadge } from './inputbadge/InputBadge.vue';
 export { default as InputCurrency } from './inputcurrency/InputCurrency.vue';
 export { default as InputEmail } from './inputemail/InputEmail.vue';
@@ -44,20 +38,24 @@ export { default as InputRangeNumber } from './inputrangenumber/InputRangeNumber
 export { default as InputText } from './inputtext/InputText.vue';
 export { default as InputURL } from './inputurl/InputURL.vue';
 export { default as InvisibleField } from './invisiblefield/InvisibleField.vue';
-export { default as LanguageDropdown } from './languagedropdown/LanguageDropdown.vue';
 export { default as LiteDropdown } from './litedropdown/LiteDropdown.vue';
 export { default as Loading } from './loading/Loading.vue';
 export { default as Menu } from './menu/Menu.vue';
 export { default as MultiSelect } from './multiselect/MultiSelect.vue';
 export { default as OverlayPanel } from './overlaypanel/OverlayPanel.vue';
-export { default as ProgressBar } from './progressbar/ProgressBar.vue';
-export { default as QuickFilter } from './quickfilter/QuickFilter.vue';
 export { default as TabMenu } from './tabmenu/TabMenu.vue';
 export { default as Textarea } from './textarea/Textarea.vue';
 export { default as Timeline } from './timeline/Timeline.vue';
 export { default as Toast } from './toast/Toast.vue';
 export { default as ToggleSwitch } from './toggleswitch/ToggleSwitch.vue';
-export { default as TooltipSpan } from './tooltipspan/TooltipSpan.vue';
-export { default as Tree } from '.././components/tree/Tree.vue';
-export { default as UserGroup } from './usergroup/UserGroup.vue';
+export { default as Tree } from './tree/Tree.vue';
 export { default as UserName } from './username/UserName.vue';
+
+export { default as AssetInfo } from './assetinfo/AssetInfo.vue';
+export { default as ButtonSelectUser } from './buttonselectuser/ButtonSelectUser.vue';
+export { default as ButtonViewLog } from './buttonviewlog/ButtonViewLog.vue';
+export { default as DialogSelectUser } from './dialogselectuser/DialogSelectUser.vue';
+export { default as UserWithIcon } from './userwithicon/UserWithIcon.vue';
+export { default as FilterContainer } from './filtercontainer/FilterContainer.vue';
+export { default as InputSearch } from './inputsearch/InputSearch.vue';
+export { default as TransactionRoles } from './transactionroles/TransactionRoles.vue';

package/components/inputcurrency/helpers/currency.helper.d.ts

@@ -1,4 +1,8 @@
 import { CurrencyFormat } from '../InputCurrency.vue.d';
 declare const getCurrency: (code?: string) => CurrencyFormat;
-declare const formatCurrency: (value?: number | string | null, currency?: string, prefix?: boolean) => string;
+declare const formatCurrency: (
+  value?: number | string | null,
+  currency?: string,
+  prefix?: boolean,
+) => string;
 export { getCurrency, formatCurrency };

package/components/inputemail/InputEmail.vue.d.ts

@@ -1,4 +1,5 @@
 import { DefineComponent } from 'vue';
+
 import { InputTextEmits, InputTextProps } from '../inputtext/InputText.vue.d';
 
 /**

package/components/inputnumber/InputNumber.vue.d.ts

@@ -1,4 +1,5 @@
 import { DefineComponent, Slot } from 'vue';
+
 import { CustomValidation } from '../form/Form.vue.d';
 
 export type InputNumberEvent = number | string | undefined;

package/components/inputpassword/InputPassword.vue.d.ts

@@ -1,4 +1,5 @@
 import { DefineComponent } from 'vue';
+
 import { CustomValidation } from '../form/Form.vue.d';
 
 export type InputPasswordProps = {

package/components/inputrangenumber/InputRangeNumber.vue.d.ts

@@ -1,4 +1,5 @@
 import { DefineComponent } from 'vue';
+
 import { CustomValidation } from '../form/Form.vue.d';
 
 export interface InputrangeNumberLocaleConfig {

package/components/inputsearch/InputSearch.vue.d.ts

@@ -0,0 +1,36 @@
+import {
+  ClassComponent,
+  GlobalComponentConstructor,
+} from '../../components/ts-helpers';
+
+export type InputSearchEmits = {
+  /**
+   * Emits when the Enter key is pressed.
+   */
+  search: [payload?: string];
+};
+
+/**
+ * **WangsVue - InputSearch**
+ *
+ * _InputSearch is an search input for fixed asset navbar_
+ *
+ * [Live Demo](https://fewangsit.github.io/wangsvue/inputsearch)
+ * --- ---
+ * ![WangsVue](https://www.wangs.id/wp-content/uploads/2023/12/cropped-Logo_Wangsid-removebg-preview-192x192.png)
+ *
+ * @group Component
+ */
+declare class InputSearch extends ClassComponent<
+  unknown,
+  unknown,
+  InputSearchEmits
+> {}
+
+declare module '@vue/runtime-core' {
+  interface GlobalComponents {
+    InputSearch: GlobalComponentConstructor<InputSearch>;
+  }
+}
+
+export default InputSearch;

package/components/inputtext/InputText.vue.d.ts

@@ -8,9 +8,10 @@
  *
  */
 import { InputHTMLAttributes, Slot } from 'vue';
+
 import { ComponentHooks } from '../basecomponent';
-import { ClassComponent, Nullable } from '../ts-helpers';
 import { CustomValidation } from '../form/Form.vue.d';
+import { ClassComponent, Nullable } from '../ts-helpers';
 export declare type InputTextPassThroughOptionType<T = any> =
   | InputTextPassThroughAttributes
   | ((

package/components/inputurl/InputURL.vue.d.ts

@@ -1,9 +1,11 @@
 import { Slot } from 'vue';
-import { ClassComponent } from '../ts-helpers';
+
 import {
   InputTextEmits,
   InputTextProps,
-} from 'lib/components/inputtext/InputText.vue.d';
+} from '../../components/inputtext/InputText.vue.d';
+
+import { ClassComponent } from '../ts-helpers';
 
 /**
  * InputURL component props

package/components/invisiblefield/InvisibleField.vue.d.ts

@@ -1,36 +1,32 @@
-import { Nullable } from '../ts-helpers';
-type FieldValue = Nullable<string> | Nullable<number> | string | string[] | number | number[] | boolean | undefined | null | object;
-declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    value?: FieldValue;
-    fieldName?: string;
-}>, {
-    value: any;
-    fieldName: string;
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    value?: FieldValue;
-    fieldName?: string;
-}>, {
-    value: any;
-    fieldName: string;
-}>>>, {
-    value: FieldValue;
-    fieldName: string;
-}, {}>;
-export default _default;
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-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;
-    };
-};
+import { ClassComponent, Nullable } from '../ts-helpers';
+
+export type FieldValue =
+  | Nullable<string>
+  | Nullable<number>
+  | string
+  | string[]
+  | number
+  | number[]
+  | boolean
+  | undefined
+  | null
+  | object;
+
+export interface InvisibleFieldProps {
+  value?: FieldValue;
+  fieldName?: string;
+}
+
+declare class InvisibleField extends ClassComponent<
+  InvisibleFieldProps,
+  unknown,
+  unknown
+> {}
+
+declare module 'vue' {
+  export interface GlobalComponents {
+    InvisibleField: typeof InvisibleField;
+  }
+}
+
+export default InvisibleField;

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

@@ -1,26 +1,9 @@
-import { DropdownEmits, DropdownProps } from '../dropdown/Dropdown.vue.d';
-import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
-
-export interface LanguageOption {
-  /**
-   * The name of the language, written in English for universal readability.
-   */
-  /**
-   * ISO 639-1 language code (e.g., "en" for English, "fr" for French).
-   */
-  language?: string;
-
-  /**
-   * The name of the language in English (e.g., "English", "Français").
-   */
-  name: string;
+import {
+  DropdownEmits,
+  DropdownProps,
+} from '../../components/dropdown/Dropdown.vue.d';
 
-  /**
-   * 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;
-}
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
 export type LanguageDropdownProps = DropdownProps & {};
 export type LanguageDropdownEmits = DropdownEmits & {};

package/components/litedropdown/LiteDropdown.vue.d.ts

@@ -1,13 +1,15 @@
-import { DropdownOption, OptionValue } from 'lib/types/options.type';
-import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 import { DropdownChangeEvent } from 'primevue/dropdown';
 
+import { Option, OptionValue } from '../../components/dropdown/Dropdown.vue.d';
+
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
+
 /**
  * Lite dropdown component props
  */
 export interface LiteDropdownProps {
   modelValue: OptionValue | undefined;
-  options: DropdownOption[] | undefined;
+  options: Option[] | undefined;
   /**
    * Specify the property name of option to be used as label.
    *

package/components/loading/store/loading.store.d.ts

@@ -1,8 +1,8 @@
 import { Ref } from 'vue';
 export interface LoadingStore {
-    loading: Ref<boolean>;
-    message: Ref<string | undefined>;
-    setLoading: (state: boolean, message?: string) => void;
+  loading: Ref<boolean>;
+  message: Ref<string | undefined>;
+  setLoading: (state: boolean, message?: string) => void;
 }
 declare const useLoadingStore: () => LoadingStore;
 export default useLoadingStore;

package/components/menu/Menu.vue.d.ts

@@ -10,9 +10,10 @@
  *
  */
 import { TransitionProps, VNode } from 'vue';
+
 import { ComponentHooks } from '../basecomponent';
-import { PassThroughOptions } from '../passthrough';
 import { MenuItem } from '../menuitem';
+import { PassThroughOptions } from '../passthrough';
 import {
   ClassComponent,
   GlobalComponentConstructor,

package/components/multiselect/MultiSelect.vue.d.ts

@@ -1,9 +1,12 @@
-import { DropdownLocaleConfig } from '../dropdown/Dropdown.vue.d';
+import {
+  DropdownLocaleConfig,
+  Option,
+  OptionValue,
+} from '../../components/dropdown/Dropdown.vue.d';
+
 import { CustomValidation } from '../form/Form.vue.d';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
-import { MultiSelectOption, OptionValue } from 'lib/types/options.type';
-
 export type MultiSelectLocaleConfig = DropdownLocaleConfig & {};
 
 /**
@@ -25,7 +28,7 @@ export interface MultiSelectProps {
   /**
    * List of options to display.
    */
-  options?: MultiSelectOption[] | string[];
+  options?: Option[] | string[];
 
   /**
    * Specify the property name of option to be used as label.

package/components/overlaypanel/OverlayPanel.vue.d.ts

@@ -8,6 +8,7 @@
  *
  */
 import { TransitionProps, VNode } from 'vue';
+
 import { ComponentHooks } from '../basecomponent';
 import { PassThroughOptions } from '../passthrough';
 import {

package/components/tabmenu/TabMenu.vue.d.ts

@@ -8,6 +8,7 @@
  *
  */
 import { VNode } from 'vue';
+
 import { ComponentHooks } from '../basecomponent';
 import { MenuItem } from '../menuitem';
 import { PassThroughOptions } from '../passthrough';
@@ -263,7 +264,7 @@ export type TabMenuEmits = {
    * Callback to invoke when an active tab is changed.
    * @param {TabMenuChangeEvent} event - Custom tab change event.
    */
-  'tab-change': [event: TabMenuChangeEvent];
+  'tabChange': [event: TabMenuChangeEvent];
   'update:activeIndex': [index: number];
 };
 

package/components/textarea/Textarea.vue.d.ts

@@ -1,11 +1,12 @@
 import { TextareaHTMLAttributes } from 'vue';
+
+import { CustomValidation } from '../form/Form.vue.d';
 import {
   ClassComponent,
   GlobalComponentConstructor,
   Nullable,
   Numberish,
 } from '../ts-helpers.d';
-import { CustomValidation } from '../form/Form.vue.d';
 
 export interface TextareaLocaleConfig {
   /**

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

@@ -1,3 +1,4 @@
+import { BadgeProps } from '../badge/Badge.vue.d';
 import { JSONContent } from '../editor/Editor.vue.d';
 import { ClassComponent } from '../ts-helpers';
 
@@ -26,6 +27,10 @@ export interface DetailText {
   value: string;
 }
 
+export interface DetailBadge extends BadgeProps {
+  type: 'badge';
+}
+
 export interface DetailUserText {
   type: 'userText';
   user: {
@@ -62,7 +67,8 @@ export type DetailType =
   | DetailText
   | DetailUserText
   | DetailBullet
-  | DetailJSONContent;
+  | DetailJSONContent
+  | DetailBadge;
 
 export type KeyValue = Record<string, string | DetailType>;
 

package/components/toast/Toast.vue.d.ts

@@ -9,14 +9,15 @@
  *
  */
 import { TransitionProps, VNode } from 'vue';
+
 import { ComponentHooks } from '../basecomponent';
+import { WangsIcons } from '../icon/Icon.vue.d';
 import { PassThroughOptions } from '../passthrough';
 import {
   ClassComponent,
   GlobalComponentConstructor,
   PassThrough,
 } from '../ts-helpers';
-import { WangsIcons } from '../icon/Icon.vue.d';
 
 export declare type ToastPassThroughOptionType =
   | ToastPassThroughAttributes

package/components/toggleswitch/ToggleSwitch.vue.d.ts

@@ -6,6 +6,7 @@
  *
  */
 import { StyleValue } from 'vue';
+
 import { ComponentHooks } from '../basecomponent';
 import { PassThroughOptions } from '../passthrough';
 import {