@fewangsit/wangsvue 1.5.216 → 1.5.217-alpha.1

package/components/animation/Animation.vue.d.ts

@@ -1,4 +1,4 @@
-import { ClassComponent } from 'lib/components/ts-helpers.d';
+import { ClassComponent } from '../../components/ts-helpers.d';
 
 export interface AnimationDefaultConfig {
   libPath: 'supplyasset' | 'workspace' | 'admin';
@@ -6,6 +6,14 @@ export interface AnimationDefaultConfig {
 
 export interface AnimationProps {
   animation: 'no-data' | 'loading-plane' | 'loading-page' | 'loading-table';
+  /**
+   * @default true
+   */
+  autoplay?: boolean;
+  /**
+   * @default true
+   */
+  loop?: boolean;
 }
 
 /**

package/components/badge/Badge.vue.d.ts

@@ -1,4 +1,4 @@
-import { ClassComponent } from '../ts-helpers';
+import { ClassComponent } from '../ts-helpers.d';
 
 export interface BadgeComponentConfigs {
   /**

package/components/badgegroup/BadgeGroup.vue.d.ts

@@ -1,5 +1,7 @@
 import { Slot } from 'vue';
-import { BadgeProps } from 'lib/components/badge/Badge.vue.d';
+
+import { BadgeProps } from '../../components/badge/Badge.vue.d';
+
 import { ClassComponent, HintedString } from '../ts-helpers.d';
 
 export type ObjectBadge = {

package/components/basetree/BaseTree.vue.d.ts

@@ -8,15 +8,16 @@
  *
  */
 import { VNode } from 'vue';
+
 import { ComponentHooks } from '../basecomponent';
+import { MenuItem } from '../menuitem';
 import { PassThroughOptions } from '../passthrough';
 import {
   ClassComponent,
   GlobalComponentConstructor,
   HintedString,
   PassThrough,
-} from '../ts-helpers';
-import { MenuItem } from '../menuitem';
+} from '../ts-helpers.d';
 
 export declare type TreePassThroughOptionType<T = any> =
   | TreePassThroughAttributes
@@ -350,6 +351,10 @@ export interface BaseTreeProps {
    * @defaultValue false
    */
   loading?: boolean | undefined;
+  /**
+   * Defines the group tree to showing disposable groups.
+   */
+  showDisposableGroups?: boolean;
   /**
    * Icon to display when tree is loading.
    * @deprecated since v3.27.0. Use 'loadingicon' slot.

package/components/button/Button.vue.d.ts

@@ -1,11 +1,12 @@
+import { TooltipOptions } from 'primevue/tooltip';
 import { ButtonHTMLAttributes, VNode } from 'vue';
+
 import { WangsIcons } from '../icon/Icon.vue.d';
-import { TooltipOptions } from 'primevue/tooltip';
 import {
-  GlobalComponentConstructor,
   ClassComponent,
+  GlobalComponentConstructor,
   HintedString,
-} from '../ts-helpers';
+} from '../ts-helpers.d';
 
 /**
  * Defines valid properties in Button component.

package/components/buttonImportExcel/ButtonImportExcel.vue.d.ts

@@ -1,6 +1,6 @@
 import { TableColumn } from '../datatable/DataTable.vue.d';
 import { DialogFormProps } from '../dialogform/DialogForm.vue.d';
-import { ClassComponent } from '../ts-helpers';
+import { ClassComponent } from '../ts-helpers.d';
 
 export interface ButtonImportExcelProps {
   tableName: string;

package/components/buttonbulkaction/ButtonBulkAction.vue.d.ts

@@ -1,4 +1,5 @@
 import { DefineComponent } from 'vue';
+
 import { MenuItem } from '../menuitem';
 
 export interface ButtonBulkActionLocaleConfig {

package/components/buttondownload/ButtonDownload.vue.d.ts

@@ -1,5 +1,23 @@
+import { DataTableProps } from '../datatable/DataTable.vue.d';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers.d';
 
+export interface ButtonDownloadLocaleConfig {
+  /**
+   * Message to display on loading ovevrlay while downloading
+   */
+  downloadingMessage: string;
+
+  /**
+   * Text when booleanValue is true
+   */
+  trueText: string;
+
+  /**
+   * Text when booleanValue is false
+   */
+  falseText: string;
+}
+
 export interface ButtonDownloadProps {
   fileName: string;
   /**
@@ -21,6 +39,19 @@ export interface ButtonDownloadProps {
    * Texts below table in downloaded excel
    */
   additionalTextBelowTable?: (string | string[])[];
+  /**
+   * If this props exist, download data from provided configs instead syncing with data tables
+   */
+  dataConfigs?: Pick<
+    DataTableProps,
+    'columns' | 'fetchFunction' | 'data' | 'tableTitle'
+  >[];
+  /**
+   * Specify the error message download excel when tableConfigs is in use
+   *
+   * @example 'Error, failed to download {fileName}' - fileName will be replaced
+   */
+  excelToastErrorMessage?: string;
 }
 
 /**

package/components/buttonradio/ButtonRadio.vue.d.ts

@@ -1,6 +1,7 @@
 import { StyleValue } from 'vue';
+
 import { ComponentHooks } from '../basecomponent';
-import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers.d';
 
 export declare type ButtonRadioPassThroughOptionType =
   | ButtonRadioPassThroughAttributes

package/components/buttonscan/ButtonScan.vue.d.ts

@@ -1,5 +1,6 @@
-import { ClassComponent, HintedString } from 'lib/components/ts-helpers.d';
-import { ButtonProps } from 'lib/components/button/Button.vue.d';
+import { ButtonProps } from '../../components/button/Button.vue.d';
+import { ClassComponent, HintedString } from '../../components/ts-helpers.d';
+
 import { WangsIcons } from '../icon/Icon.vue.d';
 
 export type ScannerErrorCode =

package/components/buttonsearchbyscan/ButtonSearchByScan.vue.d.ts

@@ -1,4 +1,5 @@
 import { DefineComponent } from 'vue';
+
 import { ButtonScanProps } from '../buttonscan/ButtonScan.vue.d';
 import { WangsIcons } from '../icon/Icon.vue.d';
 
@@ -29,6 +30,7 @@ export interface ButtonSearchByScanProps {
    * @default 'datatable' - default DataTable tablename
    */
   tableName?: string;
+  bulk?: boolean;
   scanValidation?: ButtonScanProps['scanValidation'];
 }
 

