@fewangsit/wangsvue-fats 1.0.0-alpha.9 → 1.0.0-alpha.90

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,57 +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': unknown;
-    '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>>;

package/event-bus/mitt.d.ts

@@ -1,26 +1,41 @@
 export type EventType = string | symbol;
 export type Handler<T = unknown> = (event: T) => void;
-export type WildcardHandler<T = Record<string, unknown>> = (type: keyof T, event: T[keyof T]) => void;
+export type WildcardHandler<T = Record<string, unknown>> = (
+  type: keyof T,
+  event: T[keyof T],
+) => void;
 export type EventHandlerList<T = unknown> = Array<Handler<T>>;
-export type WildCardEventHandlerList<T = Record<string, unknown>> = Array<WildcardHandler<T>>;
-export type EventHandlerMap<Events extends Record<EventType, unknown>> = Map<keyof Events | '*', EventHandlerList<Events[keyof Events]> | WildCardEventHandlerList<Events>>;
+export type WildCardEventHandlerList<T = Record<string, unknown>> = Array<
+  WildcardHandler<T>
+>;
+export type EventHandlerMap<Events extends Record<EventType, unknown>> = Map<
+  keyof Events | '*',
+  EventHandlerList<Events[keyof Events]> | WildCardEventHandlerList<Events>
+>;
 export interface Emitter<Events extends Record<EventType, unknown>> {
-    all: EventHandlerMap<Events>;
-    on<Key extends keyof Events>(type: Key, handler: Handler<Events[Key]>): void;
-    on(type: '*', handler: WildcardHandler<Events>): void;
-    off<Key extends keyof Events>(type: Key, handler?: Handler<Events[Key]>): void;
-    off(type: '*', handler: WildcardHandler<Events>): void;
-    emit<Key extends keyof Events>(type: Key, event: Events[Key]): void;
-    emit<Key extends keyof Events>(type: undefined extends Events[Key] ? Key : never): void;
+  all: EventHandlerMap<Events>;
+  on<Key extends keyof Events>(type: Key, handler: Handler<Events[Key]>): void;
+  on(type: '*', handler: WildcardHandler<Events>): void;
+  off<Key extends keyof Events>(
+    type: Key,
+    handler?: Handler<Events[Key]>,
+  ): void;
+  off(type: '*', handler: WildcardHandler<Events>): void;
+  emit<Key extends keyof Events>(type: Key, event: Events[Key]): void;
+  emit<Key extends keyof Events>(
+    type: undefined extends Events[Key] ? Key : never,
+  ): void;
 }
 /**
  * Mitt: Tiny (~200b) functional event emitter / pubsub.
  * @name mitt
  * @returns {Mitt}
  */
-export default function mitt<Events extends Record<EventType, unknown>>(all?: EventHandlerMap<Events>): Emitter<Events>;
+export default function mitt<Events extends Record<EventType, unknown>>(
+  all?: EventHandlerMap<Events>,
+): Emitter<Events>;
 declare global {
-    interface Window {
-        eventBus: Emitter<any>;
-    }
+  interface Window {
+    eventBus: Emitter<any>;
+  }
 }

package/main.d.ts

@@ -1,2 +1,34 @@
-export * from './build-entry'
-export {}
+export { default as mitt } from './event-bus/mitt';
+export { default as eventBus, extendEventBus } from './event-bus';
+
+// PrimeVue
+export { default as ToastService } from 'primevue/toastservice';
+
+// Utils
+export * from './utils';
+
+// Helpers
+export { formatCurrency } from './components/inputcurrency/helpers/currency.helper';
+
+// Component store
+export { default as useLoadingStore } from './components/loading/store/loading.store';
+
+// Directives
+export { default as Tooltip } from 'primevue/tooltip';
+export { Focus } from './directives';
+
+// Plugins
+export { useForm, useField } from './plugins/formValidation';
+export type { FormContext } from './plugins/formValidation';
+
+// Translation
+export * from './plugins/i18n';
+export { default as i18n } from './plugins/i18n-extension';
+
+// Used for dialog print qr
+export { default as VueHtmlToPaper } from './plugins/VueHtmlToPaper';
+
+export * from './components';
+
+// Config
+export { default as WangsVue } from './config';

package/package.json

@@ -1,15 +1,19 @@
 {
   "name": "@fewangsit/wangsvue-fats",
-  "version": "1.0.0-alpha.9",
-  "author": "fewangsit",
-  "description": "Admin Console Tagsamurai VueJS Component Library",
+  "version": "1.0.0-alpha.90",
+  "author": "Wangsit FE Developer",
+  "description": "Fixed Asset Tagsamurai VueJS Component Library",
   "type": "module",
-  "module": "./wangsvue-fats.es.js",
+  "module": "./wangsvue-fats.js",
   "types": "./main.d.ts",
+  "repository": "https://github.com/fewangsit/wangsvue",
   "exports": {
-    ".": "./wangsvue-fats.es.js",
+    ".": "./wangsvue-fats.js",
     "./style.css": "./style.css",
-    "./types": "./types",
+    "./config": "./config",
+    "./plugins": "./plugins",
+    "./directives": "./directives",
+    "./components": "./components",
     "./event-bus": "./event-bus",
     "./utils": "./utils"
   }

package/plugins/VueHtmlToPaper.d.ts

@@ -0,0 +1,11 @@
+import { App } from 'vue';
+type PrintOptions = {
+  name?: string;
+  specs?: string[];
+  replace?: boolean;
+  styles?: string[];
+};
+declare const VueHtmlToPaper: {
+  install(app: App, globalOptions?: PrintOptions): void;
+};
+export default VueHtmlToPaper;