@fewangsit/wangsvue 1.5.178

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

@@ -0,0 +1,451 @@
+import { HTMLAttributes, TransitionProps, VNode } from 'vue';
+import { ComponentHooks } from '../basecomponent';
+import { PassThroughOptions } from '../passthrough';
+import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers';
+
+
+export declare type DialogPassThroughOptionType<T = any> =
+  | DialogPassThroughAttributes
+  | ((
+      options: DialogPassThroughMethodOptions<T>,
+    ) => DialogPassThroughAttributes | string)
+  | string
+  | null
+  | undefined;
+
+export declare type DialogPassThroughTransitionType<T = any> =
+  | TransitionProps
+  | ((options: DialogPassThroughMethodOptions<T>) => TransitionProps)
+  | undefined;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface DialogPassThroughMethodOptions<T> {
+  /**
+   * Defines instance.
+   */
+  instance: any;
+  /**
+   * Defines valid properties.
+   */
+  props: DialogProps;
+  /**
+   * Defines current inline state.
+   */
+  state: DialogState;
+  /**
+   * Defines parent instance.
+   */
+  parent: T;
+  /**
+   * Defines passthrough(pt) options in global config.
+   */
+  global: object | undefined;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link DialogProps.pt}
+ */
+export interface DialogPassThroughOptions<T = any> {
+  /**
+   * Used to pass attributes to the root's DOM element.
+   */
+  root?: DialogPassThroughOptionType<T>;
+  /**
+   * Used to pass attributes to the header's DOM element.
+   */
+  header?: DialogPassThroughOptionType<T>;
+  /**
+   * Used to pass attributes to the header title's DOM element.
+   */
+  title?: DialogPassThroughOptionType<T>;
+  /**
+   * Used to pass attributes to the header icons' DOM element.
+   */
+  icons?: DialogPassThroughOptionType<T>;
+  /**
+   * Used to pass attributes to the maximizable button's DOM element.
+   */
+  maximizableButton?: DialogPassThroughOptionType<T>;
+  /**
+   * Used to pass attributes to the maximizable icon's DOM element.
+   */
+  maximizableIcon?: DialogPassThroughOptionType<T>;
+  /**
+   * Used to pass attributes to the close button's component.
+   */
+  closeButton?: DialogPassThroughOptionType<T>;
+  /**
+   * Used to pass attributes to the close button icon's component.
+   */
+  closeButtonIcon?: DialogPassThroughOptionType<T>;
+  /**
+   * Used to pass attributes to the content's DOM element.
+   */
+  content?: DialogPassThroughOptionType<T>;
+  /**
+   * Used to pass attributes to the footer's DOM element.
+   */
+  footer?: DialogPassThroughOptionType<T>;
+  /**
+   * Used to pass attributes to the mask's DOM element.
+   */
+  mask?: DialogPassThroughOptionType<T>;
+  /**
+   * Used to manage all lifecycle hooks.
+   * @see {@link BaseComponent.ComponentHooks}
+   */
+  hooks?: ComponentHooks;
+  /**
+   * Used to control Vue Transition API.
+   */
+  transition?: DialogPassThroughTransitionType<T>;
+}
+
+/**
+ * Custom passthrough attributes for each DOM elements
+ */
+export interface DialogPassThroughAttributes {
+  [key: string]: any;
+}
+
+/**
+ * Defines current inline state in Dialog component.
+ */
+export interface DialogState {
+  /**
+   * Current visible state of the container as a boolean.
+   * @defaultValue false
+   */
+  containerVisible: boolean;
+  /**
+   * Current maximized state as a boolean.
+   * @defaultValue false
+   */
+  maximized: boolean;
+}
+
+/**
+ * Custom breakpoint metadata.
+ */
+export interface DialogBreakpoints {
+  /**
+   * Breakpoint for responsive mode.
+   *
+   * Example:
+   *
+   * <Dialog :breakpoints="{'960px': '75vw', '640px': '100vw'}" ... />
+   *
+   * Result:
+   *
+   * @media screen and (max-width: ${breakpoint[key]}) {
+   *      .p-dialog[attributeSelector] {
+   *          width: ${breakpoint[value]} !important;
+   *      }
+   * }
+   */
+  [key: string]: string;
+}
+
+/**
+ * Defines valid properties in Dialog component.
+ */
+export interface DialogProps {
+  /**
+   * Title content of the dialog.
+   */
+  header?: string | undefined;
+  /**
+   * Footer content of the dialog.
+   */
+  footer?: string | undefined;
+  /**
+   * Specifies the visibility of the dialog.
+   * @defaultValue false
+   */
+  visible?: boolean | undefined;
+  /**
+   * Defines if background should be blocked when dialog is displayed.
+   * @defaultValue true
+   */
+  modal?: boolean | undefined;
+  /**
+   * Style of the content section.
+   */
+  contentStyle?: any;
+  /**
+   * Used to pass all properties of the HTMLDivElement to the overlay panel inside the component.
+   */
+  contentProps?: HTMLAttributes | undefined;
+  /**
+   * When enabled dialog is displayed in RTL direction.
+   * @defaultValue false
+   */
+  rtl?: boolean | undefined;
+  /**
+   * Adds a close icon to the header to hide the dialog.
+   * @defaultValue true
+   */
+  closable?: boolean | undefined;
+  /**
+   * Specifies if clicking the modal background should hide the dialog.
+   * @defaultValue false
+   */
+  dismissableMask?: boolean | undefined;
+  /**
+   * Specifies if pressing escape key should hide the dialog.
+   * @defaultValue true
+   */
+  closeOnEscape?: boolean | undefined;
+  /**
+   * Whether to show the header or not.
+   * @defaultValue true
+   */
+  showHeader?: boolean | undefined;
+  /**
+   * Whether background scroll should be blocked when dialog is visible.
+   * @defaultValue false
+   */
+  blockScroll?: boolean | undefined;
+  /**
+   * Base zIndex value to use in layering.
+   * @defaultValue 0
+   */
+  baseZIndex?: number | undefined;
+  /**
+   * Whether to automatically manage layering.
+   * @defaultValue true
+   */
+  autoZIndex?: boolean | undefined;
+  /**
+   * Position of the dialog.
+   * @defaultValue center
+   */
+  position?:
+    | 'center'
+    | 'top'
+    | 'bottom'
+    | 'left'
+    | 'right'
+    | 'topleft'
+    | 'topright'
+    | 'bottomleft'
+    | 'bottomright'
+    | undefined;
+  /**
+   * Whether the dialog can be displayed full screen.
+   * @defaultValue false
+   */
+  maximizable?: boolean | undefined;
+  /**
+   * Object literal to define widths per screen size.
+   */
+  breakpoints?: DialogBreakpoints;
+  /**
+   * Enables dragging to change the position using header.
+   * @defaultValue true
+   */
+  draggable?: boolean | undefined;
+  /**
+   * Keeps dialog in the viewport when dragging.
+   * @defaultValue true
+   */
+  keepInViewPort?: boolean | undefined;
+  /**
+   * Minimum value for the left coordinate of dialog in dragging.
+   * @defaultValue 0.
+   */
+  minX?: number | undefined;
+  /**
+   * Minimum value for the top coordinate of dialog in dragging.
+   * @defaultValue 0
+   */
+  minY?: number | undefined;
+  /**
+   * A valid query selector or an HTMLElement to specify where the dialog gets attached.
+   * @defaultValue body
+   */
+  appendTo?: 'body' | 'self' | string | undefined | HTMLElement;
+  /**
+   * Style of the dynamic dialog.
+   */
+  style?: any;
+  /**
+   * Icon to display in the dialog close button.
+   * @deprecated since v3.27.0. Use 'closeicon' slot.
+   */
+  closeIcon?: string | undefined;
+  /**
+   * Icon to display in the dialog maximize button when dialog is not maximized.
+   * @deprecated since v3.27.0. Use 'maximizeicon' slot.
+   */
+  maximizeIcon?: string | undefined;
+  /**
+   * Icon to display in the dialog maximize button when dialog is minimized.
+   * @deprecated since v3.27.0. Use 'minimizeicon' slot.
+   */
+  minimizeIcon?: string | undefined;
+  /**
+   * Used to pass attributes to DOM elements inside the component.
+   * @type {DialogPassThroughOptions}
+   */
+  pt?: PassThrough<DialogPassThroughOptions>;
+  /**
+   * 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;
+  /**
+   * A string or string array class to append to the root section.
+   */
+  class?: string | string[];
+  /**
+   * A string or string array class to append to the dialog header section.
+   */
+  headerClass?: string | string[] | object[];
+  /**
+   * A string or string array class to append to the dialog content section.
+   */
+  contentClass?: string | string[];
+  /**
+   * A string or string array class to append to the dialog footer section.
+   */
+  footerClass?: string | string[];
+}
+
+/**
+ * Defines valid slots in Dialog component.
+ */
+export interface DialogSlots {
+  /**
+   * Default content slot.
+   */
+  default(): VNode[];
+  /**
+   * Custom header template.
+   */
+  header(): VNode[];
+  /**
+   * Custom footer template.
+   */
+  footer(): 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 maximize icon template of dialog.
+   * @param {Object} scope - maximize icon slot's params.
+   */
+  maximizeicon(scope: {
+    /**
+     * Maximized state as a boolean
+     */
+    maximized: boolean;
+    /**
+     * Style class of the maximize icon
+     */
+    class: any;
+  }): VNode[];
+  /**
+   * Custom container slot.
+   * @param {Object} scope - container slot's params.
+   */
+  container(scope: {
+    /**
+     * Close dialog function.
+     * @deprecated since v3.39.0. Use 'closeCallback' property instead.
+     */
+    onClose: () => void;
+    /**
+     * Maximize/minimize dialog function.
+     * @param {Event} event - Browser event
+     * @deprecated since v3.39.0. Use 'maximizeCallback' property instead.
+     */
+    onMaximize: (event: Event) => void;
+    /**
+     * Close dialog function.
+     */
+    closeCallback: () => void;
+    /**
+     * Maximize/minimize dialog function.
+     * @param {Event} event - Browser event
+     */
+    maximizeCallback: (event: Event) => void;
+  }): VNode[];
+}
+
+/**
+ * Defines valid emits in Dialog component.
+ */
+export type DialogEmits = {
+  /**
+   * Emitted when the visible changes.
+   * @param {boolean} value - New value.
+   */
+  'update:visible': [value: boolean];
+  /**
+   * Callback to invoke when dialog is hidden.
+   */
+  'hide': [];
+  /**
+   * Callback to invoke after dialog is hidden.
+   */
+  'afterHide': [];
+  /**
+   * Callback to invoke when dialog is shown.
+   */
+  'show': [];
+  /**
+   * Fired when a dialog gets maximized.
+   * @param {event} event - Browser event.
+   */
+  'maximize': [event: Event];
+  /**
+   * Fired when a dialog gets unmaximized.
+   * @param {event} event - Browser event.
+   */
+  'unmaximize': [event: Event];
+  /**
+   * Fired when a dialog drag completes.
+   * @param {event} event - Browser event.
+   */
+  'dragend': [event: Event];
+};
+
+/**
+ * **WangsVue - Dialog**
+ *
+ * _Dialog is a container to display content in an overlay window._
+ *
+ * --- ---
+ * ![WangsVue](https://www.wangs.id/wp-content/uploads/2023/12/cropped-Logo_Wangsid-removebg-preview-192x192.png)
+ *
+ * @group Component
+ */
+declare class Dialog extends ClassComponent<
+  DialogProps,
+  DialogSlots,
+  DialogEmits
+> {}
+
+declare module '@vue/runtime-core' {
+  interface GlobalComponents {
+    Dialog: GlobalComponentConstructor<Dialog>;
+  }
+}
+
+export default Dialog;

