@fewangsit/wangsvue 1.5.219-alpha.2 → 1.5.219-alpha.3

package/changelog/index.d.ts

@@ -0,0 +1,164 @@
+import { TableColumn } from '../datatable';
+import { Option } from '../dropdown';
+import { FilterField } from '../filtercontainer';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers.d';
+
+export type ChangelogTemplateColumn = { index: number; column: TableColumn };
+export type ChangelogTemplateFilter = { index: number; filter: FilterField };
+
+export type ChangelogDefaultField =
+  | 'createdAt'
+  | 'action'
+  | 'object'
+  | 'objectName'
+  | 'field'
+  | 'oldValue'
+  | 'newValue'
+  | 'modifiedBy';
+
+export type ChangelogType = {
+  _id: string;
+  action: string;
+  field: string;
+  oldValue?: string;
+  newValue?: string;
+  modifiedBy?: string;
+  object: string;
+  objectName: string;
+  createdAt: string;
+  oldValueNum?: number;
+  newValueNum?: number;
+};
+
+export type ChangelogFilter = {
+  objects?: string[];
+  field?: string[];
+  action?: string[];
+  modifiedBy?: number[];
+  createdAt?: number[];
+};
+
+export type ChangelogFilterQuery = {
+  [key: string]: string | undefined;
+};
+
+export type ChangelogOptionQuery = {
+  actionOptions?: boolean;
+  modifiedByOptions?: boolean;
+  objectOptions?: boolean;
+  fieldOptions?: boolean;
+  nameOptions?: boolean;
+  objectNameOptions?: boolean;
+  object?: string;
+  objects?: string;
+};
+
+export type ChangelogOptionFilter = {
+  actionOptions?: Option[];
+  modifiedByOptions?: Option[];
+  objectOptions?: Option[];
+  fieldOptions?: Option[];
+  nameOptions?: Option[];
+  objectNameOptions?: Option[];
+};
+
+/**
+ * Props for Changelog component
+ */
+export interface ChangelogProps {
+  /**
+   * Props to determine whether this component should using button or not
+   * For ChangelogPage
+   * @ignore
+   */
+  useButton?: boolean;
+  /**
+   * To set custom name for specific column in changelog table
+   */
+  objectNameColumn?: string;
+  /**
+   * Title content of the dialog.
+   * @example 'Changelog: Roles > Transfer'
+   */
+  header?: string | undefined;
+  /**
+   * To give additional columns in changelog table
+   */
+  additionalTemplateColumns?: ChangelogTemplateColumn[];
+  /**
+   * To give additional filters in changelog filter
+   */
+  additionalTemplateFilters?: ChangelogTemplateFilter[];
+  /**
+   * Array to determine that these columns will be hidden
+   */
+  removedColumns?: ChangelogDefaultField[];
+  /**
+   * Array to determine that these filter fields will be hidden
+   */
+  removedFilters?: Omit<ChangelogDefaultField, 'oldValue' | 'newValue'>[];
+  /**
+   * Changelog object.
+   * Note: Even if this props is mandatory, if you fill props `objects` then props `object` will not be processed in component.
+   */
+  object: string;
+  /**
+   * Changelog objects.
+   * Note: This props will override props Object
+   */
+  objects?: string[];
+  /**
+   * Changelog object ID.
+   */
+  objectId?: string;
+  /**
+   * Changelog custom params, contains stringified filter query needed.
+   */
+  customParams?: ChangelogFilterQuery;
+  /**
+   * Use this props if changelog need button download
+   * @default false
+   */
+  useButtonDownload?: boolean;
+  /**
+   * File name is a must if there's button download
+   * @default 'Changelog' only
+   */
+  fileName?: string;
+  /**
+   * Now changelog support custom table name from outside
+   */
+  tableName?: string;
+}
+
+/**
+ * Emits for Changelog component
+ */
+export type ChangelogEmits = {
+  hide: [];
+};
+
+/**
+ * **WangsVue - Changelog**
+ *
+ * _Changelog is a component for to show changelog dialog.
+ * You need to install vee-validate while using this component._
+ *
+ * --- ---
+ * ![WangsVue](https://www.wangs.id/wp-content/uploads/2023/12/cropped-Logo_Wangsid-removebg-preview-192x192.png)
+ *
+ * @group components
+ */
+declare class Changelog extends ClassComponent<
+  ChangelogProps,
+  unknown,
+  ChangelogEmits
+> {}
+
+declare module '@vue/runtime-core' {
+  interface GlobalComponents {
+    Changelog: GlobalComponentConstructor<Changelog>;
+  }
+}
+
+export default Changelog;

