@fewangsit/wangsvue 1.5.178

package/components/dialogconfirm/DialogConfirm.vue.d.ts

@@ -0,0 +1,136 @@
+import { Slot } from 'vue';
+import { WangsIcons } from '../icon/Icon.vue.d';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
+
+
+type ConfirmDialogSeverity = 'success' | 'danger';
+
+/**
+ * Props for DialogConfirm component
+ */
+export interface DialogConfirmProps {
+  /**
+   * The header of the dialog.
+   */
+  header: string;
+  /**
+   * The severity of the dialog.
+   * The severity will determine the dialog icons and color scheme.
+   */
+  severity: ConfirmDialogSeverity;
+  /**
+   * The boolean modelValue to show dialog.
+   */
+  visible: boolean;
+
+  /**
+   * Determines if the dialog should close after confirm.
+   * @default true
+   */
+  closeAfterConfirm?: boolean;
+  /**
+   * The label of the close/cancel button.
+   */
+  closeLabel?: string;
+  /**
+   * To hide/show the confirm button.
+   *
+   * Set to 'false' Make the confirm dialog cannot be confirmed.
+   *
+   * @default true;
+   */
+  actionable?: boolean;
+  /**
+   * The label of the confirm button.
+   * @default 'Yes, Continue'
+   */
+  confirmLabel?: string;
+  /**
+   * Custom header icon. Default is 'error' icon for danger severity, and 'checkbox-circle' for success severity.
+   */
+  headerIcon?: WangsIcons;
+  /**
+   * The lists to be displayed in the dialog.
+   */
+  list?: (string | object)[] | Set<string | object>;
+  /**
+   * The label of the list if your list item is an object.
+   * Choose a property from the item to be displayed on the list.
+   */
+  listLabel?: string;
+  /**
+   * The confirmation message.
+   */
+  message?: string;
+  /**
+   * Whether show icon header or not.
+   * @default true;
+   */
+  showIcon?: boolean;
+  /**
+   * Whether show close button or not (footer button that has label, not close button with icon 'X').
+   * @default true;
+   */
+  showCloseButton?: boolean;
+}
+
+/**
+ * Slots for DialogConfirm component
+ */
+export interface DialogConfirmSlots {
+  /**
+   * The body slot for the dialog. Here is where you can put your dialog body.
+   */
+  body?: Slot | string;
+  /**
+   * The footer slot for the dialog. Here is where you can put your dialog footer.
+   * Use this slot if you need to custom the dialog buttons.
+   */
+  footer?: Slot | string;
+}
+
+/**
+ * Emits for DialogConfirm component
+ */
+export type DialogConfirmEmits = {
+  /**
+   * Emits when close button clicked.
+   */
+  'close': [];
+  /**
+   * Emits when Confirm button clicked.
+   */
+  'confirm': [];
+  /**
+   * Emits when dialog closed.
+   */
+  'hide': [];
+  /**
+   * Emits when the dialog is closed. Wether from cancel button, close button, or ESC button pressed.
+   */
+  'update:visible': [state: boolean];
+};
+
+/**
+ * **WangsVue - DialogConfirm**
+ *
+ * _DialogConfirm is a component for creating confirmation dialogs._
+ *
+ * --- ---
+ * ![WangsVue](https://www.wangs.id/wp-content/uploads/2023/12/cropped-Logo_Wangsid-removebg-preview-192x192.png)
+ *
+ * @group components
+ */
+declare class DialogConfirm extends ClassComponent<
+  DialogConfirmProps,
+  DialogConfirmSlots,
+  DialogConfirmEmits
+> {}
+
+declare module '@vue/runtime-core' {
+  interface GlobalComponents {
+    DialogConfirm: GlobalComponentConstructor<DialogConfirm>;
+  }
+}
+
+export default DialogConfirm;

package/components/dialogdetailpbi/AssignMember.vue.d.ts

