@fewangsit/wangsvue-fats 1.0.0-alpha.38 → 1.0.0-alpha.39

package/components/animation/Animation.vue.d.ts

@@ -6,6 +6,14 @@ export interface AnimationDefaultConfig {
 
 export interface AnimationProps {
   animation: 'no-data' | 'loading-plane' | 'loading-page' | 'loading-table';
+  /**
+   * @default true
+   */
+  autoplay?: boolean;
+  /**
+   * @default true
+   */
+  loop?: boolean;
 }
 
 /**

package/components/badgegroup/BadgeGroup.vue.d.ts

@@ -1,5 +1,7 @@
 import { Slot } from 'vue';
+
 import { BadgeProps } from '../../components/badge/Badge.vue.d';
+
 import { ClassComponent, HintedString } from '../ts-helpers.d';
 
 export type ObjectBadge = {

package/components/basetree/BaseTree.vue.d.ts

@@ -8,7 +8,9 @@
  *
  */
 import { VNode } from 'vue';
+
 import { ComponentHooks } from '../basecomponent';
+import { MenuItem } from '../menuitem';
 import { PassThroughOptions } from '../passthrough';
 import {
   ClassComponent,
@@ -16,7 +18,6 @@ import {
   HintedString,
   PassThrough,
 } from '../ts-helpers';
-import { MenuItem } from '../menuitem';
 
 export declare type TreePassThroughOptionType<T = any> =
   | TreePassThroughAttributes

package/components/button/Button.vue.d.ts

@@ -1,9 +1,10 @@
+import { TooltipOptions } from 'primevue/tooltip';
 import { ButtonHTMLAttributes, VNode } from 'vue';
+
 import { WangsIcons } from '../icon/Icon.vue.d';
-import { TooltipOptions } from 'primevue/tooltip';
 import {
-  GlobalComponentConstructor,
   ClassComponent,
+  GlobalComponentConstructor,
   HintedString,
 } from '../ts-helpers';
 

package/components/buttonbulkaction/ButtonBulkAction.vue.d.ts

@@ -1,4 +1,5 @@
 import { DefineComponent } from 'vue';
+
 import { MenuItem } from '../menuitem';
 
 export interface ButtonBulkActionLocaleConfig {

package/components/buttonradio/ButtonRadio.vue.d.ts

@@ -1,4 +1,5 @@
 import { StyleValue } from 'vue';
+
 import { ComponentHooks } from '../basecomponent';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 

package/components/buttonscan/ButtonScan.vue.d.ts

@@ -1,5 +1,6 @@
-import { ClassComponent, HintedString } from '../../components/ts-helpers.d';
 import { ButtonProps } from '../../components/button/Button.vue.d';
+import { ClassComponent, HintedString } from '../../components/ts-helpers.d';
+
 import { WangsIcons } from '../icon/Icon.vue.d';
 
 export type ScannerErrorCode =

package/components/buttonselecttree/ButtonSelectTree.vue.d.ts

@@ -1,7 +1,8 @@
 import { Slot } from 'vue';
-import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
+
 import { TreeNode } from '../basetree/BaseTree.vue.d';
 import { QueryParams, ShortFetchResponse } from '../datatable/DataTable.vue.d';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
 export type KeysModelValue = number[] | undefined;
 export type NodeModelValue =

package/components/buttonsplit/ButtonSplit.vue.d.ts

@@ -7,21 +7,23 @@
  * @module splitbutton
  *
  */
-import { ButtonHTMLAttributes, VNode } from 'vue';
-import { ComponentHooks } from '../basecomponent';
 import { ButtonPassThroughOptions } from 'primevue/button';
-import { MenuItem } from '../menuitem';
-import { PassThroughOptions } from '../passthrough';
 import {
   TieredMenuPassThroughOptions,
   TieredMenuRouterBindProps,
 } from 'primevue/tieredmenu';
+import { ButtonHTMLAttributes, VNode } from 'vue';
+
+import { ComponentHooks } from '../basecomponent';
+import { MenuItem } from '../menuitem';
+import { PassThroughOptions } from '../passthrough';
 import {
   ClassComponent,
   GlobalComponentConstructor,
-  PassThrough,
   HintedString,
+  PassThrough,
 } from '../ts-helpers';
+
 import { WangsIcons } from '../icon/Icon.vue';
 
 export declare type ButtonSplitPassThroughOptionType =

package/components/buttontoggle/ButtonToggle.vue.d.ts

@@ -1,4 +1,5 @@
 import { DefineComponent } from 'vue';
+
 import {
   ToggleSwitchEmits,
   ToggleSwitchProps,

package/components/calendar/Calendar.vue.d.ts

@@ -1,4 +1,5 @@
-import { TransitionProps } from 'vue';
+import { Slot, TransitionProps } from 'vue';
+
 import { CustomValidation } from '../form/Form.vue.d';
 import { ClassComponent } from '../ts-helpers';
 
@@ -321,6 +322,11 @@ export interface CalendarProps {
    */
   readonly?: boolean;
 
+  /**
+   * The class name of the overlay element.
+   */
+  overlayClass?: string;
+
   /**
    * Identifier of the underlying input element.
    */
@@ -337,7 +343,7 @@ export interface CalendarProps {
    * @default 'single'
    * @deprecated use selectionMode
    */
-  mode?: 'range' | 'single';
+  mode?: 'range' | 'single' | 'multiple';
 
   /**
    * Whether single date or date range model value.
@@ -474,6 +480,11 @@ export interface CalendarProps {
    */
   onlyWeekdays?: boolean;
 
+  /**
+   * Exclude certain dates from selection.
+   */
+  excludeDates?: Date[];
+
   /**
    * The minimum selectable date.
    */
@@ -556,6 +567,18 @@ export type CalendarEmits = {
   'dateSelect': [date: Date | Date[]];
 };
 
+export interface CalendarSlots {
+  /**
+   * Slot for custom root input element
+   */
+  'default': Slot<{ onClick: (event: Event) => void }>;
+
+  /**
+   * Slot for additional content in overlay
+   */
+  'addon-overlay': Slot;
+}
+
 /**
  * **WangsVue - Calendar**
  *
@@ -568,7 +591,7 @@ export type CalendarEmits = {
  */
 declare class Calendar extends ClassComponent<
   CalendarProps,
-  unknown,
+  CalendarSlots,
   CalendarEmits
 > {}
 

package/components/card/Card.vue.d.ts

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

package/components/checkbox/Checkbox.vue.d.ts

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

package/components/datatable/DataTable.vue.d.ts

@@ -1,9 +1,11 @@
+import { Component } from 'vue';
+
 import { DialogConfirmProps } from '../../components/dialogconfirm/DialogConfirm.vue.d';
 import { MenuItem } from '../../components/menuitem';
-import { ClassComponent, HintedString } from '../ts-helpers.d';
-import { Component } from 'vue';
 import { DateOptions } from '../../utils/date.util';
 
+import { ClassComponent, HintedString } from '../ts-helpers.d';
+
 export interface DataTableLocaleConfig {
   /**
    * Message to display on loading ovevrlay while downloading

package/components/dialog/Dialog.vue.d.ts

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

package/components/dialogconfirm/DialogConfirm.vue.d.ts

@@ -1,4 +1,5 @@
 import { Slot } from 'vue';
+
 import { WangsIcons } from '../icon/Icon.vue.d';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 

package/components/dialogform/DialogForm.vue.d.ts

@@ -1,5 +1,6 @@
 import { GenericObject } from 'vee-validate';
 import { Slot } from 'vue';
+
 import FormInstance, { FormPayload, FormProps } from '../form/Form.vue.d';
 import { WangsIcons } from '../icon/Icon.vue.d';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';

package/components/dialogselecttree/DialogSelectTree.vue.d.ts

@@ -1,9 +1,10 @@
 import { TreeSelectionKeys } from 'primevue/tree';
+import { Slot } from 'vue';
+
 import { TreeNode } from '../basetree/BaseTree.vue.d';
 import { QueryParams, ShortFetchResponse } from '../datatable/DataTable.vue.d';
-import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 import TreeInstance, { TreeProps } from '../tree/Tree.vue.d';
-import { Slot } from 'vue';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
 export interface DialogSelectTreeProps
   extends Omit<TreeProps, 'type' | 'filter'> {

package/components/dialogselectuser/DialogSelectUser.vue.d.ts

@@ -0,0 +1,102 @@
+import { FetchListResponse } from '@fewangsit/workspace-api-services/src/types/fetchResponse.type';
+import { FetchUserRoleOptionResponse } from '@tagsamurai/fats-api-services/src/dto/role.dto';
+import { User } from '@tagsamurai/fats-api-services/src/types/user.type';
+
+import { QueryParams } from '../../components/datatable/DataTable.vue.d';
+import { ClassComponent } from '../../components/ts-helpers';
+
+export type EmitSelectionValue = {
+  checkbox: User[];
+  single: User;
+};
+
+export type SelectionType = 'single' | 'checkbox';
+
+/**
+ * Props for DialogSelectUser component
+ */
+export interface DialogSelectUserProps {
+  /**
+   * The header of the dialog.
+   *
+   * @defaultValue "Select User"
+   */
+  header?: string;
+
+  /**
+   * The description of the table.
+   *
+   * @defaultValue "Select user"
+   */
+  description?: string;
+
+  /**
+   * Table's selection type
+   */
+  selectionType: SelectionType;
+
+  /**
+   * Specifies the visibility of the dialog.
+   * @defaultValue false
+   */
+  visible?: boolean | undefined;
+
+  /**
+   * List that will be show above the table
+   * @defaultValue undefined
+   */
+  list?: string[];
+
+  /**
+   * Set custom button select label
+   */
+  selectButtonLabel?: string;
+
+  /**
+   * The function to fetch data on DataTable mounted and on queryParams dependencies updated.
+   *
+   * @param params this is required
+   */
+  fetchFunction?: (
+    params: QueryParams,
+  ) => Promise<FetchListResponse | undefined>;
+
+  /**
+   * The function to fetch options on DialogSelectUserFilter.
+   *
+   */
+  fetchOptionFunction?: () => Promise<
+    FetchUserRoleOptionResponse['data'] | undefined
+  >;
+}
+
+/**
+ * Emits for DialogSelectUser component
+ */
+export type DialogSelectUserEmits<T = User> = {
+  /**
+   * Emits when the dialog is closed. Wether from cancel button, close button, or ESC button pressed.
+   */
+  'update:visible': [state: boolean];
+
+  /**
+   * Emits when you done selected user.
+   */
+  'selected': [user: T];
+};
+
+/**
+ * **TSVue - DialogSelectUser**
+ *
+ * --- ---
+ * ![TSVue](https://ik.imagekit.io/kurniadev/TS-HEAD-BLACK.png)
+ *
+ * @group components
+ */
+declare const DialogSelectUser: ClassComponent<
+  DialogSelectUserProps,
+  unknown,
+  DialogSelectUserEmits
+>;
+
+export default DialogSelectUser;

package/components/dialogselectuser/options/columns.d.ts

@@ -0,0 +1,3 @@
+import { Ref } from 'vue';
+import { TableColumn } from '../../../components/datatable/DataTable.vue.d';
+export declare const selectUserColumns: () => Ref<TableColumn[]>;

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

@@ -1,9 +1,11 @@
 import { Slot } from 'vue';
-import { CustomValidation } from '../form/Form.vue.d';
-import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
+
 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';
+
 export type OptionValue = string | number | boolean | Record<string, any>;
 
 export type Option = {

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,13 +1,15 @@
 import { DefineComponent, Slot } from 'vue';
-import { CalendarProps } from '../calendar/Calendar.vue.d';
-import { QueryParams } from '../datatable/DataTable.vue.d';
+
 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 { InputRangeNumberProps } from '../inputrangenumber/InputRangeNumber.vue.d';
 import { MultiSelectProps } from '../multiselect/MultiSelect.vue.d';
-import { ButtonSelectTreeProps } from '../buttonselecttree/ButtonSelectTree.vue.d';
 
 export type FilterMatchMode =
   | 'CONTAINS'

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/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/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/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,10 +1,12 @@
 import { Slot } from 'vue';
-import { ClassComponent } from '../ts-helpers';
+
 import {
   InputTextEmits,
   InputTextProps,
 } from '../../components/inputtext/InputText.vue.d';
 
+import { ClassComponent } from '../ts-helpers';
+
 /**
  * InputURL component props
  */

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

@@ -2,6 +2,7 @@ import {
   DropdownEmits,
   DropdownProps,
 } from '../../components/dropdown/Dropdown.vue.d';
+
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
 export type LanguageDropdownProps = DropdownProps & {};

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

@@ -1,6 +1,8 @@
+import { DropdownChangeEvent } from 'primevue/dropdown';
+
 import { Option, OptionValue } from '../../components/dropdown/Dropdown.vue.d';
+
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
-import { DropdownChangeEvent } from 'primevue/dropdown';
 
 /**
  * Lite dropdown component props

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

@@ -3,6 +3,7 @@ import {
   Option,
   OptionValue,
 } from '../../components/dropdown/Dropdown.vue.d';
+
 import { CustomValidation } from '../form/Form.vue.d';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 

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,5 +1,5 @@
-import { JSONContent } from '../editor/Editor.vue.d';
 import { BadgeProps } from '../badge/Badge.vue.d';
+import { JSONContent } from '../editor/Editor.vue.d';
 import { ClassComponent } from '../ts-helpers';
 
 export interface AttachmentFile {

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 {

package/components/tree/Tree.vue.d.ts

@@ -1,9 +1,11 @@
-import { Slot } from 'vue';
-import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 import { TreeSelectionKeys } from 'primevue/tree';
+import { Slot } from 'vue';
+
 import { MenuItem } from '../../components/menuitem';
+
 import { BaseTreeProps, TreeNode } from '../basetree/BaseTree.vue.d';
 import { QueryParams, ShortFetchResponse } from '../datatable/DataTable.vue.d';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
 export interface TreeProps extends BaseTreeProps {
   /**

package/components/username/UserName.vue.d.ts

@@ -37,6 +37,11 @@ export interface UserNameComponentConfigs {
    */
   type?: 'icon' | 'picture';
 
+  /**
+   * Whether to show the user's name. If false, only the user's icon will be shown.
+   * @default true
+   */
+  showUserName?: boolean;
   /**
    * Specify the field of user to be used as display name
    *

package/components/userwithicon/UserWithIcon.vue.d.ts

@@ -1,4 +1,5 @@
 import { UserDetail } from '@tagsamurai/fats-api-services/src/types/user.type';
+
 import { ClassComponent } from '../../components/ts-helpers';
 
 export interface UserWithIconProps {