@fewangsit/wangsvue 1.5.195 → 1.5.196-alpha.1

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

@@ -1,3 +1,4 @@
+import { StyleValue } from 'vue';
 import { ComponentHooks } from '../basecomponent';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
 
@@ -18,26 +19,32 @@ export interface ButtonRadioPassThroughMethodOptions {
    * Defines instance.
    */
   instance: any;
+
   /**
    * Defines valid properties.
    */
   props: ButtonRadioProps;
+
   /**
    * Defines current inline state.
    */
   state: ButtonRadioState;
+
   /**
    * Defines current options.
    */
   context: ButtonRadioContext;
+
   /**
    * Defines valid attributes.
    */
   attrs: any;
+
   /**
    * Defines parent options.
    */
   parent: any;
+
   /**
    * Defines passthrough(pt) options in global config.
    */
@@ -53,18 +60,22 @@ export interface ButtonRadioPassThroughOptions {
    * Used to pass attributes to the root's DOM element.
    */
   root?: ButtonRadioPassThroughOptionType;
+
   /**
    * Used to pass attributes to the input's DOM element.
    */
   input?: ButtonRadioPassThroughOptionType;
+
   /**
    * Used to pass attributes to the box's DOM element.
    */
   box?: ButtonRadioPassThroughOptionType;
+
   /**
    * Used to pass attributes to the icon's DOM element.
    */
   icon?: ButtonRadioPassThroughOptionType;
+
   /**
    * Used to manage all lifecycle hooks.
    * @see {@link BaseComponent.ComponentHooks}
@@ -94,59 +105,83 @@ export interface ButtonRadioProps {
    * The label for the input element
    */
   label?: string;
+
   /**
    * Value of the input.
    */
   value?: any;
+
   /**
    * Value binding of the input.
    */
   modelValue?: any;
+
   /**
    * Name of the input element.
    */
   name?: string | undefined;
+
   /**
    * Allows to select a boolean value.
    * @default false
    */
   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 component should be disabled.
    * @defaultValue false
    */
   disabled?: 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;
+
   /**
    * Index of the element in tabbing order.
    */
   tabindex?: number | undefined;
+
   /**
    * Identifier of the underlying input element.
    */
   inputId?: string | undefined;
+
   /**
    * Inline style of the input field.
    */
-  inputStyle?: object | undefined;
+  inputStyle?: StyleValue | undefined;
+
   /**
    * Style class of the input field.
    */
   inputClass?: string | object | undefined;
+
+  /**
+   * Tooltip info about the checkbox.
+   */
+  tooltip?: string;
+
+  /**
+   * Tooltip position.
+   *
+   * @default 'top'
+   */
+  tooltipPos?: 'top' | 'right' | 'left' | 'bottom';
 }
 
 /**
@@ -158,6 +193,7 @@ export interface ButtonRadioContext {
    * @defaultValue false
    */
   checked: boolean;
+
   /**
    * Current disabled state of the item as a boolean.
    * @defaultValue false
@@ -173,22 +209,25 @@ export type ButtonRadioEmits = {
    * Emitted when the value changes.
    * @param {*} value - New value.
    */
-  'update:modelValue'(value: any): void;
+  'update:modelValue': [value: any];
+
   /**
    * Callback to invoke on radio button value change.
    * @param {Event} event - Browser event.
    */
-  change(event: Event): void;
+  'change': [event: Event];
+
   /**
    * Callback to invoke when the component receives focus.
    * @param {Event} event - Browser event.
    */
-  focus(event: Event): void;
+  'focus': [event: Event];
+
   /**
    * Callback to invoke when the component loses focus.
    * @param {Event} event - Browser event.
    */
-  blur(event: Event): void;
+  'blur': [event: Event];
 };
 
 /**

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

@@ -3,104 +3,123 @@ import { TreeNode } from '../basetree/BaseTree.vue.d';
 import { ShortFetchResponse } from '../datatable/DataTable.vue.d';
 
 export type KeysModelValue = number[] | undefined;
+export type NodeModelValue =
+  | number
+  | TreeNode
+  | string
+  | (number | TreeNode | string)[];
 
 export interface ButtonSelectTreeProps {
-  fetchTree?: (
-    type: 'group' | 'category',
-  ) => Promise<ShortFetchResponse<TreeNode> | undefined>;
   /**
-   * Specify wether the all tree node should be auto checked once it rendered.
-   * @default false
+   * Below are props that commonly used
+   * @example - [type, value as modelvalue, fieldDataKey, selectionMode, useValidator, mandatory, fieldName, validatorMessage, label, dialogHeader]
    */
-  autoSelectAll?: boolean;
+
   /**
-   * The keys model value.
-   * Keys also be used as field value. If you deal with form validation of edit action,
-   * you need to bind the initital keys :keys="yourKeys"
+   * The tree type.
    */