@@ -0,0 +1,23 @@
+import { Pbi } from './DialogDetailPbi.vue.d';
+import { Project } from '../../types/project.type';
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToOption<{
+    pbiBody?: Pbi;
+    project?: Project;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    add: (args_0?: void) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<{
+    pbiBody?: Pbi;
+    project?: Project;
+}>>> & {
+    onAdd?: (args_0?: void) => any;
+}, {}, {}>;
+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/dialogdetailpbi/DialogDetailPbi.vue.d.ts

@@ -0,0 +1,120 @@
+import { JSONContent } from '../.././components/editor/Editor.vue.d';
+import { ClassComponent } from '../.././components/ts-helpers';
+import { Project, Teams } from '../../types/project.type';
+import { User } from '../../types/user.type';
+
+
+type PbiCategory = 'Fitur' | 'Bug' | 'Performance & Security' | 'Dokumentasi';
+
+type PbiStatus =
+  | 'Backlog'
+  | 'Overdue'
+  | 'Reported Bug'
+  | 'Sprint'
+  | 'Pending Testing'
+  | 'Selesai';
+
+type Platform = 'Web' | 'Mobile';
+
+export type Pbi = {
+  _id: string;
+  name: string;
+  sprint?: {
+    _id: string;
+    key: number;
+  } | null;
+  category: PbiCategory;
+  status: PbiStatus;
+  totalTask?: number;
+  estimateDuration?: string;
+  duration?: string;
+  iteration?: number;
+  editedBy: Partial<Pick<User, '_id' | 'nickName'> & { imageUrl: string }>;
+  createdBy: {
+    _id: string;
+    teams: Teams[];
+  };
+  createdAt: string;
+  lastModified?: string;
+  finishedAt?: string;
+  description?: JSONContent;
+  isMemberAssigned: boolean;
+  platform: Platform;
+  totalBug?: number;
+};
+
+export type TaskStatus =
+  | 'Waiting Approval'
+  | 'Backlog'
+  | 'Sprint'
+  | 'Pending Review Leader'
+  | 'Reported Bug'
+  | 'Fixing Bug'
+  | 'Penyesuaian'
+  | 'Selesai';
+
+export interface TaskOptions {
+  project?: string;
+  module?: string;
+  subModule?: string;
+  pbi?: string;
+  excludePbi?: string;
+  status?: string;
+  member?: string;
+  memberOptions?: boolean;
+  projectOptions?: boolean;
+  moduleOptions?: boolean;
+  taskOptions?: boolean;
+  subModuleOptions?: boolean;
+  processOptions?: boolean;
+}
+
+export type AssignedMember = Pick<User, '_id' | 'key' | 'nickName'> & {
+  imageUrl: string;
+  progress: string;
+  team: Teams;
+  tasks?: {
+    _id: string;
+    status: string;
+  }[];
+};
+
+export interface AssignedMemberOptions {
+  member?: boolean;
+  team?: boolean;
+}
+
+export interface DialogDetailPbiProps {
+  /**
+   * The boolean modelValue to show dialog.
+   */
+  visible: boolean;
+  /**
+   * PBI data to display on the dialog
+   */
+  selectedPbi?: Pbi;
+  /**
+   * Project detail, used to determine whether the current user is a PM or not
+   */
+  project?: Project;
+  /**
+   * Whether the PBI can be edited or not
+   *
+   * @default true
+   */
+  editable?: boolean;
+  /**
+   * Whether the current user is a QC or not
+   *
+   * @default false
+   */
+  isQc?: boolean;
+}
+
+declare class DialogDetailPbi extends ClassComponent<
+  DialogDetailPbiProps,
+  unknown,
+  unknown
+> {}
+
+export default DialogDetailPbi;

package/components/dialogdetailpbi/TaskDetailPbi.vue.d.ts

@@ -0,0 +1,29 @@
+import { ClassComponent } from '../.././components/ts-helpers';
+import { Project } from '../../types/project.type';
+import { Pbi } from './DialogDetailPbi.vue.d';
+
+
+export interface TaskDetailPbiProps {
+  /**
+   * PBI data to display on the dialog
+   */
+  selectedPbi?: Pbi;
+  /**
+   * Project detail, used to determine whether the current user is a PM or not
+   */
+  project?: Project;
+  /**
+   * Whether the PBI can be edited or not
+   *
+   * @default true
+   */
+  editable?: boolean;
+}
+
+declare class TaskDetailPbi extends ClassComponent<
+  TaskDetailPbiProps,
+  unknown,
+  unknown
+> {}
+
+export default TaskDetailPbi;

package/components/dialogdetailpbi/TaskDetailUnassignedPbi.vue.d.ts

@@ -0,0 +1,23 @@
+import { AssignedMember, Pbi } from './DialogDetailPbi.vue.d';
+declare let __VLS_typeProps: {
+    selectedPbi?: Pbi;
+    assignedMembers?: AssignedMember[];
+};
+type __VLS_PublicProps = {
+    'visible': boolean;
+} & typeof __VLS_typeProps;
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToOption<__VLS_PublicProps>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:visible": (visible: boolean) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<__VLS_PublicProps>>> & {
+    "onUpdate:visible"?: (visible: boolean) => any;
+}, {}, {}>;
+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/dialogdetailpbi/options/memberFilterFields.d.ts

