@fewangsit/wangsvue-fats 1.0.0-alpha.34 → 1.0.0-alpha.36

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

@@ -1,93 +1,93 @@
 import { Slot } from 'vue';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 import { TreeSelectionKeys } from 'primevue/tree';
-import { MenuItem } from '../menuitem';
+import { MenuItem } from '../../components/menuitem';
 import { BaseTreeProps, TreeNode } from '../basetree/BaseTree.vue.d';
 import { QueryParams, ShortFetchResponse } from '../datatable/DataTable.vue.d';
 
 export interface TreeProps extends BaseTreeProps {
-    /**
-     * Keyword to filter the Tree by name/label.
-     */
-    filter: string;
-    type: 'group' | 'category';
-    fetchTree?: (
-        type: 'group' | 'category',
-        params?: QueryParams,
-    ) => Promise<ShortFetchResponse<TreeNode> | undefined>;
-    params?: QueryParams;
-    selectedKeys?: TreeSelectionKeys | number[] | undefined;
-    selectedTreeNodes?: TreeNode[] | undefined;
-    selectionMode?: 'single' | 'checkbox' | undefined;
-    /**
-     * Wether show node button action or not.
-     *
-     * @default false;
-     */
-    useOption?: boolean;
-    /**
-     * List of labels that has no menu option
-     */
-    listLabelsNoOption?: string[];
-    treeNodeMenus?: MenuItem[];
-    /**
-     * Specify wether the all tree node should be auto checked once it rendered.
-     * @default false
-     */
-    autoSelectAll?: boolean;
-    selectLastNode?: boolean;
-    /**
-     * Disable node 'All' selection
-     */
-    disableNodeAll?: boolean;
-    /**
-     * Include node All key (-1) on Checkbox Selection
-     *
-     * @default false - (-1) is excluded
-     */
-    includeNodeAllKey?: boolean;
-    /**
-     * A list of node keys that should be disabled along with their children.
-     */
-    disableKeys?: number[];
-    /**
-     * A list of node keys that should be disabled, affecting only the specified nodes and not their children.
-     */
-    exactDisableKeys?: number[];
-    /**
-     * Defines the tree is readonly and disabled.
-     */
-    readonly?: boolean;
-    /**
-     * Defines the tree to select disposable group only.
-     */
-    selectDisposableOnly?: boolean;
-    /**
-     * Defines the tree to be flattened and shows disposable only
-     */
-    flattenDisposableNode?: boolean;
-    /**
-     * Defines the group tree to disable excluded keys
-     */
-    excludedKeys?: number[];
-    /**
-     * Will emit update selection when value is `true`
-     *
-     * @default false - to prevent auto emit in every possible unhandled way
-     */
-    shouldEmitEventOnChange?: boolean;
+  /**
+   * Keyword to filter the Tree by name/label.
+   */
+  filter: string;
+  type: 'group' | 'category';
+  fetchTree?: (
+    type: 'group' | 'category',
+    params?: QueryParams,
+  ) => Promise<ShortFetchResponse<TreeNode> | undefined>;
+  params?: QueryParams;
+  selectedKeys?: TreeSelectionKeys | number[] | undefined;
+  selectedTreeNodes?: TreeNode[] | undefined;
+  selectionMode?: 'single' | 'checkbox' | undefined;
+  /**
+   * Wether show node button action or not.
+   *
+   * @default false;
+   */
+  useOption?: boolean;
+  /**
+   * List of labels that has no menu option
+   */
+  listLabelsNoOption?: string[];
+  treeNodeMenus?: MenuItem[];
+  /**
+   * Specify wether the all tree node should be auto checked once it rendered.
+   * @default false
+   */
+  autoSelectAll?: boolean;
+  selectLastNode?: boolean;
+  /**
+   * Disable node 'All' selection
+   */
+  disableNodeAll?: boolean;
+  /**
+   * Include node All key (-1) on Checkbox Selection
+   *
+   * @default false - (-1) is excluded
+   */
+  includeNodeAllKey?: boolean;
+  /**
+   * A list of node keys that should be disabled along with their children.
+   */
+  disableKeys?: number[];
+  /**
+   * A list of node keys that should be disabled, affecting only the specified nodes and not their children.
+   */
+  exactDisableKeys?: number[];
+  /**
+   * Defines the tree is readonly and disabled.
+   */
+  readonly?: boolean;
+  /**
+   * Defines the tree to select disposable group only.
+   */
+  selectDisposableOnly?: boolean;
+  /**
+   * Defines the tree to be flattened and shows disposable only
+   */
+  flattenDisposableNode?: boolean;
+  /**
+   * Defines the group tree to disable excluded keys
+   */
+  excludedKeys?: number[];
+  /**
+   * Will emit update selection when value is `true`
+   *
+   * @default false - to prevent auto emit in every possible unhandled way
+   */
+  shouldEmitEventOnChange?: boolean;
 }
 
 export type TreeEmits = {
-    'update:selectedKeys': [keys: TreeSelectionKeys];
-    'update:selectedTreeNodes': [nodes: TreeNode[] | undefined];
-    'nodeSelect': [node: TreeNode];
-    'nodeUnselect': [node: TreeNode];
-    'toggleMenu': [node: TreeNode];
+  'update:selectedKeys': [keys: TreeSelectionKeys];
+  'update:selectedTreeNodes': [nodes: TreeNode[] | undefined];
+  'nodeSelect': [node: TreeNode];
+  'nodeUnselect': [node: TreeNode];
+  'toggleMenu': [node: TreeNode];
 };
 
 export interface TreeSlots {
-    default: Slot<{ node: TreeNode; checked: boolean; disabled: boolean }>;
+  default: Slot<{ node: TreeNode; checked: boolean; disabled: boolean }>;
 }
 
 /**
@@ -101,48 +101,48 @@ export interface TreeSlots {
  * @group Component
  */
 declare class Tree extends ClassComponent<TreeProps, TreeSlots, TreeEmits> {
-    /**
-     * The Tree Node array.
-     */
-    treeNodes: TreeNode[];
-    /**
-     * The Flat Tree Node array.
-     */
-    flatNodes: TreeNode[];
-    /**
-     * Tree Nodes loading state.
-     */
-    isLoading: boolean;
-    /**
-     * Show disposable group icon.
-     */
-    showDisposableGroups: boolean;
-    /**
-     * State where all tree node expanded.
-     */
-    isExpandedAll: boolean;
-    /**
-     * Method to collapse all node.
-     */
-    collapseAll: () => void;
-    /**
-     * Method to expand all node.
-     */
-    expandAll: () => void;
-    /**
-     * Expand the All node to show all Parent Group
-     */
-    expandNodeAll: () => void;
-    /**
-     * Trigger fetch tree list
-     */
-    fetchTreeList: () => void;
+  /**
+   * The Tree Node array.
+   */
+  treeNodes: TreeNode[];
+  /**
+   * The Flat Tree Node array.
+   */
+  flatNodes: TreeNode[];
+  /**
+   * Tree Nodes loading state.
+   */
+  isLoading: boolean;
+  /**
+   * Show disposable group icon.
+   */
+  showDisposableGroups: boolean;
+  /**
+   * State where all tree node expanded.
+   */
+  isExpandedAll: boolean;
+  /**
+   * Method to collapse all node.
+   */
+  collapseAll: () => void;
+  /**
+   * Method to expand all node.
+   */
+  expandAll: () => void;
+  /**
+   * Expand the All node to show all Parent Group
+   */
+  expandNodeAll: () => void;
+  /**
+   * Trigger fetch tree list
+   */
+  fetchTreeList: () => void;
 }
 
 declare module '@vue/runtime-core' {
-    interface GlobalComponents {
-        Tree: GlobalComponentConstructor<Tree>;
-    }
+  interface GlobalComponents {
+    Tree: GlobalComponentConstructor<Tree>;
+  }
 }
 
 export default Tree;

