@fewangsit/wangsvue-fats 1.0.0-alpha.12 → 1.0.0-alpha.121

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

@@ -7,126 +7,11 @@
  * @module tabmenu
  *
  */
-import { VNode } from 'vue';
-import { ComponentHooks } from '../basecomponent';
-import { MenuItem } from '../menuitem';
-import { PassThroughOptions } from '../passthrough';
-import { ClassComponent, PassThrough } from '../ts-helpers';
 
-export declare type TabMenuPassThroughOptionType =
-  | TabMenuPassThroughAttributes
-  | ((
-      options: TabMenuPassThroughMethodOptions,
-    ) => TabMenuPassThroughAttributes | string)
-  | string
-  | null
-  | undefined;
+import { TabMenuProps as WangsUITabMenuProps } from '@wangs-ui/core';
+import { MenuItem } from '@wangs-ui/core/dist/types/components/menuitem/menuitem.type';
 
-/**
- * Custom passthrough(pt) option method.
- */
-export interface TabMenuPassThroughMethodOptions {
-  /**
-   * Defines instance.
-   */
-  instance: any;
-  /**
-   * Defines valid properties.
-   */
-  props: TabMenuProps;
-  /**
-   * Defines current inline state.
-   */
-  state: TabMenuState;
-  /**
-   * Defines current options.
-   */
-  context: TabMenuContext;
-  /**
-   * 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 TabMenuProps.pt}
- */
-export interface TabMenuPassThroughOptions {
-  /**
-   * Used to pass attributes to the root's DOM element.
-   */
-  root?: TabMenuPassThroughOptionType;
-  /**
-   * Used to pass attributes to the list's DOM element.
-   */
-  menu?: TabMenuPassThroughOptionType;
-  /**
-   * Used to pass attributes to the list item's DOM element.
-   */
-  menuitem?: TabMenuPassThroughOptionType;
-  /**
-   * Used to pass attributes to the action's DOM element.
-   */
-  action?: TabMenuPassThroughOptionType;
-  /**
-   * Used to pass attributes to the icon's DOM element.
-   */
-  icon?: TabMenuPassThroughOptionType;
-  /**
-   * Used to pass attributes to the label's DOM element.
-   */
-  label?: TabMenuPassThroughOptionType;
-  /**
-   * Used to pass attributes to the inkbar's DOM element.
-   */
-  inkbar?: TabMenuPassThroughOptionType;
-  /**
-   * Used to manage all lifecycle hooks.
-   * @see {@link BaseComponent.ComponentHooks}
-   */
-  hooks?: ComponentHooks;
-}
-
-/**
- * Custom passthrough attributes for each DOM elements
- */
-export interface TabMenuPassThroughAttributes {
-  [key: string]: any;
-}
-
-/**
- * Defines current inline state in TabMenu component.
- */
-export interface TabMenuState {
-  /**
-   * Current active index state as a number.
-   * @defaulValue 0
-   */
-  d_activeIndex: number;
-}
-
-/**
- * Defines current options in TabMenu component.
- */
-export interface TabMenuContext {
-  /**
-   * Current menuitem
-   */
-  item: any;
-  /**
-   * Index of the menuitem
-   */
-  index: number;
-}
+import { ClassComponent } from '../ts-helpers';
 
 /**
  * Custom change event.
@@ -164,7 +49,7 @@ export interface TabMenuRouterBindProps {
 /**
  * Defines valid properties in TabMenu component.
  */
-export interface TabMenuProps {
+export interface TabMenuProps extends WangsUITabMenuProps {
   /**
    * An array of menuitems.
    */
@@ -184,75 +69,6 @@ export interface TabMenuProps {
    * @defaultValue true - when type is tab, otherwise true
    */
   useTrailingLine?: boolean | undefined;
-  /**
-   * Defines a string value that labels an interactive element.
-   */
-  ariaLabel?: string | undefined;
-  /**
-   * Identifier of the underlying input element.
-   */
-  ariaLabelledby?: string | undefined;
-  /**
-   * Used to pass attributes to DOM elements inside the component.
-   * @type {TabMenuPassThroughOptions}
-   */
-  pt?: PassThrough<TabMenuPassThroughOptions>;
-  /**
-   * Used to configure passthrough(pt) options of the component.
-   * @type {PassThroughOptions}
-   */
-  ptOptions?: PassThroughOptions;
-  /**
-   * When enabled, it removes component related styles in the core.
-   * @defaultValue false
-   */
-  unstyled?: boolean;
-}
-
-/**
- * Defines valid slots in TabMenu component.
- */
-export interface TabMenuSlots {
-  /**
-   * Custom content for each item.
-   * @param {Object} scope - item slot's params.
-   */
-  item(scope: {
-    /**
-     * Menuitem instance
-     */
-    item: MenuItem;
-    /**
-     * Index of the menuitem
-     */
-    index: number;
-    /**
-     * Current active state of the menuitem
-     */
-    active: boolean;
-    /**
-     * Label property of the menuitem
-     */
-    label: string | ((...args: any) => string) | undefined;
-    /**
-     * Binding properties of the menuitem
-     */
-    props: TabMenuRouterBindProps;
-  }): VNode[];
-  /**
-   * Custom item icon template.
-   * @param {Object} scope - item icon slot's params.
-   */
-  itemicon(scope: {
-    /**
-     * Menuitem instance
-     */
-    item: MenuItem;
-    /**
-     * Style class of the item icon element.
-     */
-    class: any;
-  }): VNode[];
 }
 
 /**
@@ -263,7 +79,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];
 };
 
@@ -281,7 +97,7 @@ export type TabMenuEmits = {
  */
 declare class TabMenu extends ClassComponent<
   TabMenuProps,
-  TabMenuSlots,
+  unknown,
   TabMenuEmits
 > {}
 

package/components/tagtype/TagType.vue.d.ts

@@ -0,0 +1,26 @@
+import { ClassComponent } from 'primevue/ts-helpers';
+
+export type AssetTagType =
+  | 'QR'
+  | 'RFID'
+  | 'NFC'
+  | 'RFID & NFC'
+  | 'RFID & QR'
+  | 'NFC & QR'
+  | 'RFID & NFC & QR'
+  | 'Non TAG';
+
+export interface TagTypeProps {
+  type: AssetTagType;
+
+  /**
+   * @default true
+   */
+  useNfc?: boolean;
+}
+
+export default class TagType extends ClassComponent<
+  TagTypeProps,
+  unknown,
+  unknown
+> {}

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,7 @@
-import { JSONContent } from '../editor/Editor.vue.d';
+import { VNode } from 'vue';
+
 import { BadgeProps } from '../badge/Badge.vue.d';
+import { JSONContent } from '../editor/Editor.vue.d';
 import { ClassComponent } from '../ts-helpers';
 
 export interface AttachmentFile {
@@ -70,12 +72,17 @@ export type DetailType =
   | DetailJSONContent
   | DetailBadge;
 
+export type DetailAnyRecord = Record<string, any>;
+
+export type SlotDetailType = string | DetailAnyRecord;
+
 export type KeyValue = Record<string, string | DetailType>;
 
 export type TimelineItem = {
   _id: string;
   action: string;
   createdAt: string;
+  username?: string;
   user?: {
     _id: string;
     nickName: string;
@@ -102,6 +109,18 @@ export type TimelineProps = {
   noFormatDate?: boolean;
 };
 
+export type TimelineSlots = {
+  /**
+   * Custom detail template.
+   *
+   * Use this slot if you want to configure your own detail value in each timeline
+   */
+  detail(slotProps: {
+    key: string;
+    value: SlotDetailType; // Type DetailAnyRecord only used when using slot since you can use your own object structure
+  }): VNode[];
+};
+
 /**
  * **WangsVue - Timeline**
  *
@@ -114,7 +133,7 @@ export type TimelineProps = {
  */
 declare class Timeline extends ClassComponent<
   TimelineProps,
-  unknown,
+  TimelineSlots,
   unknown
 > {}
 

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/transactionroles/TransactionRoles.vue.d.ts

@@ -0,0 +1,58 @@
+import { DefineComponent } from 'vue';
+
+export type TransactionRoles = Addon & {
+  borrowing: boolean;
+  assignment: boolean;
+  transfer: boolean;
+  disposal: boolean;
+};
+
+export type Addon = {
+  repairTicketing: boolean;
+  maintenance: boolean;
+  tracking: boolean;
+  audit: boolean;
+  assetControl: boolean;
+};
+
+type LicenseStatus = 'Managed' | 'Unmanaged' | null;
+
+export type LicenseStatuses = {
+  fixedAsset: LicenseStatus;
+  repairTicketing: LicenseStatus;
+  maintenance: LicenseStatus;
+  tracking: LicenseStatus;
+  audit: LicenseStatus;
+  assetControl: LicenseStatus;
+};
+
+export type RoleData = {
+  [key: string]: unknown;
+  transactionRoles?: TransactionRoles;
+  addOn?: Addon;
+  transactions?: TransactionRoles; // For Policy Assets
+  licenseStatuses?: LicenseStatuses;
+};
+
+export interface TransactionRolesProps {
+  asset?: RoleData;
+  user?: Omit<RoleData, 'addon'>;
+  /**
+   * @default transaction
+   */
+  type?: 'transaction' | 'addon' | 'transaction-policy';
+}
+
+/**
+ * **TSVue V2 - TransactionRoles**
+ *
+ * _TransactionRoles is a component to show list of transaction role._
+ *
+ * --- ---
+ * ![TSVue](https://ik.imagekit.io/kurniadev/TS-HEAD-BLACK.png)
+ *
+ * @group buttons
+ */
+declare const TransactionRoles: DefineComponent<TransactionRolesProps>;
+
+export default TransactionRoles;

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

@@ -1,9 +1,12 @@
 import { Slot } from 'vue';
-import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
-import { TreeSelectionKeys } from 'primevue/tree';
-import { MenuItem } from 'lib/components/menuitem';
+
+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';
+
+import { TreeSelectionKeys } from 'primevue/tree';
 
 export interface TreeProps extends BaseTreeProps {
   /**

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

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

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

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

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
    *
@@ -80,7 +85,7 @@ export interface UserNameProps extends Partial<UserNameComponentConfigs> {
   /**
    * The full user Object
    */
-  user?: GeneralUser;
+  user?: Partial<GeneralUser>;
 
   /**
    * When it sets to false, the props.user will be used

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

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

package/config/defaultProps.d.ts

@@ -1,3 +1,3 @@
-import { ComponentDefaultPropsConfig } from '.././plugins/WangsVue';
+import { ComponentDefaultPropsConfig } from '../plugins/WangsVue';
 declare const defaultProps: ComponentDefaultPropsConfig;
 export default defaultProps;

package/config/index.d.ts

@@ -1,3 +1,3 @@
-import { WangsVueOptions } from '.././plugins/WangsVue';
+import { WangsVueOptions } from '../plugins/WangsVue';
 declare const _default: import('vue').Plugin<Partial<WangsVueOptions>>;
 export default _default;

package/config/locale.d.ts

@@ -1,3 +1,3 @@
-import { LocaleConfig } from '.././plugins/WangsVue';
+import { LocaleConfig } from '../plugins/WangsVue';
 declare const locale: LocaleConfig;
 export default locale;

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;

package/event-bus/index.d.ts

@@ -1,59 +1,62 @@
-import { Data, QueryParams } from '../components/datatable/DataTable.vue.d';
-import { ToastParams } from '../utils';
 import { Emitter } from './mitt';
+import { Data, QueryParams } from '../components/datatable/DataTable.vue.d';
+import { ToastParams } from '../utils/toast.util';
 export type TableEvent = {
-    tableName?: string;
+  tableName?: string;
 };
 export type Events<CustomEvents = Record<string, any>> = CustomEvents & {
-    'data-table:apply-filter': TableEvent & {
-        filter: QueryParams;
-    };
-    'search-table': TableEvent & {
-        search: string | undefined;
-    };
-    'show-filter': TableEvent & {
-        show: boolean;
-    };
-    'multi-select:hide-overlay': unknown;
-    'button-download:multi-tables': {
-        table: {
-            headers: string[];
-            data: Record<string, unknown>[];
-            tableName: string;
-            tableTitle?: string;
-        };
-    };
-    'data-table:update': TableEvent;
-    'data-table:updated': TableEvent & {
-        data: Data[];
-    };
-    'data-table:download': TableEvent & {
-        fileName: string;
-        multiTableNames?: string[];
-        additionalTexts?: (string | string[])[];
-    };
-    'data-table:select-all-record': TableEvent;
-    'data-table:update-total-record': TableEvent & {
-        total: number;
-    };
-    'data-table:update-selected-data': TableEvent & {
-        data?: Data[];
-    };
-    'data-table:clear-selected-data': TableEvent;
-    'data-table:import-excel-to-json': TableEvent & {
-        data: Data[];
-    };
-    'work-calendar:reset-month': unknown;
-    'work-calendar:reset-year': unknown;
-    'toast:add': ToastParams;
-    'tree:update-tree-nodes': unknown;
-    'tree:tree-updated': unknown;
-    'tree:selection-changed': {
-        keys: string;
-    };
-    'overlay:show': {
-        overlayId: number;
-    };
+  'data-table:apply-filter': TableEvent & {
+    filter: QueryParams;
+  };
+  'search-table': TableEvent & {
+    search: string | undefined;
+  };
+  'search-by-scan-table': TableEvent & {
+    tag?: string;
+  };
+  'show-filter': TableEvent & {
+    show: boolean;
+  };
+  'multi-select:hide-overlay': unknown;
+  'button-download:multi-tables': {
+    table: {
+      headers: string[];
+      data: Record<string, unknown>[];
+      tableName: string;
+      tableTitle?: string;
+    };
+  };
+  'data-table:update': TableEvent;
+  'data-table:updated': TableEvent & {
+    data: Data[];
+  };
+  'data-table:download': TableEvent & {
+    fileName: string;
+    multiTableNames?: string[];
+    additionalTexts?: (string | string[])[];
+  };
+  'data-table:select-all-record': TableEvent;
+  'data-table:update-total-record': TableEvent & {
+    total: number;
+  };
+  'data-table:update-selected-data': TableEvent & {
+    data?: Data[];
+  };
+  'data-table:clear-selected-data': TableEvent;
+  'data-table:import-excel-to-json': TableEvent & {
+    data: Data[];
+  };
+  'work-calendar:reset-month': unknown;
+  'work-calendar:reset-year': unknown;
+  'toast:add': ToastParams;
+  'tree:update-tree-nodes': unknown;
+  'tree:tree-updated': unknown;
+  'tree:selection-changed': {
+    keys: string;
+  };
+  'overlay:show': {
+    overlayId: number;
+  };
 };
 declare const eventBus: Emitter<Events<Record<string, any>>>;
 export declare const extendEventBus: <T>() => Emitter<Events<T>>;