@fewangsit/wangsvue 1.5.178

package/types/task.type.d.ts

@@ -0,0 +1,256 @@
+import { FormDataBody } from '../dto/taskApi.dto';
+import { Member } from './member.type';
+import { DropdownOption, MultiSelectOption } from '.././types/options.type';
+import { Project } from './project.type';
+import { ProjectModule } from './projectModule.type';
+import { ProjectProcess } from './projectProcess.type';
+import { ProjectSubModule } from './projectSubmodule.type';
+import { WangsitStatus } from './wangsStatus.type';
+import { JSONContent } from '.././components/editor/Editor.vue.d';
+import { ChildGroup } from '.././components/datatable/DataTable.vue.d';
+import { FileType } from '../components/taskdetail/blocks/sections/Attachment/AttachmentItem.vue.d';
+import { Pbi } from '../components/dialogdetailpbi/DialogDetailPbi.vue.d';
+export type TaskDetailData = {
+    _id: string;
+    project: Project;
+    process: ProjectProcess;
+    module: ProjectModule;
+    subModule: ProjectSubModule;
+    productBacklogItem?: Pick<Pbi, '_id' | 'name'>;
+    repository: string;
+    sonarqube?: string;
+    name: string;
+    assignedTo: Member[];
+    team: string[];
+    status: WangsitStatus;
+    priority: number | null;
+    timeReportedBug: number;
+    startDate: Date | null;
+    finishedDate: Date | null;
+    duration: number | null;
+    timerStartedAt: string | null;
+    timerStartedValue: number | null;
+    approvalStatus: string;
+    isInActiveSprint: boolean;
+};
+export type TaskDescription = {
+    _id: string;
+    description: string | null;
+    updatedBy: Member | null;
+    updatedAt: string | Date | null;
+};
+export type TaskChildren = {
+    process?: Pick<ProjectProcess, '_id' | 'name'>;
+    module?: Pick<ProjectModule, '_id' | 'name'>;
+    subModule?: Pick<ProjectSubModule, '_id' | 'name'>;
+    tasks?: TaskDependencyDetail[];
+    options?: DropdownOption[];
+    selectedOptions?: string[];
+};
+export type TaskDependency = {
+    process?: Pick<ProjectProcess, '_id' | 'name'>;
+    module?: Pick<ProjectModule, '_id' | 'name' | 'initial'>;
+    subModule?: Pick<ProjectSubModule, '_id' | 'name'>;
+    task?: TaskDependencyDetail[];
+    options?: DropdownOption[];
+    selectedOptions?: string[];
+    loading?: boolean;
+    custom?: boolean;
+    processOptions?: DropdownOption[] | MultiSelectOption[];
+    moduleOptions?: DropdownOption[] | MultiSelectOption[];
+    subModuleOptions?: DropdownOption[] | MultiSelectOption[];
+    subModuleVisibility?: boolean;
+};
+export type TaskDependencyDetail = {
+    _id: string;
+    name: string;
+    assignedTo: Member[];
+    status: WangsitStatus;
+    taskLink: TaskLink;
+    caption: string;
+    showCaption?: boolean;
+};
+export type TaskLinkType = 'task' | 'service';
+export type TaskLinkURLType = 'url' | 'embedded';
+export type TaskLink = {
+    _id: string;
+    type: TaskLinkType;
+    link: string;
+    linkType: TaskLinkURLType;
+    updatedBy: Member;
+    createdAt: string | Date;
+    updatedAt: string | Date;
+};
+export type TaskChecklist = {
+    _id: string;
+    name: string;
+    task: string;
+    caption?: string;
+    checklistItems?: TaskChecklistItem[];
+    showRenameChecklist?: boolean;
+    showAddItem?: boolean;
+    isRequested?: boolean;
+};
+export type TaskChecklistItem = {
+    _id: string;
+    name: string;
+    checked: boolean;
+    updatedBy?: {
+        _id: string;
+        fullName: string;
+        nickName: string;
+    };
+    isRequested: boolean;
+    checkedAt?: string;
+    caption?: string;
+    createdAt: string;
+    updatedAt: string;
+    attachments: any[];
+    showRenameItem?: boolean;
+    showCaptionItem?: boolean;
+    content?: JSONContent;
+    key?: number;
+};
+export type TaskChecklistTemplate = {
+    _id: string;
+    project: string;
+    name: string;
+    module: string;
+    subModule: string;
+    task: string;
+    items: string[];
+    createdBy: Member;
+    createdAt: string;
+    updatedAt: string;
+};
+export interface TaskAPI {
+    _id: string;
+    name: string;
+    header?: string;
+    url?: string;
+    method?: string;
+    query?: string[];
+    contentType: string;
+    jsonBody?: string;
+    formDataBody?: FormDataBody[];
+    response?: string;
+    isIntact?: boolean;
+    isSuccess?: boolean;
+    updatedBy: Member;
+    updatedAt: string;
+    anyChanges?: boolean;
+    taskStatus?: WangsitStatus;
+}
+export type FormDataBodyCustom = Omit<FormDataBody, 'isMandatory'> & {
+    isMandatory: 'ya' | 'tidak';
+};
+export type TaskAPIFormDataCustom = Omit<TaskAPI, 'formDataBody'> & {
+    formDataBody: FormDataBodyCustom[];
+};
+export interface TaskReview {
+    _id: string;
+    task: string;
+    user: Member;
+    title: string;
+    content?: string;
+    checklists?: TaskReviewChecklist[];
+    createdAt: string;
+    updatedAt: string;
+}
+interface TaskReviewChecklist {
+    name: string;
+    items: TaskReviewChecklistItem[];
+}
+interface TaskReviewChecklistItem {
+    name: string;
+    result: 'Ok' | 'Bug';
+    content?: string;
+}
+export type TaskType = 'parent' | 'child' | 'dependency';
+export interface TaskTableItem {
+    _id: string;
+    project: Project;
+    process: ProjectProcess;
+    module: ProjectModule;
+    subModule: ProjectSubModule;
+    name: string;
+    assignedTo: Member[];
+    team: string[];
+    status: WangsitStatus;
+    priority?: number;
+    timeReportedBug: number;
+    childTask: number;
+    dependency: TaskTableItemDependency;
+    exportDependencyField?: string;
+    lastUpdatedAt: string;
+    children?: ChildGroup[];
+    hasChildren?: boolean;
+    taskType?: TaskType;
+    isProjectManager?: boolean;
+    isTeamLeader?: boolean;
+    duration?: number;
+}
+export interface TaskTableItemDependency {
+    done: number;
+    onProgress: number;
+}
+export interface TaskTableOptionQuery {
+    projectOptions?: boolean;
+    moduleOptions?: boolean;
+    subModuleOptions?: boolean;
+    memberOptions?: boolean;
+    taskOptions?: boolean;
+    processOptions?: boolean;
+    project?: string;
+    module?: string;
+    subModule?: string;
+}
+export interface TaskTableFamily {
+    dependencies: TaskTableItem[];
+    children: TaskTableItem[];
+}
+export interface TaskTableFamilyResponse {
+    status: number;
+    message: string;
+    data: TaskTableFamily;
+}
+export interface TaskAttachmentChangelogItem {
+    _id: string;
+    type: FileType;
+    attachmentSrc: string;
+    attachment: string;
+    action: string;
+    user: Member;
+    createdAt: string;
+    updatedAt: string;
+}
+export interface TaskLinkChangelogItem {
+    _id: string;
+    type: TaskLinkType;
+    action: string;
+    oldValue: TaskLinkChangelogItemValue;
+    newValue: TaskLinkChangelogItemValue;
+    user: Member;
+    createdAt: string;
+    updatedAt: string;
+}
+export interface TaskLinkChangelogItemValue {
+    type: TaskLinkURLType;
+    link: string;
+}
+export interface TaskChecklistChangelogItem {
+    _id: string;
+    task: string;
+    action: string;
+    oldValue: string;
+    newValue: string;
+    attachment: {
+        type: FileType;
+        name: string;
+        src: string;
+    };
+    user: Member;
+    createdAt: string;
+    updatedAt: string;
+}
+export {};

