@fewangsit/wangsvue-fats 1.0.0-alpha.33 → 1.0.0-alpha.35

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

@@ -1,35 +1,35 @@
 import { BaseTreeProps, TreeNode } from './BaseTree.vue.d';
 
 export interface TreeSelectionKeys {
-    [key: string]: {
-        checked?: boolean;
-        partialChecked?: boolean;
-    };
+  [key: string]: {
+    checked?: boolean;
+    partialChecked?: boolean;
+  };
 }
 
 export interface TreeNodeProps extends BaseTreeProps {
-    node: TreeNode;
-    index?: number;
-    disabled?: boolean;
-    /**
-     * List of labels that has no menu option
-     */
-    listLabelsNoOption?: string[];
-    pt?: any;
-    templates?: any;
+  node: TreeNode;
+  index?: number;
+  disabled?: boolean;
+  /**
+   * List of labels that has no menu option
+   */
+  listLabelsNoOption?: string[];
+  pt?: any;
+  templates?: any;
 }
 
 export interface TreeNodeEmits {
-    nodeToggle: [node: TreeNode];
-    nodeClick: [
-        data: { originalEvent: Event; nodeTouched: boolean; node: TreeNode },
-    ];
-    checkboxChange: [
-        data: {
-            node: TreeNode;
-            check: boolean;
-            selectionKeys: TreeSelectionKeys;
-        },
-    ];
-    toggleMenu: [node: TreeNode];
+  nodeToggle: [node: TreeNode];
+  nodeClick: [
+    data: { originalEvent: Event; nodeTouched: boolean; node: TreeNode },
+  ];
+  checkboxChange: [
+    data: {
+      node: TreeNode;
+      check: boolean;
+      selectionKeys: TreeSelectionKeys;
+    },
+  ];
+  toggleMenu: [node: TreeNode];
 }

package/components/breadcrumb/Breadcrumb.vue.d.ts