package/components/dialogAdjustmentTask/DialogAdjustmentTask.vue.d.ts

@@ -0,0 +1,158 @@
+import { TaskStatus } from '../.././types/wangsStatus.type';
+import { FetchResponse } from '../datatable/DataTable.vue.d';
+import { ClassComponent } from '../ts-helpers';
+import { MultiSelectOption } from '../.././types/options.type';
+import { Member } from '../.././dto/member.dto';
+
+
+export interface DialogAdjustmentTaskProps {
+  /**
+   * Pass Member id to get task that connected to memberId
+   */
+  members: Pick<AssignedTo, '_id' | 'nickName' | 'key'>[];
+  /**
+   * V-model dialog visibility
+   */
+  visibility: boolean;
+  /**
+   * Prevent Dialog To even show when data list length 0 and then emptylist emit will be trigger
+   * @default false
+   */
+  preventAppear?: boolean;
+  /**
+   * Close dialog after form validated and submitted.
+   * @default true
+   */
+  closeOnSubmit?: boolean;
+  /**
+   * Header Dialog Title.
+   * @default 'Assign Task'
+   */
+  header?: string;
+  /**
+   * Custom Query Params Get List
+   */
+  customQueryParams?: Record<string, unknown>;
+  /**
+   * Custom Status Filter Option
+   */
+  customStatusFilter?: MultiSelectOption[];
+  /**
+   * Custom members for assign member dropdown
+   */
+  customMemberOptions?: Pick<
+    Member,
+    '_id' | 'key' | 'nickName' | 'profilePictureBig' | 'progress'
+  >[];
+}
+
+export type DialogAdjustmentTaskEmits = {
+  /**
+   * Will get trigger if data list length below or equal with 0
+   */
+  'emptyList': [];
+  /**
+   * Get trigger everytime visibility change
+   */
+  'update:visibility': [visible: boolean];
+  /**
+   * Trigger when assign & unassign successfully save to server
+   */
+  'successAssignUnAssign': [];
+  /**
+   * Trigger when assign & unassign failed save to server
+   */
+  'failedAssignUnAssign': [error: unknown];
+  /**
+   * Trigger when cancel btn clicked
+   */
+  'cancel': [];
+  /**
+   * Trigger When Failed getting task list
+   */
+  'failedGetTaskList': [];
+};
+
+declare class DialogAdjustmentTask extends ClassComponent<
+  DialogAdjustmentTaskProps,
+  unknown,
+  DialogAdjustmentTaskEmits
+> {}
+
+export default DialogAdjustmentTask;
+
+export type DialogAdjustmentTaskSingleActionType =
+  | 'assign-new-member'
+  | 'unassign-new-member'
+  | 'detail-task';
+
+export type DialogAdjustmentTaskBulkActionType =
+  | 'assign-new-member'
+  | 'unassign-new-member';
+
+export interface TaskListResponse extends FetchResponse {
+  status: number;
+  message: string;
+  data: TaskData;
+}
+
+interface TaskData {
+  totalRecords: number;
+  data: Task[];
+}
+
+export interface Task {
+  _id: string;
+  process: Process;
+  project: Project;
+  module: Module;
+  subModule: Module;
+  name: string;
+  assignedTo: AssignedTo[];
+  team: string[];
+  status: TaskStatus;
+  priority: number;
+  timeReportedBug: number;
+  productBacklogItem: string | null;
+  childTask: number;
+  dependency: Dependency;
+  lastUpdatedAt: string;
+}
+
+interface Process {
+  name: string;
+  _id: string;
+}
+
+interface Project {
+  name: string;
+  initial: string;
+  _id: string;
+}
+
+interface Module {
+  name: string;
+  initial: string;
+  _id: string;
+}
+
+export interface AssignedTo extends Record<string, unknown> {
+  fullName: string;
+  nickName: string;
+  key: number;
+  progress: string;
+  profilePictureBig: string;
+  profilePictureMedium: string;
+  profilePictureSmall: string;
+  _id: string;
+}
+
+export interface Dependency {
+  done?: number;
+  onProgress?: number;
+}
+
+export interface UpdateTaskMemberItemLocal {
+  task: Task;
+  newMember: AssignedTo[];
+}