package/changelogpage/index.d.ts

@@ -0,0 +1,184 @@
+import { Option } from '../dropdown';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers.d';
+
+import {
+  ChangelogDefaultField,
+  ChangelogTemplateColumn,
+  ChangelogTemplateFilter,
+} from '../changelog';
+
+export type ChangelogType = {
+  _id: string;
+  action: string;
+  field: string;
+  oldValue?: string;
+  newValue?: string;
+  modifiedBy?: string;
+  object: string;
+  objectName: string;
+  createdAt: string;
+  oldValueNum?: number;
+  newValueNum?: number;
+};
+
+export type ChangelogFilter = {
+  objects?: string[];
+  field?: string[];
+  action?: string[];
+  modifiedBy?: number[];
+  createdAt?: number[];
+};
+
+export type ChangelogFilterQuery = {
+  [key: string]: string | undefined;
+};
+
+export type ChangelogOptionQuery = {
+  actionOptions?: boolean;
+  modifiedByOptions?: boolean;
+  objectOptions?: boolean;
+  fieldOptions?: boolean;
+  nameOptions?: boolean;
+  objectNameOptions?: boolean;
+  object?: string;
+  objects?: string;
+  moduleId?: string;
+  subModuleId?: string;
+};
+
+export type ChangelogOptionFilter = {
+  actionOptions?: Option[];
+  modifiedByOptions?: Option[];
+  objectOptions?: Option[];
+  fieldOptions?: Option[];
+  nameOptions?: Option[];
+  objectNameOptions?: Option[];
+};
+
+/**
+ * Props for Changelog component
+ */
+export interface BaseChangelogPageProps {
+  /**
+   * Note: Dont use this props since it's just for changelog dialog purpose
+   * @ignore
+   */
+  isDialog?: boolean;
+  /**
+   * To give additional columns in changelog table
+   */
+  additionalTemplateColumns?: ChangelogTemplateColumn[];
+  /**
+   * To give additional filters in changelog filter
+   */
+  additionalTemplateFilters?: ChangelogTemplateFilter[];
+  /**
+   * Array to determine that these columns will be hidden
+   */
+  removedColumns?: ChangelogDefaultField[];
+  /**
+   * Array to determine that these filter fields will be hidden
+   */
+  removedFilters?: Omit<ChangelogDefaultField, 'oldValue' | 'newValue'>[];
+  /**
+   * To set custom name for specific column in changelog table
+   */
+  objectNameColumn?: string;
+  /**
+   * Title content of the dialog.
+   */
+  header?: string | undefined;
+  /**
+   * Changelog module Id.
+   */
+  moduleId?: string;
+  /**
+   * Changelog sub module Id.
+   */
+  subModuleId?: string;
+  /**
+   * Changelog object.
+   * Note: Even if this props is mandatory, if you fill props `objects` then props `object` will not be processed in component.
+   * @description If changelog using moduleId or subModuleId, just fill props object with any string (will not be used)
+   */
+  object: string;
+  /**
+   * Changelog objects.
+   * Note: This props will override props Object
+   */
+  objects?: string[];
+  /**
+   * Changelog object ID.
+   */
+  objectId?: string;
+  /**
+   * Changelog custom params, contains stringified filter query needed.
+   */
+  defaultParamsQuery?: ChangelogFilterQuery;
+  /**
+   * Changelog custom params, contains stringified filter query needed.
+   */
+  customParams?: ChangelogFilterQuery;
+  /**
+   * Now changelog support custom table name from outside
+   */
+  tableName?: string;
+}
+
+export interface ButtonDownloadTrue extends BaseChangelogPageProps {
+  /**
+   * Use this props if changelog need button download
+   */
+  useButtonDownload: true;
+  /**
+   * File name is a must if there's button download
+   * @default 'Changelog' only
+   */
+  fileName: string;
+}
+
+export interface ButtonDownloadFalse extends BaseChangelogPageProps {
+  /**
+   * Use this props if changelog need button download
+   */
+  useButtonDownload: false;
+  /**
+   * File name is a must if there's button download
+   * @default 'Changelog' only
+   */
+  fileName?: string;
+}
+
+export type ChangelogPageProps = ButtonDownloadFalse | ButtonDownloadTrue;
+
+/**
+ * Emits for Changelog component
+ */
+export type ChangelogPageEmits = {
+  hide: [];
+};
+
+/**
+ * **WangsVue - Changelog**
+ *
+ * _Changelog is a component for to show changelog dialog.
+ * You need to install vee-validate while using this component._
+ *
+ * --- ---
+ * ![WangsVue](https://www.wangs.id/wp-content/uploads/2023/12/cropped-Logo_Wangsid-removebg-preview-192x192.png)
+ *
+ * @group components
+ */
+declare class ChangelogPage extends ClassComponent<
+  ChangelogPageProps,
+  unknown,
+  ChangelogPageEmits
+> {}
+
+declare module '@vue/runtime-core' {
+  interface GlobalComponents {
+    Changelog: GlobalComponentConstructor<ChangelogPage>;
+  }
+}
+
+export default ChangelogPage;

