@fewangsit/wangsvue 1.5.178

package/components/notificationitem/NotificationItem.vue.d.ts

@@ -0,0 +1,108 @@
+import { StatusSeverity } from '../../types/wangsStatus.type';
+import { ClassComponent } from '../.././components/ts-helpers';
+import { WangsIcons } from '../.././components/icon/Icon.vue.d';
+
+
+export type GetNotificationParam = {
+  isRead?: boolean;
+  isActioned?: boolean;
+  sortBy?: string;
+  sortOrder?: number;
+  limit?: number;
+  page?: number;
+  search?: string;
+  module?: string;
+};
+
+export type NotificationItemType = {
+  _id: string;
+  user: string;
+  title: string;
+  detail: string;
+  category: WangsIcons | 'barricade' | 'bug' | 'delete';
+  isManager?: boolean;
+  isRead: boolean;
+  isActioned: boolean;
+  isReadOnly: boolean;
+  module:
+    | 'Account Member'
+    | 'Project'
+    | 'API & Server '
+    | 'Comment'
+    | 'Sub Module Deployment'
+    | 'Request Approval'
+    | 'Waiting for Approval'
+    | 'Quality Control'
+    | 'Quality Control PBI'
+    | 'PBI'
+    | 'Sprint'
+    | 'Improvement'
+    | 'Task Improvement';
+  severity: StatusSeverity;
+  type?:
+    | 'Task Baru'
+    | 'Hapus Ceklis'
+    | 'Uncheck Ceklis'
+    | 'Penyesuaian'
+    | 'Sprint'
+    | null;
+  data?: {
+    description?: string;
+    projectId?: string;
+    sprintId?: string;
+    pbiId?: string;
+    moduleId?: string;
+    subModuleId?: string;
+    taskId?: string;
+    ticketId?: string;
+    platform?: string;
+    user?: {
+      _id: string;
+      nickName: string;
+    };
+  };
+  createdAt: string;
+  updatedAt: string;
+};
+
+export interface NotificationItemProps {
+  /**
+   * The notification item to show
+   */
+  notification: NotificationItemType;
+  /**
+   * Whether the length of the container is long or not
+   */
+  longNotif?: boolean;
+}
+
+export type NotificationItemEmits = {
+  /**
+   * Emits when a notification is read
+   */
+  read: [id: string];
+  /**
+   * Emits when a notification should open a task detail dialog
+   */
+  openTask: [taskId?: string, projectId?: string];
+  /**
+   * Emits when a notification should open a task improvement dialog
+   */
+  openTaskImprovement: [
+    taskId?: string,
+    projectId?: string,
+    notificationId?: string,
+  ];
+  /**
+   * Emits when the notification container should be closed
+   */
+  close: [];
+};
+
+declare class NotificationItem extends ClassComponent<
+  NotificationItemProps,
+  unknown,
+  NotificationItemEmits
+> {}
+
+export default NotificationItem;

package/components/notificationitem/helpers/goToDetail.helper.d.ts

@@ -0,0 +1,6 @@
+import { NotificationItemType } from '../NotificationItem.vue.d';
+export declare const goToAccountMember: (notification: NotificationItemType) => void;
+export declare const goToQC: (notification: NotificationItemType) => void;
+export declare const goToApproval: (notification: NotificationItemType) => void;
+export declare const goToProject: (notification: NotificationItemType) => boolean;
+export declare const goToProjectList: (notification: NotificationItemType) => void;

package/components/overlaypanel/OverlayPanel.vue.d.ts