package/components/buttonselecttree/ButtonSelectTree.vue.d.ts

@@ -1,7 +1,8 @@
 import { Slot } from 'vue';
-import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
+
 import { TreeNode } from '../basetree/BaseTree.vue.d';
 import { QueryParams, ShortFetchResponse } from '../datatable/DataTable.vue.d';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers.d';
 
 export type KeysModelValue = number[] | undefined;
 export type NodeModelValue =
@@ -100,6 +101,15 @@ export interface ButtonSelectTreeProps {
    * Disable node 'All' selection
    */
   disableNodeAll?: boolean;
+
+  /**
+   * A function to determine when the node should be disabled,
+   * When true, it will disabled selection on current node and all level childrend
+   *
+   * @return true to disabled
+   */
+  disableNodeWhen?: (node: TreeNode) => boolean;
+
   /**
    * Old behavior is preventing select if there is no node selected.
    *

package/components/buttonsplit/ButtonSplit.vue.d.ts

@@ -8,20 +8,23 @@
  *
  */
 import { ButtonHTMLAttributes, VNode } from 'vue';
+
 import { ComponentHooks } from '../basecomponent';
-import { ButtonPassThroughOptions } from 'primevue/button';
 import { MenuItem } from '../menuitem';
 import { PassThroughOptions } from '../passthrough';
-import {
-  TieredMenuPassThroughOptions,
-  TieredMenuRouterBindProps,
-} from 'primevue/tieredmenu';
 import {
   ClassComponent,
   GlobalComponentConstructor,
-  PassThrough,
   HintedString,
-} from '../ts-helpers';
+  PassThrough,
+} from '../ts-helpers.d';
+
+import { ButtonPassThroughOptions } from 'primevue/button';
+import {
+  TieredMenuPassThroughOptions,
+  TieredMenuRouterBindProps,
+} from 'primevue/tieredmenu';
+
 import { WangsIcons } from '../icon/Icon.vue';
 
 export declare type ButtonSplitPassThroughOptionType =