@@ -1,16 +1,16 @@
 import { DefineComponent } from 'vue';
 
 export type BreadcrumbMenu = {
-    name: string;
-    route?: string;
-    title?: string;
+  name: string;
+  route?: string;
+  title?: string;
 };
 
 export interface BreadcrumbProps {
-    /**
-     * The list of breadcrumb menu to display.
-     */
-    menus: BreadcrumbMenu[];
+  /**
+   * The list of breadcrumb menu to display.
+   */
+  menus: BreadcrumbMenu[];
 }
 
 /**

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

@@ -2,169 +2,164 @@ import { ButtonHTMLAttributes, VNode } from 'vue';
 import { WangsIcons } from '../icon/Icon.vue.d';
 import { TooltipOptions } from 'primevue/tooltip';
 import {
-    GlobalComponentConstructor,
-    ClassComponent,
-    HintedString,
+  GlobalComponentConstructor,
+  ClassComponent,
+  HintedString,
 } from '../ts-helpers';
 
 /**
  * Defines valid properties in Button component.
  */
 export interface ButtonProps extends /* @vue-ignore */ ButtonHTMLAttributes {
-    /**
-     * Inline style of the button.
-     */
-    style?: any;
-    /**
-     * Style class of the button.
-     */
-    class?: any;
-    /**
-     * Text of the button.
-     */
-    label?: string | undefined;
-    /**
-     * Name of the icon.
-     */
-    icon?: WangsIcons | undefined;
-    /**
-     * Position of the icon.
-     * @defaultValue left
-     */
-    iconPos?: 'left' | 'right' | 'top' | 'bottom' | undefined;
-    /**
-     * Style class of the icon.
-     */
-    iconClass?: string | undefined;
-    /**
-     * Tooltip/information to show on button hover.
-     */
-    tooltip?: string | TooltipOptions;
-    /**
-     * Set the position of tooltip.
-     * @default bottom
-     */
-    tooltipPos?: 'top' | 'right' | 'bottom' | 'left';
-    /**
-     * Value of the badge.
-     */
-    badge?: string | undefined;
-    /**
-     * Style class of the badge.
-     */
-    badgeClass?: string | undefined;
-    /**
-     * Severity type of the badge.
-     */
-    badgeSeverity?:
-        | HintedString<
-              | 'secondary'
-              | 'info'
-              | 'success'
-              | 'warning'
-              | 'danger'
-              | 'contrast'
-          >
-        | null
-        | undefined;
-    /**
-     * Whether the button is in loading state.
-     * @defaultValue false
-     */
-    loading?: boolean | undefined;
-    /**
-     * Icon to display in loading state.
-     */
-    loadingIcon?: string | undefined;
-    /**
-     *  Add a link style to the button.
-     * @defaultValue false
-     */
-    link?: boolean | undefined;
-    /**
-     * Defines the style of the button.
-     */
-    severity?:
-        | HintedString<
-              | 'secondary'
-              | 'success'
-              | 'info'
-              | 'warning'
-              | 'help'
-              | 'danger'
-              | 'contrast'
-          >
-        | undefined;
-    /**
-     * Add a shadow to indicate elevation.
-     * @defaultValue false
-     */
-    raised?: boolean | undefined;
-    /**
-     * Add a circular border radius to the button.
-     * @defaultValue false
-     */
-    rounded?: boolean | undefined;
-    /**
-     * Add a textual class to the button without a background initially.
-     * @defaultValue false
-     */
-    text?: boolean | undefined;
-    /**
-     * Add a border class without a background initially.
-     * @defaultValue false
-     */
-    outlined?: boolean | undefined;
-    /**
-     * Defines the size of the button.
-     */
-    size?: 'small' | 'large' | undefined;
-    /**
-     * Add a plain textual class to the button without a background initially.
-     * @defaultValue false
-     */
-    plain?: boolean | undefined;
+  /**
+   * Inline style of the button.
+   */
+  style?: any;
+  /**
+   * Style class of the button.
+   */
+  class?: any;
+  /**
+   * Text of the button.
+   */
+  label?: string | undefined;
+  /**
+   * Name of the icon.
+   */
+  icon?: WangsIcons | undefined;
+  /**
+   * Position of the icon.
+   * @defaultValue left
+   */
+  iconPos?: 'left' | 'right' | 'top' | 'bottom' | undefined;
+  /**
+   * Style class of the icon.
+   */
+  iconClass?: string | undefined;
+  /**
+   * Tooltip/information to show on button hover.
+   */
+  tooltip?: string | TooltipOptions;
+  /**
+   * Set the position of tooltip.
+   * @default bottom
+   */
+  tooltipPos?: 'top' | 'right' | 'bottom' | 'left';
+  /**
+   * Value of the badge.
+   */
+  badge?: string | undefined;
+  /**
+   * Style class of the badge.
+   */
+  badgeClass?: string | undefined;
+  /**
+   * Severity type of the badge.
+   */
+  badgeSeverity?:
+    | HintedString<
+        'secondary' | 'info' | 'success' | 'warning' | 'danger' | 'contrast'
+      >
+    | null
+    | undefined;
+  /**
+   * Whether the button is in loading state.
+   * @defaultValue false
+   */
+  loading?: boolean | undefined;
+  /**
+   * Icon to display in loading state.
+   */
+  loadingIcon?: string | undefined;
+  /**
+   *  Add a link style to the button.
+   * @defaultValue false
+   */
+  link?: boolean | undefined;
+  /**
+   * Defines the style of the button.
+   */
+  severity?:
+    | HintedString<
+        | 'secondary'
+        | 'success'
+        | 'info'
+        | 'warning'
+        | 'help'
+        | 'danger'
+        | 'contrast'
+      >
+    | undefined;
+  /**
+   * Add a shadow to indicate elevation.
+   * @defaultValue false
+   */
+  raised?: boolean | undefined;
+  /**
+   * Add a circular border radius to the button.
+   * @defaultValue false
+   */
+  rounded?: boolean | undefined;
+  /**
+   * Add a textual class to the button without a background initially.
+   * @defaultValue false
+   */
+  text?: boolean | undefined;
+  /**
+   * Add a border class without a background initially.
+   * @defaultValue false
+   */
+  outlined?: boolean | undefined;
+  /**
+   * Defines the size of the button.
+   */
+  size?: 'small' | 'large' | undefined;
+  /**
+   * Add a plain textual class to the button without a background initially.
+   * @defaultValue false
+   */
+  plain?: boolean | undefined;
 }
 
 /**
  * Defines current options in Button component.
  */
 export interface ButtonContext {
-    /**
-     * Current disabled state of the element as a boolean.
-     * @defaultValue false
-     */
-    disabled: boolean;
+  /**
+   * Current disabled state of the element as a boolean.
+   * @defaultValue false
+   */
+  disabled: boolean;
 }
 
 /**
  * Defines valid slots in Button component.
  */
 export interface ButtonSlots {
+  /**
+   * Custom content such as icons, images and text can be placed inside the button via the default slot. Note that when slot is used, label, icon and badge properties are not included.
+   */
+  default(): VNode[];
+  /**
+   * Custom icon template.
+   * @param {Object} scope - icon slot's params.
+   */
+  icon(scope: {
     /**
-     * Custom content such as icons, images and text can be placed inside the button via the default slot. Note that when slot is used, label, icon and badge properties are not included.
-     */
-    default(): VNode[];
-    /**
-     * Custom icon template.
-     * @param {Object} scope - icon slot's params.
+     * Style class of the icon.
      */
-    icon(scope: {
-        /**
-         * Style class of the icon.
-         */
-        class: string;
-    }): VNode[];
+    class: string;
+  }): VNode[];
+  /**
+   * Custom loading icon template.
+   * @param {Object} scope - loading icon slot's params.
+   */
+  loadingicon(scope: {
     /**
-     * Custom loading icon template.
-     * @param {Object} scope - loading icon slot's params.
+     * Style class of the loading icon.
      */
-    loadingicon(scope: {
-        /**
-         * Style class of the loading icon.
-         */
-        class: string;
-    }): VNode[];
+    class: string;
+  }): VNode[];
 }
 
 /**
@@ -179,15 +174,15 @@ export interface ButtonSlots {
  * @group Component
  */
 declare class Button extends ClassComponent<