package/types/team.type.d.ts

@@ -0,0 +1,4 @@
+export type Team = {
+    _id: string;
+    initial: string;
+};

package/types/ticket.type.d.ts

@@ -0,0 +1,13 @@
+export type TicketTaskIdResponse = {
+    status: number;
+    message: string;
+    data: TicketTaskId[];
+};
+export type TicketTaskId = {
+    _id: string;
+    ticketId: string;
+    status: TicketStatus;
+    subject: string;
+    deadline: string;
+};
+export type TicketStatus = 'Open' | 'On Verification' | 'Request Cancel' | 'On Progress' | 'Need Confirmation' | 'Closed' | 'Cancel Ticket';

package/types/user.type.d.ts

@@ -0,0 +1,19 @@
+import { Teams } from './project.type';
+import { RoleDetailAccess } from './roleDetailAccess.type';
+export type User = {
+    _id: string;
+    key: number;
+    profilePicture?: string;
+    profilePictureBig: string;
+    profilePictureMedium: string;
+    profilePictureSmall: string;
+    fullName: string;
+    nickName: string;
+    email: string;
+    division: string;
+    position: string;
+    teams: Teams[];
+    permission: RoleDetailAccess;
+    isTeamLeader: boolean;
+    isProjectManager: boolean;
+};