package/components/buttonsync/ButtonSync.vue.d.ts

@@ -1,4 +1,4 @@
-import { ClassComponent } from '../ts-helpers';
+import { ClassComponent } from '../ts-helpers.d';
 
 export interface ButtonSyncProps {
   /**

package/components/buttontoggle/ButtonToggle.vue.d.ts

@@ -1,4 +1,5 @@
 import { DefineComponent } from 'vue';
+
 import {
   ToggleSwitchEmits,
   ToggleSwitchProps,

package/components/card/Card.vue.d.ts

@@ -7,13 +7,14 @@
  *
  */
 import { VNode } from 'vue';
+
 import { ComponentHooks } from '../basecomponent';
 import { PassThroughOptions } from '../passthrough';
 import {
   ClassComponent,
   GlobalComponentConstructor,
   PassThrough,
-} from '../ts-helpers';
+} from '../ts-helpers.d';
 
 export declare type CardPassThroughOptionType =
   | CardPassThroughAttributes

package/components/changelog/Changelog.vue.d.ts

@@ -1,8 +1,10 @@
-import { Option } from '../.././components/dropdown/Dropdown.vue.d';
-import { ClassComponent, GlobalComponentConstructor } from '../.././components/ts-helpers';
-import { TableColumn } from '../.././components/datatable/DataTable.vue.d';
-import { FilterField } from '../.././components/filtercontainer/FilterContainer.vue.d';
-
+import { TableColumn } from '../../components/datatable/DataTable.vue.d';
+import { Option } from '../../components/dropdown/Dropdown.vue.d';
+import { FilterField } from '../../components/filtercontainer/FilterContainer.vue.d';
+import {
+  ClassComponent,
+  GlobalComponentConstructor,
+} from '../../components/ts-helpers.d';
 
 export type ChangelogTemplateColumn = { index: number; column: TableColumn };
 export type ChangelogTemplateFilter = { index: number; filter: FilterField };

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

@@ -1,7 +1,14 @@
-import { Option } from '../.././components/dropdown/Dropdown.vue.d';
-import { ClassComponent, GlobalComponentConstructor } from '../.././components/ts-helpers';
-import { ChangelogDefaultField, ChangelogTemplateColumn, ChangelogTemplateFilter } from '../changelog/Changelog.vue.d';
+import { Option } from '../../components/dropdown/Dropdown.vue.d';
+import {
+  ClassComponent,
+  GlobalComponentConstructor,
+} from '../../components/ts-helpers.d';
 
+import {
+  ChangelogDefaultField,
+  ChangelogTemplateColumn,
+  ChangelogTemplateFilter,
+} from '../changelog/Changelog.vue.d';
 
 export type ChangelogType = {
   _id: string;

package/components/checkbox/Checkbox.vue.d.ts

@@ -6,13 +6,14 @@
  *
  */
 import { VNode } from 'vue';
+
 import { ComponentHooks } from '../basecomponent';
 import { PassThroughOptions } from '../passthrough';
 import {
   ClassComponent,
   GlobalComponentConstructor,
   PassThrough,
-} from '../ts-helpers';
+} from '../ts-helpers.d';
 
 export declare type CheckboxPassThroughOptionType =
   | CheckboxPassThroughAttributes

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

@@ -1,8 +1,7 @@
 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';