-    ButtonProps,
-    ButtonSlots,
-    Record<string, unknown>
+  ButtonProps,
+  ButtonSlots,
+  Record<string, unknown>
 > {}
 
 declare module '@vue/runtime-core' {
-    interface GlobalComponents {
-        Button: GlobalComponentConstructor<Button>;
-    }
+  interface GlobalComponents {
+    Button: GlobalComponentConstructor<Button>;
+  }
 }
 
 export default Button;

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

@@ -0,0 +1,35 @@
+import { TableColumn } from '../datatable/DataTable.vue.d';
+import { DialogFormProps } from '../dialogform/DialogForm.vue.d';
+import { ClassComponent } from '../ts-helpers';
+
+export interface ButtonImportExcelProps {
+  tableName: string;
+  dialog?: Omit<DialogFormProps, 'visible'>;
+  fileUpload?: {
+    /**
+     * @default 'File Upload'
+     */
+    label: string;
+    placeholder: string;
+  };
+
+  /**
+   * In case field from excel is different from datatable columns
+   * Also to determine field type for field that has datatype other than string
+   *
+   * @description - Array of string should be in order based on column order in data table
+   */
+  columnFields?: { field: string; fieldType?: TableColumn['fieldType'] }[];
+}
+
+export type ButtonImportExcelEmits = {
+  importedJson: [value: unknown[]];
+};
+
+declare class ButtonImportExcel extends ClassComponent<
+  ButtonImportExcelProps,
+  ButtonImportExcelEmits,
+  unknown
+> {}
+
+export default ButtonImportExcel;

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