package/types/wangsStatus.type.d.ts

@@ -0,0 +1,8 @@
+export type UserStatus = 'Aktif' | 'Nonaktif';
+export type ProjectStatus = 'Sprint' | 'Backlog' | 'Selesai';
+export type TaskStatus = 'Waiting for Approval' | 'Backlog' | 'Sprint' | 'Pending Review Leader' | 'Reported Bug' | 'Fixing Bug' | 'Penyesuaian' | 'Selesai';
+export type ProductBacklogItemStatus = DevelopmentStatus | 'Overdue' | 'Pending E2E Testing';
+export type DeploymentStatus = 'Not Ready Yet' | 'Ready to Deploy' | 'Finish Deployment' | 'On Deployment';
+export type DevelopmentStatus = ProjectStatus | 'Pending E2E Testing Dev' | 'Selesai Dev' | 'Pending E2E Testing Staging' | 'Selesai Staging' | 'Reported Bug';
+export type StatusSeverity = 'success' | 'primary' | 'dark' | 'warning' | 'danger' | 'info';
+export type WangsitStatus = ProjectStatus | UserStatus | TaskStatus | DeploymentStatus | DevelopmentStatus | ProductBacklogItemStatus;

package/utils/convertJsonImage.util.d.ts

@@ -0,0 +1,3 @@
+import { JSONContent } from '.././components/editor/Editor.vue.d';
+declare const convertJsonImage: (content: JSONContent | JSONContent[]) => JSONContent | JSONContent[];
+export default convertJsonImage;

package/utils/date.util.d.ts

@@ -0,0 +1,17 @@
+export type TDateFormat = 'd/m/yy' | 'd/mm/yy' | 'dd/mm/yy' | 'dd/mm/yyyy' | 'dd M yy' | 'dd M yyyy' | 'dd MM yy' | 'dd MM yyyy' | 'D dd M yy' | 'D dd M yyyy' | 'DD dd MM yy' | 'DD dd MM yyyy' | 'D, dd M yy' | 'D, dd M yyyy' | 'DD, dd MM yy' | 'DD, dd MM yyyy';
+export type TTimeFormat = 'HH:mm' | 'HH:mm a' | 'HH:mm:ss' | 'HH:mm:ss a';
+export type TTimeOptions = {
+    locale?: string;
+    dateFormat?: TDateFormat;
+    timeFormat?: TTimeFormat;
+};
+export declare const formatDate: (date: Date, options?: TTimeOptions) => string;
+export declare const formatISODate: (date: string | Date) => string;
+/**
+ * Formats a date to human readable form (timeago / relative time from now).
+ *
+ * @param date - The date to be displayed. Can be a Date object or a string in a recognized date format.
+ * @param maxSeconds - Max value of seconds difference. Use it for formats a date according to the user's general settings.
+ * @returns The formatted date string.
+ */
+export declare const formatDateReadable: (date: Date, maxSeconds?: number) => string;