-
+import { QueryParams } from '../../components/datatable/DataTable.vue.d';
+import { GetMentionSuggestionResponse } from '../../components/editor/Editor.vue.d';
+import { ClassComponent } from '../../components/ts-helpers.d';
 
 export interface CommentProps {
   /**

package/components/customcolumn/CustomColumn.vue.d.ts

@@ -1,5 +1,5 @@
 import { TableColumn } from '../datatable/DataTable.vue.d';
-import { ClassComponent } from '../ts-helpers';
+import { ClassComponent } from '../ts-helpers.d';
 
 export interface CustomColumnLocaleConfig {
   resetDefaultText: string;

package/components/datatable/DataTable.vue.d.ts

@@ -1,8 +1,11 @@
-import { DialogConfirmProps } from 'lib/components/dialogconfirm/DialogConfirm.vue.d';
-import { MenuItem } from 'lib/components/menuitem';
-import { ClassComponent, HintedString } from '../ts-helpers.d';
 import { Component } from 'vue';
-import { DateOptions } from 'lib/utils/date.util';
+
+import { DialogConfirmProps } from '../../components/dialogconfirm/DialogConfirm.vue.d';
+import { MenuItem } from '../../components/menuitem';
+import { DateOptions } from '../../utils/date.util';
+
+import { WangsIconseverities } from '../icon/Icon.vue.d';
+import { ClassComponent, HintedString } from '../ts-helpers.d';
 
 export interface DataTableLocaleConfig {
   /**
@@ -153,6 +156,12 @@ export type TableCellComponent = {
   events?: any;
   onChange?: (itemData: any) => void;
   disabled?: boolean;
+  /**
+   * To tell DataTable component whether this component should stop propagation or not
+   *
+   * @default true - since old logic was automatically stop event click from bodyComponent
+   */
+  stop?: boolean;
 };
 
 export type TogglePresetConfirmDialogProps = Omit<