package/comment/index.d.ts

@@ -0,0 +1,187 @@
+import { JSONContent } from '@tiptap/vue-3';
+
+import { QueryParams } from '../datatable';
+import { GetMentionSuggestionResponse } from '../editor';
+import { ClassComponent } from '../ts-helpers.d';
+
+export interface CommentProps {
+  /**
+   * Current Login User Account.
+   */
+  user: User;
+  /**
+   * Unique Id from detail page
+   */
+  objectId: string;
+  /**
+   * Type Of Comment where you use it
+   */
+  commentType: CommentType;
+  /**
+   * To determine all of comments position based on input field
+   *
+   * @default below
+   */
+  commentPosition?: 'above' | 'below';
+  /**
+   * To determine whether using reactions or not
+   * @default true
+   */
+  useReactions?: boolean;
+  /**
+   * To determine whether using replies or not
+   * @default true
+   */
+  useReplies?: boolean;
+  /**
+   * To determine whether each comment should display time stamp or not
+   * @default true
+   */
+  useTimeStamp?: boolean;
+  /**
+   * To determine whether component comment should use external services or not
+   * @default false
+   */
+  useExternalServices?: boolean;
+  /**
+   * To pass comments data from external services
+   */
+  data?: GetCommentsResponse;
+  /**
+   * Mention Section or String to highlight where you really comment
+   */
+  mentionSection?: (cb: MentionSectionFunc) => void;
+  /**
+   * Query Params Comment for search, etc
+   */
+  search?: string;
+}
+
+export type MentionSectionFunc = (titleText: string) => void;
+
+export interface PostCommentsBody {
+  objectId: string;
+  replyToId?: string;
+  mentions?: string[];
+  type: CommentType;
+  content: JSONContent | object;
+}
+
+export interface PostCommentsReactionBody {
+  emoji: string;
+}
+
+export interface PostCommentsUploadBody {
+  images: File[];
+}
+
+export interface GetCommentsResponse<T = CommentData> {
+  status: number;
+  message: string;
+  data: T[];
+}
+
+export interface CommentsQueryParams extends QueryParams {
+  search: string;
+}
+
+export type CommentType =
+  | 'ticket'
+  | 'task'
+  | 'module'
+  | 'sub-module'
+  | 'pbi'
+  | 'prd'
+  | 'component';
+
+export interface Reaction {
+  count: number;
+  emoji: string;
+  users: User[];
+}
+
+export interface User {
+  _id: string;
+  name: string;
+  profilePicture: string;
+}
+
+export interface CommentData {
+  _id: string;
+  replyToId: string;
+  type: CommentType;
+  objectId: string;
+  sender: Sender;
+  reactions: Reaction[];
+  replies: CommentData[];
+  content: JSONContent;
+  createdAt: string;
+  editedAt?: string | null;
+}
+
+export interface PostCommentsUploadResponse {
+  status: number;
+  message: string;
+  data: string[];
+}
+
+export interface PutCommentsByIdBody {
+  content: JSONContent;
+}
+
+export interface Sender {
+  _id: string;
+  name: string;
+  profilePicture: string;
+}
+
+export interface NewCommentResponse extends CommentData {
+  replyToId: string;
+}
+
+export interface UpdatedCommentReponse {
+  _id: string;
+  content: JSONContent;
+}
+
+export interface PostCommentsReactionsByCommentIdBody {
+  emoji: string;
+}
+
+export interface CommentsMentionQueryParams extends QueryParams {
+  objectID: string;
+  type: CommentType;
+  search?: string;
+}
+
+export interface CommentsReactionResponse {
+  _id: string;
+  reactions: Reaction[];
+}
+
+export interface CommentBlockProps extends CommentData {
+  commentType: CommentType;
+  user: User;
+  /**
+   * To determine whether using reactions or not
+   * @default true
+   */
+  useReactions?: boolean;
+  /**
+   * To determine whether using replies or not
+   * @default true
+   */
+  useReplies?: boolean;
+  /**
+   * To determine whether each comment should display time stamp or not
+   * @default true
+   */
+  useTimeStamp?: boolean;
+  fetchMentionSuggestionFunction?: () => Promise<
+    GetMentionSuggestionResponse | undefined
+  >;
+}
+
+declare class Comment extends ClassComponent<CommentProps, any, any> {}
+
+export default Comment;