@@ -0,0 +1,292 @@
+import { TransitionProps, VNode } from 'vue';
+import { ComponentHooks } from '../basecomponent';
+import { PassThroughOptions } from '../passthrough';
+import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers';
+
+
+export declare type OverlayPanelPassThroughOptionType =
+  | OverlayPanelPassThroughAttributes
+  | ((
+      options: OverlayPanelPassThroughMethodOptions,
+    ) => OverlayPanelPassThroughAttributes | string)
+  | string
+  | null
+  | undefined;
+
+export declare type OverlayPanelPassThroughTransitionType =
+  | TransitionProps
+  | ((options: OverlayPanelPassThroughMethodOptions) => TransitionProps)
+  | undefined;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface OverlayPanelPassThroughMethodOptions {
+  /**
+   * Defines instance.
+   */
+  instance: any;
+  /**
+   * Defines valid properties.
+   */
+  props: OverlayPanelProps;
+  /**
+   * Defines current inline state.
+   */
+  state: OverlayPanelState;
+  /**
+   * 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 OverlayPanelProps.pt}
+ */
+export interface OverlayPanelPassThroughOptions {
+  /**
+   * Used to pass attributes to the root's DOM element.
+   */
+  root?: OverlayPanelPassThroughOptionType;
+  /**
+   * Used to pass attributes to the content's DOM element.
+   */
+  content?: OverlayPanelPassThroughOptionType;
+  /**
+   * Used to pass attributes to the close button's DOM element.
+   */
+  closeButton?: OverlayPanelPassThroughOptionType;
+  /**
+   * Used to pass attributes to the close icon's DOM element.
+   */
+  closeIcon?: OverlayPanelPassThroughOptionType;
+  /**
+   * Used to manage all lifecycle hooks.
+   * @see {@link BaseComponent.ComponentHooks}
+   */
+  hooks?: ComponentHooks;
+  /**
+   * Used to control Vue Transition API.
+   */
+  transition?: OverlayPanelPassThroughTransitionType;
+}
+
+/**
+ * Custom passthrough attributes for each DOM elements
+ */
+export interface OverlayPanelPassThroughAttributes {
+  [key: string]: any;
+}
+
+/**
+ * Defines current inline state in OverlayPanel component.
+ */
+export interface OverlayPanelState {
+  /**
+   * Current visible state as a boolean.
+   * @defaultValue false
+   */
+  visible: boolean;
+}
+
+/**
+ * OverlayPanel breakpoint metadata.
+ */
+export interface OverlayPanelBreakpoints {
+  /**
+   * Breakpoint for responsive mode.
+   *
+   * Example:
+   *
+   * <OverlayPanel :breakpoints="{'960px': '75vw', '640px': '100vw'}" ... />
+   *
+   * Result:
+   *
+   * @media screen and (max-width: ${breakpoint[key]}) {
+   *      .p-overlaypanel[attributeSelector] {
+   *          width: ${breakpoint[value]} !important;
+   *      }
+   * }
+   */
+  [key: string]: string;
+}
+
+/**
+ * Defines valid properties in OverlayPanel component.
+ */
+export interface OverlayPanelProps {
+  /**
+   * Enables to hide the overlay when outside is clicked.
+   * @defaultValue true
+   */
+  dismissable?: boolean;
+  /**
+   * Enables to hide the overlay when another overlay is clicked.
+   * @defaultValue true
+   */
+  dismissableOverlay?: boolean;
+  /**
+   * When enabled, displays a close icon at top right corner.
+   * @defaultValue false
+   */
+  showCloseIcon?: boolean;
+  /**
+   * A valid query selector or an HTMLElement to specify where the overlay gets attached.
+   * @defaultValue body
+   */
+  // AppendTo?: HintedString<'body' | 'self'> | undefined | HTMLElement;
+  /**
+   * Base zIndex value to use in layering.
+   * @defaultValue 0
+   */
+  baseZIndex?: number;
+  /**
+   * Whether to automatically manage layering.
+   * @defaultValue true
+   */
+  autoZIndex?: boolean;
+  /**
+   * Object literal to define widths per screen size.
+   */
+  breakpoints?: OverlayPanelBreakpoints;
+  /**
+   * Icon to display in the overlaypanel close button.
+   * @deprecated since v3.27.0. Use 'closeicon' slot.
+   */
+  closeIcon?: string | undefined;
+  /**
+   * Used to pass attributes to DOM elements inside the component.
+   * @type {OverlayPanelPassThroughOptions}
+   */
+  pt?: PassThrough<OverlayPanelPassThroughOptions>;
+  /**
+   * 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;
+  /**
+   * Specifies if pressing escape key should hide the dialog.
+   * @defaultValue true
+   */
+  closeOnEscape?: boolean | undefined;
+}
+
+/**
+ * Defines valid slots in OverlayPanel component.
+ */
+export interface OverlayPanelSlots {
+  /**
+   * Custom content template.
+   */
+  default(): VNode[];
+  /**
+   * Custom close icon template.
+   */
+  closeicon(): VNode[];
+  /**
+   * Custom container slot.
+   * @param {Object} scope - container slot's params.
+   */
+  container(scope: {
+    /**
+     * Close overlay panel function.
+     * @deprecated since v3.39.0. Use 'closeCallback' property instead.
+     */
+    onClose: () => void;
+    /**
+     * Close button keydown function.
+     * @param {Event} event - Browser event
+     * @deprecated since v3.39.0. Use 'keydownCallback' property instead.
+     */
+    onKeydown: (event: Event) => void;
+    /**
+     * Close overlay panel function.
+     */
+    closeCallback: () => void;
+    /**
+     * Close button keydown function.
+     * @param {Event} event - Browser event
+     */
+    keydownCallback: (event: Event) => void;
+  }): VNode[];
+}
+
+/**
+ * Defines valid emits in OverlayPanel component.
+ */
+export interface OverlayPanelEmits {
+  /**
+   * Callback to invoke when the overlay is shown.
+   */
+  show(): void;
+  /**
+   * Callback to invoke when the overlay is hidden.
+   */
+  hide(): void;
+}
+
+/**
+ * **PrimeVue - OverlayPanel**
+ *
+ * _OverlayPanel, also known as Popover, is a container component that can overlay other components on page._
+ *
+ * [Live Demo](https://www.primevue.org/overlaypanel/)
+ * --- ---
+ * ![PrimeVue](https://primefaces.org/cdn/primevue/images/logo-100.png)
+ *
+ * @group Component
+ */
+declare class OverlayPanel extends ClassComponent<
+  OverlayPanelProps,
+  OverlayPanelSlots,
+  OverlayPanelEmits
+> {
+  /**
+   * Aligns overlay panel based on the current position of the container.
+   */
+  alignOverlay(): void;
+  /**
+   * Toggles the visibility of the overlay.
+   * @param {Event} event - Browser event.
+   * @param {*} [target] - Optional target if event.currentTarget should not be used.
+   *
+   * @memberof OverlayPanel
+   */
+  toggle(event: Event, target?: unknown): void;
+  /**
+   * Shows the overlay.
+   * @param {Event} event - Browser event.
+   * @param {*} [target] - Optional target if event.currentTarget should not be used.
+   *
+   * @memberof OverlayPanel
+   */
+  show(event: Event, target?: unknown): void;
+  /**
+   * Hides the overlay.
+   *
+   * @memberof OverlayPanel
+   */
+  hide(): void;
+}
+
+declare module '@vue/runtime-core' {
+  interface GlobalComponents {
+    OverlayPanel: GlobalComponentConstructor<OverlayPanel>;
+  }
+}
+
+export default OverlayPanel;

package/components/pdfviewer/PDFViewer.vue.d.ts

@@ -0,0 +1,28 @@
+import { DefineComponent } from 'vue';
+
+
+export interface PDFViewerProps {
+  /**
+   * Full response from backend, file name with its folder name
+   *
+   * @example '/elsa/file_1733395763186.pdf'
+   */
+  fileName: string;
+  /**
+   * Add class into `iframe` element
+   */
+  class?: string;
+  /**
+   * Add style into `iframe` element
+   */
+  style?: string;
+}
+
+/**
+ * **WangsVue - PDFViewer**
+ *
+ * @group components
+ */
+declare const PDFViewer: DefineComponent<PDFViewerProps, unknown, unknown>;
+
+export default PDFViewer;

package/components/progressbar/ProgressBar.vue.d.ts

@@ -0,0 +1,73 @@
+import { Slot } from 'vue';
+import { ClassComponent } from '../ts-helpers';
+import { GlobalComponentConstructor } from '../ts-helpers.d';
+
+
+/**
+ * Defines valid properties in ProgressBar component.
+ */
+export interface ProgressBarProps {
+  /**
+   * Current value of the progress.
+   */
+  value?: number | undefined;
+  /**
+   * Set the position of progress value label position
+   * Only available on mode Determinate
+   *
+   * @default 'right-side'
+   */
+  valuePosition?: 'inside' | 'left-side' | 'right-side';
+  /**
+   * The progress bar severity color
+   *
+   * @defaultValue 'primary'
+   */
+  severity: 'success' | 'danger' | 'warning' | 'dark' | 'primary';
+  /**
+   * Defines the mode of the progress
+   * @defaultValue determinate
+   */
+  mode?: 'determinate' | 'indeterminate' | undefined;
+  /**
+   * Whether to display the progress bar value.
+   * @defaultValue true
+   */
+  showValue?: boolean | undefined;
+}
+
+/**
+ * Defines valid slots in ProgressBar component.
+ */
+export interface ProgressBarSlots {
+  /**
+   * Slot for customizing the value label.
+   */
+  label: Slot<{ value: number | undefined }>;
+}
+
+/**
+ * **WangsVue - ProgressBar**
+ *
+ * ProgressBar is a process status indicator._
+ *
+ * [Live Demo](https://fewangsit.github.io/wangsvue/progressbar)
+ *
+ * --- ---
+ * ![WangsVue](https://www.wangs.id/wp-content/uploads/2023/12/cropped-Logo_Wangsid-removebg-preview-192x192.png)
+ *
+ * @group Component
+ */
+declare class ProgressBar extends ClassComponent<
+  ProgressBarProps,
+  ProgressBarSlots,
+  null
+> {}
+
+declare module '@vue/runtime-core' {
+  interface GlobalComponents {
+    ProgressBar: GlobalComponentConstructor<ProgressBar>;
+  }
+}
+
+export default ProgressBar;

package/components/quickfilter/QuickFilter.vue.d.ts

@@ -0,0 +1,17 @@
+import { DefineComponent } from 'vue';
+import { FilterField } from '../filtercontainer/FilterContainer.vue.d';
+
+
+export interface QuickFilterProps {
+  fields: FilterField[];
+  tableName?: string;
+}
+
+/**
+ * **WangsVue - QuickFilter**
+ *
+ * @group components
+ */
+declare const QuickFilter: DefineComponent<QuickFilterProps, unknown, unknown>;
+
+export default QuickFilter;

package/components/summaryaccordion/SummaryAccordion.vue.d.ts

@@ -0,0 +1,123 @@
+import { DevelopmentStatus, ProjectStatus } from '../../types/wangsStatus.type';
+import { ImageCompressorPayload } from '../.././components/imagecompressor/ImageCompressor.vue.d';
+import { ClassComponent } from '../.././components/ts-helpers.d';
+
+
+export interface Summary {
+  name: string;
+  priority: number;
+  status: ProjectStatus;
+  initialName: string;
+  /**
+   * Task with status 'Sprint'
+   */
+  totalSprintTask: number;
+  /**
+   * Task with status 'Selesai'
+   */
+  totalCompletedTask: number;
+  /**
+   * Task with status 'Backlog'
+   */
+  totalBacklogTask: number;
+  /**
+   * The maximum points that can be reached for the project (calculated as the sum of the maximum points for all Sprint tasks).
+   */
+  totalSprintPoint: number;
+  /**
+   * How many Report Bug actions happened
+   */
+  totalBugHistories: number;
+}
+
+export interface ProjectSummary extends Summary {
+  type: 'project';
+  totalModule: number;
+  totalCompletedModule: number;
+}
+
+export interface ModuleSummary extends Summary {
+  type: 'module';
+  totalSubModule: number;
+}
+
+export interface SubModuleSummary extends Omit<Summary, 'initialName'> {
+  type: 'submodule';
+  moduleName: string;
+  progressWeb?: number;
+  progressMobile?: number;
+  statusWeb?: DevelopmentStatus;
+  statusMobile?: DevelopmentStatus;
+}
+
+export interface UserProfileSummary
+  extends Omit<Summary, 'name' | 'initialName' | 'priority' | 'status'> {
+  type: 'profile';
+  nickName: string;
+  fullName: string;
+  initial: string;
+  aliasName?: string;
+  division: string;
+  position: string;
+  isActive: boolean;
+  profilePicture?: string;
+  email: string;
+  phoneNumber: string;
+  teams: string[];
+  sprintPoint: number;
+  totalSprintTaskDuration: number;
+  completeProfile?: boolean;
+  editable?: boolean;
+  editedEmail?: string;
+  useInitial?: boolean;
+}
+
+export interface SummaryAccordionProps {
+  summary?:
+    | ProjectSummary
+    | ModuleSummary
+    | SubModuleSummary
+    | UserProfileSummary;
+  /**
+   * Specify the field name for the image compressor.
+   *
+   * @default 'imageInput'
+   */
+  fieldName?: string;
+}
+
+export type SummaryAccordionEmits = {
+  edit: [];
+  cancelEditEmail: [];
+  /**
+   * On apply the image cropper.
+   */
+  apply: [value: ImageCompressorPayload];
+  /**
+   * On apply image from props.
+   */
+  applyProp: [];
+  /**
+   * On delete button clicked.
+   *
+   * When props.confirmOnDelete is true, on dialog confirmed, this emit will be emitted with a delete function.
+   * You need to call the function inside your own delete funcition to clear the image.
+   *
+   * @param deleteFn - the function delete
+   * @param index - the index of image to be deleted
+   */
+  delete: [deleteFn?: (index?: number) => void, index?: number];
+};
+
+export default class SummaryAccordion extends ClassComponent<
+  SummaryAccordionProps,
+  unknown,
+  SummaryAccordionEmits
+> {
+  /**
+   * Exposed function to assign image from props.
+   *
+   * @param isDelete
+   */
+  assignPreviewImagesFromProp(isDelete?: boolean): Promise<void>;
+}