-  keys?: KeysModelValue;
-  disableKeys?: number[];
+  type: 'group' | 'category';
   /**
-   * Disable the Select button
+   * The model value.
+   * If you deal with form validation of edit action,
+   * you need to bind the initital value :value="yourValue"
+   * Please take a note that you should pass value that match your `props.fieldDataKey`
    */
-  disabled?: boolean;
-  exactDisableKey?: number;
+  value?: NodeModelValue;
   /**
-   * Disable node 'All' selection
+   * If selection mode is single mode and you're on edit form, this props should be used
    */
-  disableNodeAll?: boolean;
+  selectedNode?: TreeNode;
   /**
-   * The selected tree nodes object model value.
+   * To determine which field key that will be used as value
    */
-  selectedNodes?: TreeNode[];
+  fieldDataKey?: string;
   /**
-   * Used for single selection model value.
+   * The selection Mode.
+   *
+   * @default 'checkbox';
    */
-  selectedNode?: TreeNode;
+  selectionMode?: 'single' | 'checkbox';
   /**
-   * For checkbox selection, old behavior is preventing select if there is no node selected.
+   * Wether the input should be validated with vee-validator or not.
+   * If you use this component within form input, you need to set this props as true.
+   */
+  useValidator?: boolean;
+  /**
+   * This prop is required if you use this component in a form input.
+   * Specify the unique field name, match with your needs for API request.
    *
-   * This props comes to make options, wether the selection can be empty or not.
-   * @default true
+   * @default 'selectTree'
    */
-  allowEmptySelection?: boolean;
+  fieldName?: string;
   /**
-   * Set custom header Dialog Select Tree
+   * Make this field as mandatory on form input.
    */
-  dialogHeader?: string;
+  mandatory?: boolean;
   /**
-   * The tree type.
+   * Set custom validator message.
+   * Will be show if invalid="true"
    */
-  type: 'group' | 'category';
+  validatorMessage?: string;
+  /**
+   * Set custom header Dialog Select Tree
+   */
+  dialogHeader?: string;
   /**
    * The button label.
    *
    * @default 'Select ${props.type}'
    */
   label?: string;
+
+  fetchTree?: (
+    type: 'group' | 'category',
+  ) => Promise<ShortFetchResponse<TreeNode> | undefined>;
   /**
-   * The field label
+   * Specify wether the all tree node should be auto checked once it rendered.
+   * @default false
    */
-  fieldLabel?: string;
+  autoSelectAll?: boolean;
+  disableKeys?: number[];
   /**
-   * The selection Mode.
-   *
-   * @default 'checkbox';
+   * Disable the Select button
    */
-  selectionMode?: 'single' | 'checkbox';
+  disabled?: boolean;
+  exactDisableKey?: number;
   /**
-   * Wether the input should be validated with vee-validator or not.
-   * If you use this component within form input, you need to set this props as true.
+   * Disable node 'All' selection
    */
-  useValidator?: boolean;
+  disableNodeAll?: boolean;
   /**
-   * This prop is required if you use this component in a form input.
-   * Specify the unique field name, match with your needs for API request.
+   * For checkbox selection, old behavior is preventing select if there is no node selected.
    *
-   * @default 'selectTree'
+   * This props comes to make options, wether the selection can be empty or not.
+   * @default true
    */
-  fieldName?: string;
+  allowEmptySelection?: boolean;
   /**
-   * The information to be shown to user by hovering info icon.
+   * The field label
    */
-  fieldInfo?: string;
+  fieldLabel?: string;
   /**
-   * Make this field as mandatory on form input.
+   * The information to be shown to user by hovering info icon.
    */
-  mandatory?: boolean;
+  fieldInfo?: string;
   /**
    * Invalid state.
    */
   invalid?: boolean;
   /**
-   * Set custom validator message.
-   * Will be show if invalid="true"
+   * Defines width of button for 'Select Group' / 'Select Category' in px.
+   * Deprecated, use props `width` instead
+   *
+   * @deprecated
    */
-  validatorMessage?: string;
+  btnWidth?: number;
   /**
    * Defines width of button for 'Select Group' / 'Select Category' in px.
    */
-  btnWidth?: number;
+  width?: number;
   /**
    * Defines the tree is readonly and disabled.
    */