package/utils/exportToExcel.util.d.ts

@@ -0,0 +1,20 @@
+export interface ITable {
+    headers: string[];
+    data: Record<string, unknown>[];
+    tableName: string;
+    tableTitle?: string;
+}
+interface IExcelOptions {
+    tables: ITable[];
+    fileName: string;
+    additionalTexts?: (string | string[])[];
+}
+/**
+ * Function to export excel, previously this only handle for 1 table in 1 file
+ * Now this function has been refactored to be able to format multiple tables in 1 file without altered its original functionality
+ * However, the way to called this function is changing a little bit (look for component DataTable and find usage of util `exportToExcel`)
+ *
+ * @param options - param that contain tables and filename for excel
+ */
+declare const exportToExcel: (options: IExcelOptions) => Promise<void>;
+export default exportToExcel;

package/utils/filterOptions.util.d.ts

@@ -0,0 +1,3 @@
+import { DropdownOption } from '../types/options.type';
+declare const filterOptions: (options?: DropdownOption[] | string[]) => DropdownOption[] | string[];
+export default filterOptions;

package/utils/genPlaceholder.util.d.ts

@@ -0,0 +1,3 @@
+export declare const genRandomPlaceholderBg: () => string;
+export declare const genPlaceholder: (text: string, size: 30 | 125, bgColor?: string) => HTMLCanvasElement;
+export default genPlaceholder;

package/utils/getAttachmentIcon.util.d.ts

@@ -0,0 +1,8 @@
+import { WangsIcons } from '../components/icon/Icon.vue.d';
+/**
+ *
+ * @param filename {string}
+ * @returns
+ */
+declare const getAttachmentIcon: (filename: string) => WangsIcons;
+export default getAttachmentIcon;

package/utils/getProjectPermission.util.d.ts

@@ -0,0 +1,4 @@
+import { Project, Teams } from '../types/project.type';
+import { RoleMemberPermission } from '../types/roleDetailAccess.type';
+declare const getProjectPermission: (project?: Project, leaders?: Teams[]) => RoleMemberPermission;
+export default getProjectPermission;

package/utils/getSalesRole.util.d.ts

@@ -0,0 +1,30 @@
+export type SalesRole = {
+    sales: boolean;
+    seniorSales: boolean;
+    admin: boolean;
+    elsa: boolean;
+    licenseTrial: boolean;
+    incentive: boolean;
+    priceInformation: boolean;
+    referenceNumber: boolean;
+    manageDistributor: boolean;
+    managePartner: boolean;
+    manageProduct: boolean;
+    settingsUser: boolean;
+    settingsApproval: boolean;
+    settingsRole: boolean;
+    settingsExpiredTime: boolean;
+    settingsPPN: boolean;
+    settingsCustomField: boolean;
+    settingsTermAndCondition: boolean;
+    approvalProduct: boolean;
+    approvalLicenseTrial: boolean;
+    approvalSPRF: boolean;
+    approvalQuotation: boolean;
+    approvalBillingForm: boolean;
+    approvalCashback: boolean;
+    approvalElsa: boolean;
+    approvalQRF: boolean;
+};
+declare const getSalesRole: () => SalesRole;
+export default getSalesRole;

package/utils/getUser.util.d.ts

@@ -0,0 +1,3 @@
+import { User } from '../types/user.type';
+declare const getUser: () => Partial<User>;
+export default getUser;

package/utils/getUserType.util.d.ts

@@ -0,0 +1,2 @@
+declare const getUserType: () => string[];
+export default getUserType;

package/utils/index.d.ts