@@ -2,87 +2,87 @@ import { DefineComponent } from 'vue';
 import { MenuItem } from '../menuitem';
 
 export interface ButtonBulkActionLocaleConfig {
-    /**
-     * @example `{length} data selected`
-     */
-    currentSelectionMessage?: string;
+  /**
+   * @example `{length} data selected`
+   */
+  currentSelectionMessage?: string;
 
-    /**
-     * @description Label for when all records have been selected.
-     * @example 'Select all ({totalRecords} data)' - totalRecords - The total number of records available to select.
-     */
-    allRecordSelected?: string;
+  /**
+   * @description Label for when all records have been selected.
+   * @example 'Select all ({totalRecords} data)' - totalRecords - The total number of records available to select.
+   */
+  allRecordSelected?: string;
 
-    /**
-     * @description Label for the "Select All" option in a bulk action button.
-     * @example `Select all ({totalRecords} items)` - totalRecords - The total number of records available to select.
-     */
-    selectAllRecords?: string;
+  /**
+   * @description Label for the "Select All" option in a bulk action button.
+   * @example `Select all ({totalRecords} items)` - totalRecords - The total number of records available to select.
+   */
+  selectAllRecords?: string;
 }
 
 export interface ButtonBulkActionProps {
-    /**
-     * Disable the button.
-     */
-    disabled?: boolean;
-    /**
-     * An array of data objects to be included in an action.
-     * Use as 'v-model:selectedData' to automatically reset on Cancel or Apply.
-     */
-    selectedData: Record<string, any>[];
-    /**
-     * The total selectable data. This is optional when working with dynamic data table,
-     * just define tableName, the component will handle the rest for you
-     *
-     */
-    totalRecords?: number;
-    options: MenuItem[];
-    /**
-     * Multiple bulk action mounted at the same time will cause unexpected behavior.
-     *
-     * You need to set the appropriate id the same with the table-name where the bulkaction used for.
-     */
-    tableName?: string;
-    /**
-     * Specify the select manue type. Default to overlay-panel
-     *
-     * @default overlay-panel
-     * @default dropdown - for wangsvue-acts
-     *
-     * @options dropdown overlay-panel
-     */
-    selectMenuType?: 'dropdown' | 'overlay-panel';
-    /**
-     * Specify the name/label for selected data.
-     *
-     * @example 'Asset(s)' will be displayed as '3 Asset(s) Selected'
-     * @default 'Data' for all packages
-     */
-    naming?: string;
+  /**
+   * Disable the button.
+   */
+  disabled?: boolean;
+  /**
+   * An array of data objects to be included in an action.
+   * Use as 'v-model:selectedData' to automatically reset on Cancel or Apply.
+   */
+  selectedData: Record<string, any>[];
+  /**
+   * The total selectable data. This is optional when working with dynamic data table,
+   * just define tableName, the component will handle the rest for you
+   *
+   */
+  totalRecords?: number;
+  options: MenuItem[];
+  /**
+   * Multiple bulk action mounted at the same time will cause unexpected behavior.
+   *
+   * You need to set the appropriate id the same with the table-name where the bulkaction used for.
+   */
+  tableName?: string;
+  /**
+   * Specify the select manue type. Default to overlay-panel
+   *
+   * @default overlay-panel
+   * @default dropdown - for wangsvue-acts
+   *
+   * @options dropdown overlay-panel
+   */
+  selectMenuType?: 'dropdown' | 'overlay-panel';
+  /**
+   * Specify the name/label for selected data.
+   *
+   * @example 'Asset(s)' will be displayed as '3 Asset(s) Selected'
+   * @default 'Data' for all packages
+   */
+  naming?: string;
 }
 
 export interface ButtonBulkActionSlots {
-    /**
-     * Use additional slot like input field.
-     * The button Apply will be shown if the selected option use additional slot.
-     *
-     * @slotprops selectedOption the current selected option/action. you can do conditional based on this slotprops.
-     */
-    addition(selectedOption: MenuItem): () => any;
+  /**
+   * Use additional slot like input field.
+   * The button Apply will be shown if the selected option use additional slot.
+   *
+   * @slotprops selectedOption the current selected option/action. you can do conditional based on this slotprops.
+   */
+  addition(selectedOption: MenuItem): () => any;
 }
 
 export type ButtonBulkActionEmits = {
-    /**
-     * Emits when Apply button is clicked.
-     *
-     * By default, 'command' on MenuItem will be executed.
-     * With this event, You can do additional actions.
-     */
-    'apply': [];
-    /**
-     * Emits when Cancel or Apply button is clicked.
-     */
-    'update:selectedData': [datas: Record<string, unknown>[]];
+  /**
+   * Emits when Apply button is clicked.
+   *
+   * By default, 'command' on MenuItem will be executed.
+   * With this event, You can do additional actions.
+   */
+  'apply': [];
+  /**
+   * Emits when Cancel or Apply button is clicked.
+   */
+  'update:selectedData': [datas: Record<string, unknown>[]];
 };
 
 /**
@@ -96,9 +96,9 @@ export type ButtonBulkActionEmits = {
  * @group buttons
  */
 declare const ButtonBulkAction: DefineComponent<
-    ButtonBulkActionProps,
-    ButtonBulkActionSlots,
-    ButtonBulkActionEmits
+  ButtonBulkActionProps,
+  ButtonBulkActionSlots,
+  ButtonBulkActionEmits
 >;
 
 export default ButtonBulkAction;

package/components/buttoncopy/ButtonCopy.vue.d.ts

@@ -1,10 +1,10 @@
 import { DefineComponent } from 'vue';
 
 export interface ButtonCopyProps {
-    /**
-     * Text to be copied.
-     */
-    text: string;
+  /**
+   * Text to be copied.
+   */
+  text: string;
 }
 
 /**
@@ -18,9 +18,9 @@ export interface ButtonCopyProps {
  * @group buttons
  */
 declare const ButtonCopy: DefineComponent<
-    ButtonCopyProps,
-    Record<string, unknown>,
-    Record<string, unknown>
+  ButtonCopyProps,
+  Record<string, unknown>,
+  Record<string, unknown>
 >;
 
 export default ButtonCopy;