@@ -136,9 +155,7 @@ export interface ButtonSelectTreeProps {
 }
 
 export type ButtonSelectTreeEmits = {
-  'update:keys': [keys: KeysModelValue, isAllSelected?: boolean];
-  'update:selectedNode': [node: TreeNode | undefined];
-  'update:selectedNodes': [nodes: TreeNode[]];
+  'update:value': [keys: NodeModelValue, isAllSelected?: boolean];
   'dialogShown': [];
   'dialogHidden': [];
   'reset': [];

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

@@ -1,18 +1,15 @@
 import { DefineComponent } from 'vue';
+import {
+  ToggleSwitchEmits,
+  ToggleSwitchProps,
+} from '../toggleswitch/ToggleSwitch.vue.d';
 
-export interface ButtonToggleProps {
-  modelValue?: boolean;
-  /**
-   * Whether this button toggle is a tristate toggle.
-   * @defaultValue false
-   */
-  triState?: boolean;
-}
-
-export type ButtonToggleEmits = {
-  'update:modelValue': [state: boolean];
-};
+export type ButtonToggleProps = ToggleSwitchProps & {};
+export type ButtonToggleEmits = ToggleSwitchEmits & {};
 
+/**
+ * @deprecated Use ToggleSwitch component instead.
+ */
 declare const ButtonToggle: DefineComponent<
   ButtonToggleProps,
   ButtonToggleEmits

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

@@ -8,8 +8,10 @@ type __VLS_PublicProps = {
 } & 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;
+    reloadTable: () => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<__VLS_PublicProps>>> & {
     "onUpdate:visible"?: (visible: boolean) => any;
+    onReloadTable?: () => any;
 }, {}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

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

@@ -24,6 +24,42 @@ export type DialogFormPayload<
   formValues: FormValuesType;
 };
 
+export interface DialogFormLocaleConfig {
+  /**
+   * @example 'Cancel'
+   */
+  cancelBtnLabel?: string;
+
+  /**
+   * @example 'Clear Field'
+   */
+  clearBtnLabel?: string;
+
+  /**
+   * @example 'Stay after submit'
+   */
+  stayCheckboxLabel?: string;
+
+  /**
+   * @example 'Submit'
+   */
+  submitBtnLabel?: string;
+
+  /**
+   * Set the label for button expand sidebar right when it is expanded.
+   *
+   * @example 'Tutup <'
+   */
+  asideRightExpandedButtonLabel?: string;
+
+  /**
+   * Set the label for button expand sidebar right when it is collapsed.
+   *
+   * @example 'Lihat data yang ada >'
+   */
+  asideRightCollapsedButtonLabel?: string;
+}
+
 /**
  * Props for DialogForm component
  */
@@ -32,19 +68,17 @@ 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
    *
@@ -52,53 +86,69 @@ export interface DialogFormProps extends FormProps {
    */
   asideRightWidth?: number;
   class?: string | string[];
+
   /**
    * Custom button cancel label.
+   *
+   * @default - The default value from locale configuration {@link DialogFormLocaleConfig.cancelBtnLabel}
+   *
    */
   cancelBtnLabel?: string;
+
   /**
    * Custom button clear label.
+   *
+   * @default - The default value from locale configuration {@link DialogFormLocaleConfig.clearBtnLabel}
    */
   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.'
    *
@@ -106,20 +156,27 @@ export interface DialogFormProps extends FormProps {
    * @default false - if the action is save.
    */
   showStayCheckbox?: boolean;
+
   /**
    * Custom label for stay checkbox.
+   *
+   * @default - The default value from locale configuration {@link DialogFormLocaleConfig.stayCheckboxLabel}
    */
   stayCheckboxLabel?: string;
+
   /**
    * Custom button submit label.
+   * @default - The default value from locale configuration {@link DialogFormLocaleConfig.submitBtnLabel}
    */
   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.
@@ -128,6 +185,7 @@ export interface DialogFormProps extends FormProps {
    * Otherwise, 'submit' event will be emitted.
    */
   validationFunction?: () => void | Promise<void>;
+
   /**
    * Set the dialog size.
    *
@@ -147,10 +205,12 @@ export interface ConfirmSlots {
    * The Visible state.
    */
   visible: boolean;
+
   /**
    * Hide the confirm dialog.
    */
   hide: () => void;
+
   /**
    * The submit function to be called after confirmation.
    */
@@ -172,18 +232,22 @@ 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.
    */
@@ -198,22 +262,27 @@ 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.
    */
@@ -240,6 +309,7 @@ declare class DialogForm extends ClassComponent<
    * Exposed function to clears the form fields.
    */
   clearField: () => void;
+
   /**
    * The ref of form element.
    */

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

@@ -2,6 +2,7 @@ import { TreeSelectionKeys } from 'primevue/tree';
 import { TreeNode } from '../basetree/BaseTree.vue.d';
 import { ShortFetchResponse } from '../datatable/DataTable.vue.d';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
+import TreeInstance from '../tree/Tree.vue.d';
 
 export interface DialogSelectTreeProps {
   fetchTree?: (
@@ -87,7 +88,9 @@ declare class DialogSelectTree extends ClassComponent<
   DialogSelectTreeProps,
   Record<string, unknown>,
   DialogSelectTreeEmits
-> {}
+> {
+  treeComponent: TreeInstance;
+}
 
 declare module '@vue/runtime-core' {
   interface GlobalComponents {