@@ -0,0 +1,9 @@
+export { formatDate, formatISODate, formatDateReadable, formatUserName, getInititalName, useToast, getNestedProperyValue, checkRouteAccess, isEmptyObject, } from '.././utils';
+export { queryParamsStringfy } from './queryParamsStringfy.util';
+export { default as getSalesRole } from './getSalesRole.util';
+export { default as getStatusSeverity } from './statusSeverity.util';
+export { default as getUser } from './getUser.util';
+export { default as getUserType } from './getUserType.util';
+export { default as getProjectPermission } from './getProjectPermission.util';
+export { default as isIntersect } from './isIntersect';
+export { default as convertJsonImage } from './convertJsonImage.util';

package/utils/isIntersect.d.ts

@@ -0,0 +1,2 @@
+declare const isIntersect: (arr1: string[], arr2: string[]) => boolean;
+export default isIntersect;

package/utils/object.util.d.ts

@@ -0,0 +1,2 @@
+export declare const getNestedProperyValue: (object: object, property: string) => string | boolean | number | object;
+export declare const isEmptyObject: (obj: any) => boolean;

package/utils/queryParamsStringfy.util.d.ts

@@ -0,0 +1,7 @@
+import { QueryParams } from '.././components/datatable/DataTable.vue.d';
+import { QueryParamsStringfy } from '../types/queryParamsStringfy.type';
+/**
+ * This Function will turn all array query params to string
+ * using JSON Stringfy
+ */
+export declare const queryParamsStringfy: (data: QueryParams | undefined) => QueryParamsStringfy | undefined;

package/utils/role.util.d.ts

@@ -0,0 +1,2 @@
+import { NavigationGuardNext, RouteLocationNormalized } from 'vue-router';
+export declare const checkRouteAccess: (to: RouteLocationNormalized, from: RouteLocationNormalized, next: NavigationGuardNext) => void;

package/utils/statusSeverity.util.d.ts

@@ -0,0 +1,3 @@
+import { BadgeProps } from '.././components/badge/Badge.vue.d';
+import { WangsitStatus } from '../types/wangsStatus.type';
+export default function getStatusSeverity(status: WangsitStatus): BadgeProps['severity'];

package/utils/textFormatter.util.d.ts

@@ -0,0 +1,4 @@
+export declare const formatUserName: (name?: string) => string;
+export declare const getInititalName: (existing: string[], fullName?: string, maxLength?: number) => string;
+export declare const getInitialsByConsonant: (existingInitials: string[], fullName: string, maxLength: number) => string;
+export declare const getInitialsBy3FirstLetter: (existingInitials: string[], fullName: string, maxLength: number) => string;

package/utils/toast.util.d.ts

@@ -0,0 +1,36 @@
+import { WangsIcons } from '../components/icon/Icon.vue.d';
+export interface ToastParams {
+    message: string;
+    /**
+     * Whether the message should be prepended with the default message template.
+     */
+    customMessage?: boolean;
+    severity?: 'success' | 'error' | 'info';
+    /**
+     * @default emotion-happy-fill
+     */
+    icon?: WangsIcons;
+    iconClass?: any;
+    /**
+     * The error object from catch statement.
+     */
+    error?: unknown;
+    /**
+     * Set the duration of toast in milisecond.
+     *
+     * @default 3000 - 3s
+     */
+    life?: number;
+    group?: string;
+}
+export interface ToastMethod {
+    add(params: ToastParams): void;
+    /**
+     * Clears the messages that belongs to the group.
+     * @param {string} group - Name of the message group.
+     */
+    removeGroup(group: string): void;
+    removeAllGroups(): void;
+}
+declare const useToast: () => ToastMethod;
+export default useToast;

package/utils/translation.util.d.ts

@@ -0,0 +1,15 @@
+import { TranslateOptions } from 'vue-i18n';
+export interface I18n {
+    t: <T = string>(
+    /**
+     * @param text Text to find the variable name
+     */
+    text: string, plural?: number, options?: TranslateOptions<string>) => T;
+}
+export declare const getTranslationKey: (text: string) => string;
+/**
+ *
+ * @param text Text from Figma to be translated.
+ */
+declare const useI18n: () => I18n;
+export default useI18n;