package/components/tree/helpers/filterNodeKeys.helper.d.ts

@@ -6,8 +6,8 @@ import { TreeSelectionKeys } from 'primevue/tree';
  * @param includeNodeAllKey - Whether to include the "-1" key (representing "All").
  */
 export declare const parseNodeKeys: (
-    nodeKeys: TreeSelectionKeys,
-    includeNodeAllKey?: boolean,
+  nodeKeys: TreeSelectionKeys,
+  includeNodeAllKey?: boolean,
 ) => number[];
 /**
  * Filters a collection of selected node keys based on specific criteria.
@@ -17,6 +17,6 @@ export declare const parseNodeKeys: (
  * @returns A new collection of filtered node keys.
  */
 export declare const filterNodeKeys: (
-    nodeKeys: TreeSelectionKeys,
-    includeNodeAllKey?: boolean,
+  nodeKeys: TreeSelectionKeys,
+  includeNodeAllKey?: boolean,
 ) => TreeSelectionKeys;

package/components/tree/helpers/flattenTreeNodeChildren.helper.d.ts

@@ -3,6 +3,6 @@ import { TreeNode } from '../../basetree/BaseTree.vue.d';
  * Covert deeply nested tree node into one level array.
  */
 declare const flattenTreeNodeChildren: (
-    nodes: TreeNode[] | undefined,
+  nodes: TreeNode[] | undefined,
 ) => TreeNode[];
 export default flattenTreeNodeChildren;

package/components/treesearchinput/TreeSearchInput.vue.d.ts

