@fewangsit/wangsvue 1.5.178

package/components/changelogpage/ChangelogPage.vue.d.ts

@@ -0,0 +1,180 @@
+import { MultiSelectOption } from '../.././types/options.type';
+import { ClassComponent, GlobalComponentConstructor } from '../.././components/ts-helpers';
+import { ChangelogDefaultField, ChangelogTemplateColumn, ChangelogTemplateFilter } from '../changelog/Changelog.vue.d';
+
+
+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?: MultiSelectOption[];
+  modifiedByOptions?: MultiSelectOption[];
+  objectOptions?: MultiSelectOption[];
+  fieldOptions?: MultiSelectOption[];
+  nameOptions?: MultiSelectOption[];
+  objectNameOptions?: MultiSelectOption[];
+};
+
+/**
+ * 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/components/checkbox/Checkbox.vue.d.ts

@@ -0,0 +1,312 @@
+import { VNode } from 'vue';
+import { ComponentHooks } from '../basecomponent';
+import { PassThroughOptions } from '../passthrough';
+import { ClassComponent, GlobalComponentConstructor, Nullable, PassThrough } from '../ts-helpers';
+
+
+export declare type CheckboxPassThroughOptionType =
+  | CheckboxPassThroughAttributes
+  | ((
+      options: CheckboxPassThroughMethodOptions,
+    ) => CheckboxPassThroughAttributes | string)
+  | string
+  | null
+  | undefined;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface CheckboxPassThroughMethodOptions {
+  /**
+   * Defines instance.
+   */
+  instance: any;
+  /**
+   * Defines valid properties.
+   */
+  props: CheckboxProps;
+  /**
+   * Defines current inline state.
+   */
+  state: CheckboxState;
+  /**
+   * Defines current options.
+   */
+  context: CheckboxContext;
+  /**
+   * 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 CheckboxProps.pt}
+ */
+export interface CheckboxPassThroughOptions {
+  /**
+   * Used to pass attributes to the root's DOM element.
+   */
+  root?: CheckboxPassThroughOptionType;
+  /**
+   * Used to pass attributes to the input's DOM element.
+   */
+  input?: CheckboxPassThroughOptionType;
+  /**
+   * Used to pass attributes to the box's DOM element.
+   */
+  box?: CheckboxPassThroughOptionType;
+  /**
+   * Used to pass attributes to the icon's DOM element.
+   */
+  icon?: CheckboxPassThroughOptionType;
+  /**
+   * Used to manage all lifecycle hooks.
+   * @see {@link BaseComponent.ComponentHooks}
+   */
+  hooks?: ComponentHooks;
+}
+
+/**
+ * Custom passthrough attributes for each DOM elements
+ */
+export interface CheckboxPassThroughAttributes {
+  [key: string]: any;
+}
+
+/**
+ * Defines current inline state in Checkbox component.
+ */
+export interface CheckboxState {
+  [key: string]: any;
+}
+
+export type CheckboxModelValue =
+  | Nullable<boolean>
+  | Record<string, any>
+  | Record<string, any>[];
+
+/**
+ * Defines valid properties in Checkbox component.
+ */
+export interface CheckboxProps {
+  /**
+   * Value of the checkbox. Can be used to set the checkbox field value when using use-validator
+   */
+  value?: any;
+  /**
+   * Value binding of the checkbox.
+   */
+  modelValue?: CheckboxModelValue;
+  /**
+   * The checkbox label.
+   */
+  label?: string;
+  /**
+   * Tooltip info about the checkbox.
+   */
+  tooltip?: string;
+  /**
+   * Tooltip position.
+   *
+   * @default 'top'
+   */
+  tooltipPos?: 'top' | 'right' | 'left' | 'bottom';
+  /**
+   * Name of the input element.
+   */
+  name?: string | undefined;
+  /**
+   * To specify different style when used inside table header
+   *
+   * @default false
+   */
+  withinTable?: boolean;
+  /**
+   * Allows to select a boolean value instead of multiple values.
+   * @default true
+   */
+  binary?: boolean;
+  /**
+   * When present, it specifies that the component should have invalid state style.
+   * @defaultValue false
+   */
+  invalid?: boolean | undefined;
+  /**
+   * When present, it specifies that the element should be disabled.
+   * @default false
+   */
+  disabled?: boolean | undefined;
+  /**
+   * When present, it specifies that the element should be selectable.
+   *
+   * Simillar to disabled state, but different style.
+   * @default true
+   */
+  selectable?: boolean | undefined;
+  /**
+   * Specifies the input variant of the component.
+   * @defaultValue outlined
+   */
+  variant?: 'outlined' | 'filled' | undefined;
+  /**
+   * When present, it specifies that an input field is read-only.
+   * @default false
+   */
+  readonly?: boolean | undefined;
+  useValidator?: boolean;
+  fieldName?: string;
+  /**
+   * When present, it specifies that the element is required.
+   * @default false
+   */
+  required?: boolean | undefined;
+  /**
+   * Index of the element in tabbing order.
+   */
+  tabindex?: number | undefined;
+  /**
+   * Value in checked state.
+   * @default true
+   */
+  trueValue?: any;
+  /**
+   * Value in unchecked state.
+   * @default false
+   */
+  falseValue?: any;
+  /**
+   * Identifier of the underlying input element.
+   */
+  inputId?: string | undefined;
+  /**
+   * Style class of the input field.
+   */
+  inputClass?: object | undefined;
+  /**
+   * Inline style of the input field.
+   */
+  inputStyle?: string | object | undefined;
+  /**
+   * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
+   */
+  ariaLabelledby?: string | undefined;
+  /**
+   * Establishes a string value that labels the component.
+   */
+  ariaLabel?: string | undefined;
+  /**
+   * Used to pass attributes to DOM elements inside the component.
+   * @type {CheckboxPassThroughOptions}
+   */
+  pt?: PassThrough<CheckboxPassThroughOptions>;
+  /**
+   * 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;
+  /**
+   * Style class of the checkbox's label.
+   */
+  labelClass?: any;
+}
+
+/**
+ * Defines current options in Checkbox component.
+ */
+export interface CheckboxContext {
+  /**
+   * Current checked state of the item as a boolean.
+   * @defaultValue false
+   */
+  checked: boolean;
+  /**
+   * Current disabled state of the item as a boolean.
+   * @defaultValue false
+   */
+  disabled: boolean;
+}
+
+/**
+ * Defines valid slots in Checkbox component.
+ */
+export interface CheckboxSlots {
+  /**
+   * Custom icon template.
+   * @param {Object} scope - icon slot's params.
+   */
+  icon(scope: {
+    /**
+     * State of the checkbox.
+     */
+    checked: boolean;
+    /**
+     * Style class of the icon.
+     */
+    class: string;
+  }): VNode[];
+}
+
+/**
+ * Defines valid emits in Checkbox component.
+ */
+export type CheckboxEmits = {
+  /**
+   * Emitted when the value changes.
+   * @param {*} value - New value.
+   */
+  'update:modelValue': [value: CheckboxModelValue];
+  /**
+   * Callback to invoke on value change.
+   * @param {Event} event - Browser event.
+   */
+  'change': [event: Event];
+  /**
+   * Callback to invoke when the component receives focus.
+   * @param {Event} event - Browser event.
+   */
+  'focus': [event: Event];
+  /**
+   * Callback to invoke when the component loses focus.
+   * @param {Event} event - Browser event.
+   */
+  'blur': [event: Event];
+};
+
+/**
+ * **WangsVue - Checkbox**
+ *
+ * Checkbox is an extension to checkbox element with label and info tooltip.
+ *
+ * --- ---
+ * ![WangsVue](https://www.wangs.id/wp-content/uploads/2023/12/cropped-Logo_Wangsid-removebg-preview-192x192.png)
+ *
+ * @group Component
+ *
+ */
+declare class Checkbox extends ClassComponent<
+  CheckboxProps,
+  CheckboxSlots,
+  CheckboxEmits
+> {}
+
+declare module '@vue/runtime-core' {
+  interface GlobalComponents {
+    Checkbox: GlobalComponentConstructor<Checkbox>;
+  }
+}
+
+export default Checkbox;