@@ -0,0 +1,2 @@
+import { FilterField } from '../../.././components/filtercontainer/FilterContainer.vue.d';
+export declare const filterFieldsMember: (projectId: string, pbiId: string, isAssign: boolean, isDocumentation: boolean) => FilterField[];

package/components/dialogdetailpbi/options/taskQuickFilterFields.d.ts

@@ -0,0 +1,3 @@
+import { FilterField } from '../../.././components/filtercontainer/FilterContainer.vue.d';
+declare const filterFields: (projectId: string, pbiId?: string) => FilterField[];
+export default filterFields;

package/components/dialogform/DialogForm.vue.d.ts

@@ -0,0 +1,256 @@
+import { GenericObject } from 'vee-validate';
+import { Slot } from 'vue';
+import { FormPayload, FormProps } from '../form/Form.vue.d';
+import { WangsIcons } from '../icon/Icon.vue.d';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
+
+
+export type DialogFormValue =
+  | string
+  | string[]
+  | number
+  | number[]
+  | boolean
+  | boolean[]
+  | Record<string, unknown>
+  | Record<string, unknown>[];
+
+/**
+ * Generic form payload, able to receive types from outside
+ */
+export type DialogFormPayload<
+  FormValuesType = Record<string, DialogFormValue>,
+> = {
+  stayAfterSubmit: boolean;
+  formValues: FormValuesType;
+};
+
+/**
+ * Props for DialogForm component
+ */
+export interface DialogFormProps extends FormProps {
+  /**
+   * The template for form buttons.
+   */
+  buttonsTemplate: ('clear' | 'submit' | 'cancel')[];
+  /**
+   * The dialog header.
+   */
+  header: string;
+  /**
+   * Value binding to show/hide the dialog.
+   */
+  visible: boolean;
+
+  /**
+   * Determine the button label for form.
+   */
+  actionLabel?: string;
+  /**
+   * With in pixel
+   *
+   * @default 260
+   */
+  asideRightWidth?: number;
+  class?: string | string[];
+  /**
+   * Custom button cancel label.
+   */
+  cancelBtnLabel?: string;
+  /**
+   * Custom button clear label.
+   */
+  clearBtnLabel?: string;
+  /**
+   * Wether show the Close icon or not.
+   */
+  closable?: boolean;
+  /**
+   * Close dialog after form validated and submitted.
+   *
+   * @default true
+   */
+  closeOnSubmit?: boolean;
+  /**
+   * @deprecated
+   */
+  contentClass?: string | string[];
+  /**
+   * Show Date time on header.
+   */
+  dateHeader?: string;
+  /**
+   * Set the header icon left beside of the title.
+   */
+  headerIcon?: WangsIcons;
+  /**
+   * Sets the invalid state.
+   *
+   * @default false
+   */
+  invalid?: boolean;
+  /**
+   * Prevent form resets after submitted. Default is resetted.
+   *
+   * @default true
+   */
+  resetAfterSubmit?: boolean;
+  /**
+   * The severity of the dialog.
+   * The severity will determine the dialog icons and color scheme.
+   */
+  severity?: 'success' | 'danger' | 'primary';
+  /**
+   * Show or hide the checkbox 'Stay after submit.'
+   *
+   * @default true - if the action is submit.
+   * @default false - if the action is save.
+   */
+  showStayCheckbox?: boolean;
+  /**
+   * Custom label for stay checkbox.
+   */
+  stayCheckboxLabel?: string;
+  /**
+   * Custom button submit label.
+   */
+  submitBtnLabel?: string;
+  /**
+   * Define the invalid message to be shown on invalid state above the Form submit button.
+   *
+   * @default undefined
+   */
+  validatorMessage?: string;
+  /**
+   * Additional validation function.
+   * Within this this function, you need to set the invalid props value.
+   *
+   * If after executing this function the props invalid is true, the form will not be submitted.
+   * Otherwise, 'submit' event will be emitted.
+   */
+  validationFunction?: () => void | Promise<void>;
+  /**
+   * Set the dialog size.
+   *
+   * - small: 400px
+   * - medium: 500px
+   * - large: 572px
+   * - semi-xlarge: 600px
+   * - xlarge: 800px
+   *
+   * @default 'small';
+   */
+  width?: 'small' | 'medium' | 'large' | 'semi-xlarge' | 'xlarge';
+}
+
+export interface ConfirmSlots {
+  /**
+   * The Visible state.
+   */
+  visible: boolean;
+  /**
+   * Hide the confirm dialog.
+   */
+  hide: () => void;
+  /**
+   * The submit function to be called after confirmation.
+   */
+  submit: (submitFn: (value: FormPayload) => Promise<void> | void) => void;
+}
+
+export interface ActionSlots {
+  /**
+   * The submit function to be called after confirmation.
+   */
+  submit: (submitFn: () => Promise<void> | void) => void;
+}
+
+/**
+ * Slots for DialogForm component
+ */
+export interface DialogFormSlots {
+  /**
+   * Slot for action buttons.
+   */
+  'actionButtons': Slot<ActionSlots>;
+  /**
+   * Slot for aside right expansion.
+   */
+  'aside-right': Slot;
+  /**
+   * Slot for dialog confirm.
+   */
+  'confirm': Slot<ConfirmSlots>;
+  /**
+   * The fields slot for the Dialogform. Here is where you can put your Dialogform fields.
+   */
+  'fields': Slot<{ formValues: GenericObject; key?: number }>;
+  /**
+   * Slot for dialog header.
+   */
+  'header': Slot;
+}
+
+/**
+ * Emits for DialogForm component
+ */
+export type DialogFormEmits = {
+  /**
+   * Emits when 'Clear Field' button clicked.
+   */
+  'clear': [];
+  /**
+   * When dialog is closed by close button.
+   */
+  'close': [];
+  /**
+   * Callback to invoke when dialog is hidden.
+   */
+  'hide': [];
+  /**
+   * Callback to invoke when dialog is shown.
+   */
+  'show': [];
+  /**
+   * Emits when the form validation succes and props.invalid is 'false'.
+   */
+  'submit': [values: DialogFormPayload];
+  /**
+   * When dialog is closed.
+   */
+  'update:visible': [state: boolean];
+};
+
+/**
+ * **WangsVue - DialogForm**
+ *
+ * _DialogForm is combination of Form and Dialog. Handles validation on submit using vee-validate.
+ * 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 DialogForm extends ClassComponent<
+  DialogFormProps,
+  DialogFormSlots,
+  DialogFormEmits
+> {
+  /**
+   * Exposed function to clears the form fields.
+   */
+  clearField: () => void;
+  /**
+   * The ref of form element.
+   */
+  form: HTMLFormElement;
+}
+
+declare module '@vue/runtime-core' {
+  interface GlobalComponents {
+    DialogForm: GlobalComponentConstructor<DialogForm>;
+  }
+}
+
+export default DialogForm;