@@ -0,0 +1,16 @@
+import { DefineComponent } from 'vue';
+
+export type TreeSearchInputProps = {
+  modelValue?: string;
+};
+
+export type TreeSearchInputEmits = {
+  'update:modelValue': [payload: string];
+};
+
+declare const TreeSearchInput: DefineComponent<
+  TreeSearchInputProps,
+  TreeSearchInputEmits
+>;
+
+export default TreeSearchInput;

package/components/ts-helpers.d.ts

@@ -1,48 +1,46 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import {
-    AllowedComponentProps,
-    ComponentCustomProps,
-    ObjectEmitsOptions,
-    VNode,
-    VNodeProps,
+  AllowedComponentProps,
+  ComponentCustomProps,
+  ObjectEmitsOptions,
+  VNode,
+  VNodeProps,
 } from 'vue';
 
 declare type PublicProps = VNodeProps &
-    AllowedComponentProps &
-    ComponentCustomProps;
+  AllowedComponentProps &
+  ComponentCustomProps;
 
 declare type UnionToIntersection<U> = (
-    U extends any ? (k: U) => void : never
+  U extends any ? (k: U) => void : never
 ) extends (k: infer I) => void
-    ? I
-    : never;
+  ? I
+  : never;
 
 declare type EmitFn<
-    Options = ObjectEmitsOptions,
-    Event extends keyof Options = keyof Options,
+  Options = ObjectEmitsOptions,
+  Event extends keyof Options = keyof Options,
 > =
-    Options extends Array<infer V>
-        ? (event: V, ...args: any[]) => void
-        : object extends Options
-          ? (event: string, ...args: any[]) => void
-          : UnionToIntersection<
-                {
-                    [key in Event]: Options[key] extends (
-                        ...args: infer Args
-                    ) => any
-                        ? (event: key, ...args: Args) => void
-                        : (event: key, ...args: any[]) => void;
-                }[Event]
-            >;
+  Options extends Array<infer V>
+    ? (event: V, ...args: any[]) => void
+    : object extends Options
+      ? (event: string, ...args: any[]) => void
+      : UnionToIntersection<
+          {
+            [key in Event]: Options[key] extends (...args: infer Args) => any
+              ? (event: key, ...args: Args) => void
+              : (event: key, ...args: any[]) => void;
+          }[Event]
+        >;
 
 export class ClassComponent<Props, Slots, Emits> {
-    $props: Props & PublicProps;
-    $slots: Slots;
-    $emit: EmitFn<Emits>;
+  $props: Props & PublicProps;
+  $slots: Slots;
+  $emit: EmitFn<Emits>;
 }
 
 export type GlobalComponentConstructor<T> = {
-    new (): T;
+  new (): T;
 };
 
 /**
@@ -58,28 +56,28 @@ export declare type PassThrough<T = void> = T | object | undefined;
 export declare type Preset<T = void> = T | object | undefined;
 
 export declare type DefaultPassThrough<T = void> =
-    | T
-    | ((instance?: VNode) => T | undefined)
-    | undefined;
+  | T
+  | ((instance?: VNode) => T | undefined)
+  | undefined;
 
 export declare type HintedString<T extends string> = (string & {}) | T;
 
 export declare type PresetAttributes = {
-    class?: any;
-    style?: any;
-    [key: string]: any;
+  class?: any;
+  style?: any;
+  [key: string]: any;
 };
 
 export declare type PresetMethodOptions = {
-    instance: any;
-    props: any;
-    state: any;
-    context: any;
-    attrs: any;
-    parent: any;
-    global: object | undefined;
+  instance: any;
+  props: any;
+  state: any;
+  context: any;
+  attrs: any;
+  parent: any;
+  global: object | undefined;
 };
 
 export declare type PresetOptionMethodType<Opt = PresetMethodOptions> = (
-    options: Partial<Opt>,
+  options: Partial<Opt>,
 ) => PresetAttributes;

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

@@ -1,91 +1,91 @@
 import {
-    ClassComponent,
-    GlobalComponentConstructor,
-    PresetAttributes,
-    PresetOptionMethodType,
+  ClassComponent,
+  GlobalComponentConstructor,
+  PresetAttributes,
+  PresetOptionMethodType,
 } from '../ts-helpers';
 
 export interface UserNamePresetOptions {
-    root: PresetAttributes;
-    displayname: PresetOptionMethodType;
-    panel: {
-        background: PresetAttributes;
-        username: PresetAttributes;
-        useremail: PresetAttributes;
-        positiondivision: PresetAttributes;
-        userdetaillink: PresetAttributes;
-        contentwrapper: PresetAttributes;
-        detailwrapper: PresetAttributes;
-    };
+  root: PresetAttributes;
+  displayname: PresetOptionMethodType;
+  panel: {
+    background: PresetAttributes;
+    username: PresetAttributes;
+    useremail: PresetAttributes;
+    positiondivision: PresetAttributes;
+    userdetaillink: PresetAttributes;
+    contentwrapper: PresetAttributes;
+    detailwrapper: PresetAttributes;
+  };
 }
 
 export interface UserNameLocaleConfig {
-    /**
-     * The anchor text for user detail link on user panel
-     */
-    detailUserAnchorText?: string;
+  /**
+   * The anchor text for user detail link on user panel
+   */
+  detailUserAnchorText?: string;
 }
 
 export interface UserNameComponentConfigs {
-    /**
-     * @example `/tim-member/member/{userId}/detail-member`
-     */
-    detailUserPath: string;
+  /**
+   * @example `/tim-member/member/{userId}/detail-member`
+   */
+  detailUserPath: string;
 
-    /**
-     * @default 'picture' - Show user profile picture instead of user icon
-     */
-    type?: 'icon' | 'picture';
+  /**
+   * @default 'picture' - Show user profile picture instead of user icon
+   */
+  type?: 'icon' | 'picture';
 
-    /**
-     * Specify the field of user to be used as display name
-     *
-     * @example 'name.fullName'
-     */
-    userNameField?: string;
-    /**
-     * Specify the field of user to be used as display picture
-     *
-     * @example 'image.profile'
-     */
-    profilePictureField?: string;
+  /**
+   * Specify the field of user to be used as display name
+   *
+   * @example 'name.fullName'
+   */
+  userNameField?: string;
+  /**
+   * Specify the field of user to be used as display picture
+   *
+   * @example 'image.profile'
+   */
+  profilePictureField?: string;
 
-    /**
-     * Function to get user detail on panel shown
-     * @param userId The user id
-     * @returns Full user detail object
-     */
-    getUserDetail: (
-        userId: string,
-    ) => UserNameProps['user'] | Promise<UserNameProps['user']>;
+  /**
+   * Function to get user detail on panel shown
+   * @param userId The user id
+   * @returns Full user detail object
+   */
+  getUserDetail: (
+    userId: string,
+  ) => UserNameProps['user'] | Promise<UserNameProps['user']>;
 }
 
 export interface GeneralUser {
-    _id: string;
-    profilePicture?: string;
-    firstName?: string;
-    lastName?: string;
-    fullName?: string;
-    email?: string;
-    nickName?: string;
-    position?: string;
-    division?: string;
-    [key: string]: any;
+  _id: string;
+  profilePicture?: string;
+  firstName?: string;
+  lastName?: string;
+  fullName?: string;
+  email?: string;
+  nickName?: string;
+  position?: string;
+  division?: string;
+  [key: string]: any;
 }
 
 /**
  * Defines valid properties in UserName component.
  */
 export interface UserNameProps extends Partial<UserNameComponentConfigs> {
-    /**
-     * The full user Object
-     */
-    user?: GeneralUser;
+  /**
+   * The full user Object
+   */
+  user?: GeneralUser;
 
-    /**
-     * When it sets to false, the props.user will be used
-     */
-    fetchDetailOnPanelShow?: boolean;
+  /**
+   * When it sets to false, the props.user will be used
+   */
+  fetchDetailOnPanelShow?: boolean;
 }
 
 /**
@@ -99,15 +99,15 @@ export interface UserNameProps extends Partial<UserNameComponentConfigs> {
  *
  */
 declare class UserName extends ClassComponent<