@@ -241,6 +250,7 @@ export interface TableColumn {
   field: string;
   fieldType?: 'string' | 'number' | 'boolean' | 'array';
   info?: string;
+  infoSeverity?: WangsIconseverities;
   editable?: boolean;
   /**
    * If the column is editable, only allow number inputs.

package/components/detailmember/DetailMember.vue.d.ts

@@ -1,6 +1,6 @@
-import { User } from '../../types/user.type';
-import { ClassComponent } from '../.././components/ts-helpers';
+import { ClassComponent } from '../../components/ts-helpers.d';
 
+import { User } from '../../types/user.type';
 
 export type Role = {
   _id: string;

package/components/detailsprint/DetailSprint.vue.d.ts

@@ -1,7 +1,7 @@
+import { ClassComponent } from '../../components/ts-helpers.d';
+
 import { Project } from '../../types/project.type';
 import { Pbi } from '../dialogdetailpbi/DialogDetailPbi.vue.d';
-import { ClassComponent } from '../.././components/ts-helpers';
-
 
 export type SprintSummary = {
   membersDetails: SummaryMemberDetail[];

package/components/detailsprint/helpers/updateSprintStatus.util.d.ts

@@ -1,3 +1,8 @@
-import { ToastMethod } from '../../.././utils/toast.util';
-declare const updateSprintStatus: (fetchData: () => Promise<void> | void, toast: ToastMethod, projectId: string, sprintId?: string) => Promise<void>;
+import { ToastMethod } from '../../../utils/toast.util';
+declare const updateSprintStatus: (
+  fetchData: () => Promise<void> | void,
+  toast: ToastMethod,
+  projectId: string,
+  sprintId?: string,
+) => Promise<void>;
 export default updateSprintStatus;

package/components/detailsprint/options/quickFilterFields.d.ts

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

package/components/dialog/Dialog.vue.d.ts

@@ -16,7 +16,7 @@ import {
   ClassComponent,
   GlobalComponentConstructor,
   PassThrough,
-} from '../ts-helpers';
+} from '../ts-helpers.d';
 
 export declare type DialogPassThroughOptionType<T = any> =
   | DialogPassThroughAttributes

package/components/{dialogAdjustmentTask → dialogadjustmenttask}/DialogAdjustmentTask.vue.d.ts

@@ -1,9 +1,9 @@
-import { TaskStatus } from '../.././types/wangsStatus.type';
-import { FetchResponse } from '../datatable/DataTable.vue.d';
-import { ClassComponent } from '../ts-helpers';
-import { Option } from '../.././components/dropdown/Dropdown.vue.d';
-import { Member } from '../.././dto/member.dto';
+import { FetchResponse } from '../../components/datatable/DataTable.vue.d';
+import { Option } from '../../components/dropdown/Dropdown.vue.d';
+import { ClassComponent } from '../../components/ts-helpers.d';
 
+import { Member } from '../../dto/member.dto';
+import { TaskStatus } from '../../types/wangsStatus.type';
 
 export interface DialogAdjustmentTaskProps {
   /**

package/components/dialogadjustmenttask/options/dialogAdjustmentTaskBulkAction.d.ts

@@ -0,0 +1,7 @@
+import { DialogAdjustmentTaskBulkActionType } from '../DialogAdjustmentTask.vue.d';
+import { MenuItem } from 'primevue/menuitem';
+export declare const dialogAddjusmentTaskBulkAction: (
+  bulkActionEmitter: (
+    bulkActionType: DialogAdjustmentTaskBulkActionType,
+  ) => void,
+) => MenuItem[];

package/components/dialogadjustmenttask/options/dialogAdjustmentTaskSingleAction.d.ts

@@ -0,0 +1,7 @@
+import { MenuItem } from '../../../components/menuitem/index';
+import { DialogAdjustmentTaskSingleActionType } from '../DialogAdjustmentTask.vue.d';
+export declare const dialogAdjustmentTaskSingleAction: (
+  singleActionEmitter: (
+    singleActionType: DialogAdjustmentTaskSingleActionType,
+  ) => void,
+) => MenuItem[];

package/components/dialogadjustmenttask/options/dialogAdjustmentTaskTableColumn.d.ts

@@ -0,0 +1,2 @@
+import { TableColumn } from '../../../components/datatable/DataTable.vue.d';
+export declare const dialogAdjustmentTaskTableColumn: TableColumn[];

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

@@ -1,8 +1,9 @@
 import { Slot } from 'vue';
+
 import { WangsIcons } from '../icon/Icon.vue.d';
-import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers.d';
 
-type ConfirmDialogSeverity = 'success' | 'danger';
+type ConfirmDialogSeverity = 'success' | 'danger' | 'primary';
 
 export interface DialogConfirmLocaleConfig {
   actionableCloseButtonLabel?: string;

package/components/dialogdetailcomponent/DialogDetailComponent.vue.d.ts

@@ -1,6 +1,6 @@
 import { Component } from '@fewangsit/workspace-api-services/src/types/componentService.type';
-import { ClassComponent } from '../.././components/ts-helpers';
 
+import { ClassComponent } from '../../components/ts-helpers.d';
 
 export interface DialogDetailComponentProps {
   /**

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

@@ -1,9 +1,9 @@
-import { JSONContent } from '../.././components/editor/Editor.vue.d';
-import { ClassComponent } from '../.././components/ts-helpers';
+import { JSONContent } from '../../components/editor/Editor.vue.d';
+import { ClassComponent } from '../../components/ts-helpers.d';
+
 import { Project, Teams } from '../../types/project.type';
 import { User } from '../../types/user.type';
 
-
 type PbiCategory = 'Fitur' | 'Bug' | 'Performance & Security' | 'Dokumentasi';
 
 type PbiStatus =

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

@@ -3,7 +3,7 @@ import { Slot } from 'vue';
 
 import FormInstance, { FormPayload, FormProps } from '../form/Form.vue.d';
 import { WangsIcons } from '../icon/Icon.vue.d';
-import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers.d';
 
 export type DialogFormValue =
   | string

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

@@ -1,5 +1,4 @@
-import { ClassComponent } from '../.././components/ts-helpers';
-
+import { ClassComponent } from '../../components/ts-helpers.d';
 
 export interface DialogImprovementTaskProps {
   projectId: string | undefined;

package/components/{detailsprint → dialogpreparepbi}/DialogPreparePbi.vue.d.ts

@@ -1,6 +1,6 @@
-import { Pbi } from '../dialogdetailpbi/DialogDetailPbi.vue.d';
-import { ClassComponent } from '../.././components/ts-helpers';
+import { ClassComponent } from '../../components/ts-helpers.d';
 
+import { Pbi } from '../dialogdetailpbi/DialogDetailPbi.vue.d';
 
 export interface DialogPreparePbiProps {
   projectId: string;

package/components/dialogselecttree/DialogSelectTree.vue.d.ts

@@ -1,9 +1,11 @@
-import { TreeSelectionKeys } from 'primevue/tree';
+import { Slot } from 'vue';
+
 import { TreeNode } from '../basetree/BaseTree.vue.d';
 import { QueryParams, ShortFetchResponse } from '../datatable/DataTable.vue.d';
-import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 import TreeInstance, { TreeProps } from '../tree/Tree.vue.d';
-import { Slot } from 'vue';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers.d';
+
+import { TreeSelectionKeys } from 'primevue/tree';
 
 export interface DialogSelectTreeProps
   extends Omit<TreeProps, 'type' | 'filter'> {
@@ -57,6 +59,15 @@ export interface DialogSelectTreeProps
    * A list of node keys that should be disabled, affecting only the specified nodes and not their children.
    */
   exactDisableKeys?: number[];
+
+  /**
+   * A function to determine when the node should be disabled,
+   * When true, it will disabled selection on current node and all level childrend
+   *
+   * @return true to disabled
+   */
+  disableNodeWhen?: (node: TreeNode) => boolean;
+
   /**
    * Defines the tree is readonly and disabled.
    */

package/components/dropdown/Dropdown.vue.d.ts

@@ -1,8 +1,10 @@
 import { Slot } from 'vue';
+
+import { BadgeProps } from '../../components/badge/Badge.vue.d';
+import { WangsIcons } from '../../components/icon/Icon.vue.d';
+
 import { CustomValidation } from '../form/Form.vue.d';
-import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
-import { BadgeProps } from 'lib/components/badge/Badge.vue.d';
-import { WangsIcons } from 'lib/components/icon/Icon.vue.d';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers.d';
 
 export type OptionValue = string | number | boolean | Record<string, any>;
 
@@ -96,6 +98,11 @@ export interface DropdownProps {
    */
   allowNullOption?: boolean;
 
+  /**
+   * If the same option is selected again, the option is unselected.
+   */
+  unselectOnReselect?: boolean;
+
   /**
    * Specify the property name of option to be used as label.
    *
@@ -218,6 +225,13 @@ export interface DropdownProps {
    * @default 'Search'
    */
   filterPlaceholder?: string;
+
+  /**
+   * To determine whether dropdown panel width should fit its max content or not
+   *
+   * @default false
+   */
+  panelMaxContent?: boolean;
 }
 
 export interface DropdownSlots {
@@ -240,6 +254,11 @@ export type DropdownEmits = {
    * Emits when overlay shown.
    */
   'show': [];
+
+  /**
+   * Emits when the Field Info icon is clicked.
+   */
+  'fieldInfoClick': [];
 };
 
 /**

package/components/editor/Editor.vue.d.ts

@@ -1,5 +1,6 @@
 import { EditorEvents } from '@tiptap/vue-3';
-import { ClassComponent } from '../ts-helpers';
+
+import { ClassComponent } from '../ts-helpers.d';
 
 export interface EditorProps {
   /**