package/components.d.ts

@@ -57,3 +57,24 @@ export { default as Tree } from './tree';
 export { default as UserGroup } from './usergroup';
 export { default as UserName } from './username';
 export { default as ValidatorMessage } from './validatormessage';
+
+export { default as Badge } from './badge';
+export { default as Changelog } from './changelog';
+export { default as ChangelogPage } from './changelogpage';
+export { default as Comment } from './comment';
+export { default as DetailMember } from './detailmember';
+export { default as DetailSprint } from './detailsprint';
+export { default as DialogAdjustmentTask } from './dialogadjustmenttask';
+export { default as DialogDetailComponent } from './dialogdetailcomponent';
+export { default as DialogDetailPbi } from './dialogdetailpbi';
+export { default as DialogImprovementTask } from './dialogimprovementtask';
+export { default as DialogPreparePbi } from './dialogpreparepbi';
+export { default as DialogReportBug } from './dialogreportbug';
+export { default as InputInitialName } from './inputinitialname';
+export { default as InputRepositoryName } from './inputrepositoryname';
+export { default as NotificationItem } from './notificationitem';
+export { default as SummaryAccordion } from './summaryaccordion';
+export { default as TaskDetail } from './taskdetail';
+export { default as TaskDetailPbi } from './taskdetailpbi';
+export { default as TaskTable } from './tasktable';
+export { default as WorkCalendar } from './workcalendar';

package/detailmember/index.d.ts

