@fewangsit/wangsvue 1.5.178

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

@@ -0,0 +1,354 @@
+import { TransitionProps, VNode } from 'vue';
+import { ComponentHooks } from '../basecomponent';
+import { PassThroughOptions } from '../passthrough';
+import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers';
+import { WangsIcons } from '../icon/Icon.vue.d';
+
+
+export declare type ToastPassThroughOptionType =
+  | ToastPassThroughAttributes
+  | ((
+      options: ToastPassThroughMethodOptions,
+    ) => ToastPassThroughAttributes | string)
+  | string
+  | null
+  | undefined;
+
+export declare type ToastPassThroughTransitionType =
+  | TransitionProps
+  | ((options: ToastPassThroughMethodOptions) => TransitionProps)
+  | undefined;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface ToastPassThroughMethodOptions {
+  /**
+   * Defines instance.
+   */
+  instance: any;
+  /**
+   * Defines valid properties.
+   */
+  props: ToastProps;
+  /**
+   * Defines current inline state.
+   */
+  state: ToastState;
+  /**
+   * 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 ToastProps.pt}
+ */
+export interface ToastPassThroughOptions {
+  /**
+   * Used to pass attributes to the root's DOM element.
+   */
+  root?: ToastPassThroughOptionType;
+  /**
+   * Used to pass attributes to the message's DOM element.
+   */
+  message?: ToastPassThroughOptionType;
+  /**
+   * Used to pass attributes to the container's DOM element.
+   */
+  container?: ToastPassThroughOptionType;
+  /**
+   * Used to pass attributes to the content's DOM element.
+   */
+  content?: ToastPassThroughOptionType;
+  /**
+   * Used to pass attributes to the icon's DOM element.
+   */
+  icon?: ToastPassThroughOptionType;
+  /**
+   * Used to pass attributes to the text's DOM element.
+   */
+  text?: ToastPassThroughOptionType;
+  /**
+   * Used to pass attributes to the summary's DOM element.
+   */
+  summary?: ToastPassThroughOptionType;
+  /**
+   * Used to pass attributes to the detail's DOM element.
+   */
+  detail?: ToastPassThroughOptionType;
+  /**
+   * Used to pass attributes to the button container's DOM element.
+   */
+  buttonContainer?: ToastPassThroughOptionType;
+  /**
+   * Used to pass attributes to the button's DOM element.
+   * @deprecated since v3.30.2. Use 'closeButton' option.
+   */
+  button?: ToastPassThroughOptionType;
+  /**
+   * Used to pass attributes to the button's DOM element.
+   */
+  closeButton?: ToastPassThroughOptionType;
+  /**
+   * Used to pass attributes to the button icon's DOM element.
+   * @deprecated since v3.30.2. Use 'closeIcon' option.
+   */
+  buttonIcon?: ToastPassThroughOptionType;
+  /**
+   * Used to pass attributes to the button icon's DOM element.
+   */
+  closeIcon?: ToastPassThroughOptionType;
+  /**
+   * Used to manage all lifecycle hooks.
+   * @see {@link BaseComponent.ComponentHooks}
+   */
+  hooks?: ComponentHooks;
+  /**
+   * Used to control Vue Transition API.
+   */
+  transition?: ToastPassThroughTransitionType;
+}
+
+/**
+ * Custom passthrough attributes for each DOM elements
+ */
+export interface ToastPassThroughAttributes {
+  [key: string]: any;
+}
+
+/**
+ * Defines message options in Toast component.
+ */
+export interface ToastMessageOptions {
+  /**
+   * Severity level of the message.
+   * @defaultValue info
+   */
+  severity?:
+    | 'success'
+    | 'info'
+    | 'warn'
+    | 'error'
+    | 'secondary'
+    | 'contrast'
+    | undefined;
+  /**
+   * Summary content of the message.
+   */
+  summary?: string | undefined;
+  /**
+   * Detail content of the message.
+   */
+  detail?: any | undefined;
+  /**
+   * Whether the message can be closed manually using the close icon.
+   * @defaultValue true
+   */
+  closable?: boolean | undefined;
+  /**
+   * Delay in milliseconds to close the message automatically.
+   */
+  life?: number | undefined;
+  /**
+   * Key of the Toast to display the message.
+   */
+  group?: string | undefined;
+  /**
+   * Style class of the message.
+   */
+  styleClass?: any;
+  /**
+   * Style class of the content.
+   */
+  contentStyleClass?: any;
+}
+
+/**
+ * Defines breakpoints type in Toast component.
+ */
+export interface ToastBreakpointsType {
+  /**
+   * Breakpoint for responsive mode.
+   *
+   * Example:
+   *
+   * <Toast :breakpoints="{'960px': { width: '75vw', ... }" ... />
+   *
+   */
+  [key: string]: any;
+}
+
+/**
+ * Defines current inline state in Toast component.
+ */
+export interface ToastState {
+  /**
+   * Current messages.
+   */
+  messages: any[];
+}
+
+/**
+ * Defines valid properties in Toast component.
+ */
+export interface ToastProps {
+  /**
+   * Unique identifier of a message group.
+   */
+  group?: string | undefined;
+  /**
+   * Position of the toast in viewport.
+   * @defaultValue bottom-right
+   */
+  position?:
+    | 'top-left'
+    | 'top-center'
+    | 'top-right'
+    | 'bottom-left'
+    | 'bottom-center'
+    | 'bottom-right'
+    | 'center'
+    | undefined;
+  /**
+   * Whether to automatically manage layering.
+   * @defaultValue true
+   */
+  autoZIndex?: boolean | undefined;
+  /**
+   * Base zIndex value to use in layering.
+   * @defaultValue 0
+   */
+  baseZIndex?: number | undefined;
+  /**
+   * Object literal to define styles per screen size.
+   * @see ToastBreakpointsType
+   */
+  breakpoints?: ToastBreakpointsType;
+  /**
+   * Used to access message options.
+   * @type {ToastMessageOptions}
+   */
+  message?: ToastMessageOptions;
+  icon?: WangsIcons;
+  /**
+   * Used to pass attributes to DOM elements inside the component.
+   * @type {ToastPassThroughOptions}
+   */
+  pt?: PassThrough<ToastPassThroughOptions>;
+  /**
+   * 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 slot in Toast component.
+ */
+export interface ToastSlots {
+  /**
+   * Custom message template.
+   * @param {Object} scope - message slot's params.
+   */
+  message(scope: {
+    /**
+     * Message of the component
+     */
+    message: any;
+  }): VNode[];
+  /**
+   * Custom icon template.
+   * @param {Object} scope - icon slot's params.
+   */
+  icon(scope: {
+    /**
+     * Style class of the icon
+     */
+    class: any;
+  }): VNode[];
+  /**
+   * Custom close icon template.
+   * @param {Object} scope - close icon slot's params.
+   */
+  closeicon(scope: {
+    /**
+     * Style class of the close icon
+     */
+    class: any;
+  }): VNode[];
+  /**
+   * Custom container slot.
+   * @param {Object} scope - container slot's params.
+   */
+  container(scope: {
+    /**
+     * Message of the component
+     */
+    message: any;
+    /**
+     * Close toast function
+     * @deprecated since v3.39.0. Use 'closeCallback' property instead.
+     */
+    onClose: () => void;
+    /**
+     * Close sidebar function.
+     */
+    closeCallback: () => void;
+  }): VNode[];
+}
+
+/**
+ * Defines valid emits in Toast component.
+ */
+export type ToastEmits = {
+  /**
+   * Callback to invoke when the toast is closed.
+   * @param {ToastMessageOptions} message - Toast message.
+   */
+  close: [message: ToastMessageOptions];
+  /**
+   * Callback to invoke when the toast's timeout is over.
+   * @param {ToastMessageOptions} message - Toast message.
+   */
+  lifeEnd: [message: ToastMessageOptions];
+};
+
+/**
+ * **WangsVue - Toast**
+ *
+ * _Toast is used to display messages in an overlay._
+ *
+ * --- ---
+ * ![WangsVue](https://www.wangs.id/wp-content/uploads/2023/12/cropped-Logo_Wangsid-removebg-preview-192x192.png)
+ *
+ * @group Component
+ *
+ */
+declare class Toast extends ClassComponent<
+  ToastProps,
+  ToastSlots,
+  ToastEmits
+> {}
+
+declare module '@vue/runtime-core' {
+  interface GlobalComponents {
+    Toast: GlobalComponentConstructor<Toast>;
+  }
+}
+
+export default Toast;

package/components/tooltipspan/TooltipSpan.vue.d.ts

@@ -0,0 +1,21 @@
+import { DefineComponent } from 'vue';
+
+
+export type TooltipSpanProps = {
+  /**
+   * The full text to be displayed on the tooltip.
+   * The tooltip will only be shown if the text is truncated.
+   * @default ''
+   */
+  fullText?: string;
+  /**
+   * The maximum length of the text displayed on the span. If the text is longer
+   * than this value, it will be truncated and an ellipsis (...) will be added.
+   * @default 36
+   */
+  length?: number;
+};
+
+declare const TooltipSpan: DefineComponent<TooltipSpanProps>;
+
+export default TooltipSpan;

package/components/ts-helpers.d.ts

@@ -0,0 +1,62 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import {
+  AllowedComponentProps,
+  ComponentCustomProps,
+  ObjectEmitsOptions,
+  VNode,
+  VNodeProps,
+} from 'vue';
+
+declare type PublicProps = VNodeProps &
+  AllowedComponentProps &
+  ComponentCustomProps;
+
+declare type UnionToIntersection<U> = (
+  U extends any ? (k: U) => void : never
+) extends (k: infer I) => void
+  ? I
+  : never;
+
+declare type EmitFn<
+  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]
+        >;
+
+export class ClassComponent<Props, Slots, Emits> {
+  $props: Props & PublicProps;
+  $slots: Slots;
+  $emit: EmitFn<Emits>;
+}
+
+export type GlobalComponentConstructor<T> = {
+  new (): T;
+};
+
+/**
+ * Custom types
+ */
+export declare type Booleanish = boolean | 'true' | 'false';
+
+export declare type Numberish = number | string;
+
+export declare type Nullable<T = void> = T | null | undefined;
+
+export declare type PassThrough<T = void> = T | object | undefined;
+
+export declare type DefaultPassThrough<T = void> =
+  | T
+  | ((instance?: VNode) => T | undefined)
+  | undefined;
+
+export declare type HintedString<T extends string> = (string & {}) | T;

package/components/usergroup/UserGroup.vue.d.ts

@@ -0,0 +1,58 @@
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
+
+
+/**
+ * Defines valid properties in UserGroup component.
+ */
+export interface UserGroupProps {
+  /**
+   * The user objects array
+   */
+  users: Record<string, any>[];
+  /**
+   * The limit of how many users to display
+   */
+  limit?: number;
+  /**
+   * Specify the field of user to be used as display name
+   *
+   * @example 'name.fullName'
+   *
+   * @default 'nickName'
+   */
+  userNameField?: string;
+  /**
+   * Specify the field of user to be used as display picture
+   *
+   * @example 'image.profile'
+   *
+   * @default 'profilePicture'
+   */
+  profilePictureField?: string;
+  withDialogDetail?: boolean;
+  dialogHeaderLabel?: string;
+}
+
+/**
+ * **WangsVue - UserGroup**
+ *
+ * _Displays an user and profile image._
+ *
+ * --- ---
+ *
+ * @group Component
+ *
+ */
+declare class UserGroup extends ClassComponent<
+  UserGroupProps,
+  unknown,
+  unknown
+> {}
+
+declare module '@vue/runtime-core' {
+  interface GlobalComponents {
+    UserGroup: GlobalComponentConstructor<UserGroup>;
+  }
+}
+
+export default UserGroup;

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

@@ -0,0 +1,62 @@
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
+
+
+/**
+ * Defines valid properties in UserName component.
+ */
+export interface UserNameProps {
+  /**
+   * @default 'picture' - Show user profile picture instead of user icon
+   */
+  type?: 'icon' | 'picture';
+  /**
+   * The full user Object
+   */
+  user?: Record<string, any>;
+  /**
+   * Specify the field of user to be used as display name
+   *
+   * @example 'name.fullName'
+   *
+   * @default 'nickName'
+   */
+  userNameField?: string;
+  /**
+   * Specify the field of user to be used as display picture
+   *
+   * @example 'image.profile'
+   *
+   * @default 'profilePicture'
+   */
+  profilePictureField?: string;
+  /**
+   * Specify if the component can be emptyable
+   *
+   * @default false
+   */
+  emptyable?: boolean;
+}
+
+/**
+ * **WangsVue - UserName**
+ *
+ * _Displays an user and profile image._
+ *
+ * --- ---
+ *
+ * @group Component
+ *
+ */
+declare class UserName extends ClassComponent<
+  UserNameProps,
+  unknown,
+  unknown
+> {}
+
+declare module '@vue/runtime-core' {
+  interface GlobalComponents {
+    UserName: GlobalComponentConstructor<UserName>;
+  }
+}
+
+export default UserName;

package/components/validatormessage/ValidatorMessage.vue.d.ts

@@ -0,0 +1,13 @@
+import { DefineComponent } from 'vue';
+
+
+export interface ValidatorMessageProps {
+  /**
+   * Shows validator message if message exist.
+   */
+  message?: string;
+}
+
+declare const ValidatorMessage: DefineComponent<ValidatorMessageProps>;
+
+export default ValidatorMessage;

package/components/workcalendar/WorkCalendar.vue.d.ts

@@ -0,0 +1,55 @@
+import { DefineComponent } from 'vue';
+
+
+export type WorkCalendarState = 'view' | 'edit';
+
+/**
+ * WorkCalendar component props
+ */
+export interface WorkCalendarProps {
+  /**
+   * Initial Value or saved Workdays in a year
+   * Date string in format: "yyyy-mm-dd" (ISO 8601 format)
+   *
+   * @example {
+   *  2020: ['2020-05-01'],
+   *  2021: ['2021-05-01'],
+   *  2022: ['2021-05-01'],
+   * }
+   */
+  workDays?: Record<number, string[]>;
+  /**
+   * Default work days in number array 0 - 6
+   *
+   * @defaultValue '[1, 2, 3, 4, 5]'
+   */
+  defaultWorkDays?: number[];
+  /**
+   * @default 'view'
+   */
+  state?: WorkCalendarState;
+}
+
+/**
+ * WorkCalendar component emits
+ */
+export type WorkCalendarEmits = {
+  'update:modelValue': [date?: number | number[]];
+};
+
+/**
+ * **WangsVue - WorkCalendar**
+ *
+ * _Handle input date with form validation._
+ *
+ * --- ---
+ * ![WangsVue](https://www.wangs.id/wp-content/uploads/2023/12/cropped-Logo_Wangsid-removebg-preview-192x192.png)
+ *
+ * @group form
+ */
+declare const WorkCalendar: DefineComponent<
+  WorkCalendarProps,
+  WorkCalendarEmits
+>;
+
+export default WorkCalendar;

package/directives/focus.d.ts

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

package/directives/index.d.ts

@@ -0,0 +1 @@
+export { default as Focus } from './focus';

package/dto/member.dto.d.ts

@@ -0,0 +1,65 @@
+import { FetchResponse } from '.././components/datatable/DataTable.vue.d';
+export interface MemberListResponse extends FetchResponse {
+    status: number;
+    message: string;
+    data: MemberData;
+}
+interface MemberData {
+    totalRecords: number;
+    data: Member[];
+}
+export interface Member extends Record<string, unknown> {
+    _id: string;
+    isActive: boolean;
+    key: number;
+    profilePictureBig: string;
+    profilePictureMedium: string;
+    profilePictureSmall: string;
+    fullName: string;
+    nickName: string;
+    finishedDate: string;
+    employeeType: string;
+    division: string;
+    position: string;
+    teams: string[];
+    email: string;
+    phoneNumber: string;
+    initial: string;
+    groupMember: GroupMember;
+    needLeaderReview: boolean;
+    needTestingAccount: boolean;
+    lastLogin: string;
+    lastLoginIp: string;
+    groupMemberAssignedBy: AssignedBy;
+    groupMemberAssignedAt: string;
+    permission: Permission;
+    hasAdminRoles: boolean;
+    projectCount: number;
+    isTeamLeader: boolean;
+    isSubModuleLeader: boolean;
+    isAssignedToTask: boolean;
+    isProjectManager: boolean;
+    isActivate: boolean;
+    progress: string;
+}
+interface GroupMember {
+    name: string;
+    targetType: string;
+    _id: string;
+}
+interface AssignedBy {
+    fullName: string;
+    nickName: string;
+    key: number;
+    profilePictureBig: string;
+    profilePictureMedium: string;
+    profilePictureSmall: string;
+    _id: string;
+}
+interface Permission {
+    create: boolean;
+    read: boolean;
+    update: boolean;
+    delete: boolean;
+}
+export {};