package/components/dialogimprovementtask/DialogImprovementTask.vue.d.ts

@@ -0,0 +1,24 @@
+import { ClassComponent } from '../.././components/ts-helpers';
+
+
+export interface DialogImprovementTaskProps {
+  projectId: string | undefined;
+  taskId: string | undefined;
+  notificationId: string | undefined;
+}
+
+export type DialogImprovementTaskEmits = {
+  /**
+   * Emits when the notification is read and
+   * the dialog is closed
+   */
+  close: [id: string];
+};
+
+declare class DialogImprovementTask extends ClassComponent<
+  DialogImprovementTaskProps,
+  unknown,
+  DialogImprovementTaskEmits
+> {}
+
+export default DialogImprovementTask;

package/components/dialogreportbug/DialogReportBug.vue.d.ts

@@ -0,0 +1,25 @@
+declare let __VLS_typeProps: {
+    header?: string;
+};
+type __VLS_PublicProps = {
+    'visible'?: boolean;
+} & typeof __VLS_typeProps;
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToOption<__VLS_PublicProps>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:visible": (visible: boolean) => void;
+    close: () => void;
+    submit: (note?: string) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<__VLS_PublicProps>>> & {
+    onSubmit?: (note?: string) => any;
+    "onUpdate:visible"?: (visible: boolean) => any;
+    onClose?: () => any;
+}, {}, {}>;
+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/dialogreportbug/imageData.json.d.ts

@@ -0,0 +1,28 @@
+declare const _default: [
+    {
+        "title": "Console.png",
+        "date": "21 Maret 2024 15:00",
+        "size": "129.46 KB",
+        "imgUrl": "https://i.ibb.co.com/wzph22v/Console.jpg"
+    },
+    {
+        "title": "Network-Headers.png",
+        "date": "21 Maret 2024 15:00",
+        "size": "129.46 KB",
+        "imgUrl": "https://i.ibb.co.com/wwGYhYK/Network-Headers.jpg"
+    },
+    {
+        "title": "Network-Payload.png",
+        "date": "21 Maret 2024 15:00",
+        "size": "129.46 KB",
+        "imgUrl": "https://i.ibb.co.com/RysBDVj/Network-Payload.jpg"
+    },
+    {
+        "title": "Network-Response.png",
+        "date": "21 Maret 2024 15:00",
+        "size": "129.46 KB",
+        "imgUrl": "https://i.ibb.co.com/XzYV6hh/Network-Response.jpg"
+    }
+];
+
+export default _default;