@@ -0,0 +1,77 @@
+import { ClassComponent } from '../ts-helpers.d';
+
+export type Role = {
+  _id: string;
+  name: string;
+  objectName: string;
+  description: string;
+  createdAt: string;
+  updatedAt: string;
+  totalMembers: number;
+  modifiedBy?: User;
+};
+
+export interface RoleMemberPatch {
+  create?: boolean;
+  read?: boolean;
+  update?: boolean;
+  delete?: boolean;
+  isActive?: boolean;
+}
+
+export type MemberAdminRole = {
+  _id: string;
+  role: Pick<Role, '_id' | 'name'>;
+  isActive: boolean;
+};
+
+type ModuleProgress = {
+  completedModules: number;
+  totalModules: number;
+  percentage: number;
+};
+
+type TaskProgress = {
+  completedTasks: number;
+  totalTasks: number;
+  percentage: number;
+};
+
+export type ProjectLeaders = {
+  _id: string;
+  name: string;
+  createdAt: string;
+  projectManager: Pick<User, '_id' | 'nickName' | 'profilePicture'>[];
+  moduleProgress: ModuleProgress;
+  taskProgress: TaskProgress;
+  totalTeams: number;
+  totalMembers: number;
+};
+
+export interface DetailMemberProps {
+  /**
+   * The index of the detail shown
+   */
+  activeIndex: number;
+  /**
+   * ID of the member
+   */
+  memberId: string;
+  /**
+   * Access to member modification
+   */
+  access?: {
+    create: boolean;
+    read: boolean;
+    update: boolean;
+    delete: boolean;
+  };
+}
+
+declare class DetailMember extends ClassComponent<
+  DetailMemberProps,
+  unknown,
+  unknown
+> {}
+
+export default DetailMember;

package/detailsprint/index.d.ts

@@ -0,0 +1,86 @@
+import { ClassComponent } from '../ts-helpers.d';
+
+import { Pbi } from '../dialogdetailpbi';
+
+export type SprintSummary = {
+  membersDetails: SummaryMemberDetail[];
+  remainingTasks: number;
+  finishedTasks: number;
+  date: string;
+};
+
+type SummaryMemberDetail = {
+  taskProgress: string;
+  _id?: string;
+  nickName?: string;
+};
+
+export type SprintStatus =
+  | 'Backlog'
+  | 'Waiting for Approval'
+  | 'Ready to Sprint'
+  | 'Sprint'
+  | 'Selesai';
+
+export type Sprint = {
+  _id: string;
+  sprintNumber: number;
+  status: SprintStatus;
+  totalProductBacklogItems: number;
+  totalTasks?: number;
+  progressTasks?: string;
+  sprintInterval: string;
+  startAt: number;
+  finishedAt: number;
+  isNeedApproval: boolean;
+};
+
+export type SprintDetail = Omit<Sprint, 'finishedAt'> & {
+  finishAt: number;
+  sprintInterval: number;
+  sprintIntervalUnit: string;
+  productBacklogItems: Pick<Pbi, '_id' | 'name' | 'status'>[];
+};
+
+export interface PbiOptions {
+  sprint?: boolean;
+  editedBy?: boolean;
+}
+
+export interface IntervalPut {
+  period: number;
+  periodUnit: string;
+}
+
+export interface DetailSprintProps {
+  /**
+   * ID of sprint to display
+   */
+  sprintId: string;
+  /**
+   * Project detail, used to determine whether the current user is a PM or not
+   */
+  project?: Project;
+  /**
+   * Whether the sprint is being approved or not
+   *
+   * @default false
+   */
+  isApproving?: boolean;
+  /**
+   * ID of sprint's approval
+   */
+  approvalId?: string;
+}
+
+export type DetailSprintEmits = {
+  approveAndRejectApprovalResponse: [isApprove: boolean, isSuccess: boolean];
+};
+
+declare class DetailSprint extends ClassComponent<
+  DetailSprintProps,
+  unknown,
+  DetailSprintEmits
+> {}
+
+export default DetailSprint;