-    UserNameProps,
-    unknown,
-    unknown
+  UserNameProps,
+  unknown,
+  unknown
 > {}
 
 declare module '@vue/runtime-core' {
-    interface GlobalComponents {
-        UserName: GlobalComponentConstructor<UserName>;
-    }
+  interface GlobalComponents {
+    UserName: GlobalComponentConstructor<UserName>;
+  }
 }
 
 export default UserName;

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

@@ -1,20 +1,20 @@
 import { UserDetail } from '@tagsamurai/fats-api-services/src/types/user.type';
-import { ClassComponent } from '../ts-helpers';
+import { ClassComponent } from '../../components/ts-helpers';
 
 export interface UserWithIconProps {
-    user: UserDetail;
+  user: UserDetail;
 }
 
 declare class UserWithIcon extends ClassComponent<
-    UserWithIconProps,
-    unknown,
-    unknown
+  UserWithIconProps,
+  unknown,
+  unknown
 > {}
 
 declare module 'vue' {
-    interface GlobalComponents {
-        UserWithIcon: typeof UserWithIcon;
-    }
+  interface GlobalComponents {
+    UserWithIcon: typeof UserWithIcon;
+  }
 }
 
 export default UserWithIcon;

package/directives/focus.d.ts

@@ -2,6 +2,6 @@
  * This directive is used to focus the html input on a component.
  */
 declare const Focus: {
-    mounted: (el: HTMLElement) => Promise<void>;
+  mounted: (el: HTMLElement) => Promise<void>;
 };
 export default Focus;