package/components/codesnippet/CodeSnippet.vue.d.ts

@@ -0,0 +1,13 @@
+export interface CodeSnippetProps {
+  code?: string;
+  /**
+   * @default 'json'
+   */
+  lang?: 'javascript' | 'typescript' | 'html' | 'json';
+  /**
+   * Make the code snippets readonly
+   *
+   * @default false editable
+   */
+  readonly?: boolean;
+}

package/components/comment/Comment.vue.d.ts

@@ -0,0 +1,180 @@
+import { JSONContent } from '@tiptap/vue-3';
+import { ClassComponent } from '../.././components/ts-helpers';
+import { QueryParams } from '../.././components/datatable/DataTable.vue.d';
+import { GetMentionSuggestionResponse } from '../.././components/editor/Editor.vue.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';
+
+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/comment/CommentBlock.vue.d.ts

@@ -0,0 +1,35 @@
+import { CommentBlockProps } from './Comment.vue.d';
+declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<CommentBlockProps>, {
+    replies: () => any[];
+    useReactions: boolean;
+    useReplies: boolean;
+    useTimeStamp: boolean;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<CommentBlockProps>, {
+    replies: () => any[];
+    useReactions: boolean;
+    useReplies: boolean;
+    useTimeStamp: boolean;
+}>>>, {
+    useReactions: boolean;
+    useReplies: boolean;
+    useTimeStamp: boolean;
+    replies: import('./Comment.vue.d').CommentData[];
+}, {}>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+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;
+    };
+};