package/components/dialogAdjustmentTask/DialogAdjustmentTaskHeader.vue.d.ts

@@ -0,0 +1,27 @@
+import { MultiSelectOption } from '../.././types/options.type';
+import { DialogAdjustmentTaskBulkActionType } from './DialogAdjustmentTask.vue.d';
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToOption<{
+    bulkActionEmitter: (bulkActionType: DialogAdjustmentTaskBulkActionType) => void;
+    customFilterOption?: {
+        taskStatus?: MultiSelectOption[];
+    };
+    customQueryParams?: Record<string, unknown>;
+    memberKeys: number[];
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<{
+    bulkActionEmitter: (bulkActionType: DialogAdjustmentTaskBulkActionType) => void;
+    customFilterOption?: {
+        taskStatus?: MultiSelectOption[];
+    };
+    customQueryParams?: Record<string, unknown>;
+    memberKeys: number[];
+}>>>, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/components/dialogAdjustmentTask/common/TaskDependency.vue.d.ts

@@ -0,0 +1,12 @@
+import { Dependency } from '../DialogAdjustmentTask.vue.d';
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToOption<Dependency>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<Dependency>>>, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/components/dialogAdjustmentTask/common/TaskStatusBadge.vue.d.ts

@@ -0,0 +1,16 @@
+import { TaskStatus } from '../../../types/wangsStatus.type';
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToOption<{
+    status: TaskStatus;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<{
+    status: TaskStatus;
+}>>>, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/components/dialogAdjustmentTask/options/dialogAdjustmentTaskBulkAction.d.ts

@@ -0,0 +1,3 @@
+import { MenuItem } from 'primevue/menuitem';
+import { DialogAdjustmentTaskBulkActionType } from '../DialogAdjustmentTask.vue.d';
+export declare const dialogAddjusmentTaskBulkAction: (bulkActionEmitter: (bulkActionType: DialogAdjustmentTaskBulkActionType) => void) => MenuItem[];

package/components/dialogAdjustmentTask/options/dialogAdjustmentTaskSingleAction.d.ts

@@ -0,0 +1,3 @@
+import { MenuItem } from '../../.././components/menuitem/index';
+import { DialogAdjustmentTaskSingleActionType } from '../DialogAdjustmentTask.vue.d';
+export declare const dialogAdjustmentTaskSingleAction: (singleActionEmitter: (singleActionType: DialogAdjustmentTaskSingleActionType) => void) => MenuItem[];

package/components/dialogAdjustmentTask/options/dialogAdjustmentTaskTableColumn.d.ts

@@ -0,0 +1,2 @@
+import { TableColumn } from '../../.././components/datatable/DataTable.vue.d';
+export declare const dialogAdjustmentTaskTableColumn: TableColumn[];