@fewangsit/wangsvue-gsts 1.0.0-alpha.26 → 1.0.0-alpha.27

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

@@ -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,5 +1,4 @@
-import { ClassComponent } from '../.././components/ts-helpers';
-
+import { ClassComponent } from '../ts-helpers.d';
 
 export interface BadgeComponentConfigs {
   /**
@@ -26,15 +25,7 @@ export interface BadgeProps extends BadgeComponentConfigs {
   /**
    * Sets the severity level for styling purposes. This prop might be omitted if getSeverity is provided.
    */
-  severity?:
-    | 'success'
-    | 'info'
-    | 'danger'
-    | 'warning'
-    | 'dark'
-    | 'primary'
-    | 'fixed-primary'
-    | 'supply-primary';
+  severity?: 'success' | 'info' | 'danger' | 'warning' | 'dark' | 'primary';
   /**
    * Specifies the format for text truncation rules based on the usage context.
    */
@@ -47,6 +38,13 @@ export interface BadgeProps extends BadgeComponentConfigs {
    * Whether to set badge become disabled.
    */
   disabled?: boolean;
+
+  /**
+   * Set custom tooltip for badge.
+   *
+   * @default - the full label if the badge text is truncated
+   */
+  tooltip?: string;
 }
 
 /**

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

@@ -1,18 +1,13 @@
 import { Slot } from 'vue';
-import { BadgeProps } from '../.././components/badge/Badge.vue.d';
-import { ClassComponent, HintedString } from '../.././components/ts-helpers';
 
+import { BadgeProps } from '../../components/badge/Badge.vue.d';
+
+import { ClassComponent, HintedString } from '../ts-helpers.d';
 
 export type ObjectBadge = {
   text: string;
-  severity:
-    | 'success'
-    | 'danger'
-    | 'warning'
-    | 'dark'
-    | 'primary'
-    | 'fixed-primary'
-    | 'supply-primary';
+  severity: 'success' | 'danger' | 'warning' | 'dark' | 'primary';
+  tooltip?: string;
 };
 
 export interface BadgeGroupProps
@@ -27,14 +22,7 @@ export interface BadgeGroupProps
    * @default undefined
    */
   textMoreSeverity?: HintedString<
-    | 'secondary'
-    | 'info'
-    | 'success'
-    | 'warning'
-    | 'danger'
-    | 'contrast'
-    | 'fixed-primary'
-    | 'supply-primary'
+    'secondary' | 'info' | 'success' | 'warning' | 'danger' | 'contrast'
   >;
   /**
    * The text shown on the more button
@@ -50,11 +38,6 @@ export interface BadgeGroupProps
    * The dialog header shown on more button clicked
    */
   headerLabel?: string;
-  /**
-   * Specify if the badge should be emptyable
-   * @default false
-   */
-  emptyable?: boolean;
 }
 
 export interface BadgeGroupSlots {

package/components/badgegrouptree/BadgeGroupTree.vue.d.ts

@@ -1,6 +1,8 @@
-import { BadgeGroupProps } from '../.././components/badgegroup/BadgeGroup.vue.d';
-import { ClassComponent, GlobalComponentConstructor } from '../.././components/ts-helpers';
-
+import { BadgeGroupProps } from '../../components/badgegroup/BadgeGroup.vue.d';
+import {
+  ClassComponent,
+  GlobalComponentConstructor,
+} from '../../components/ts-helpers.d';
 
 export interface BadgeGroupTreeItem {
   _id: string;

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,9 +1,12 @@
-import { ButtonHTMLAttributes, VNode } from 'vue';
 import { TooltipOptions } from 'primevue/tooltip';
-import { GlobalComponentConstructor } from '../.././components/ts-helpers.d';
-import { ClassComponent, HintedString } from '../.././components/ts-helpers';
-import { WangsIcons } from '../.././components/icon/Icon.vue.d';
+import { ButtonHTMLAttributes, VNode } from 'vue';
 
+import { WangsIcons } from '../icon/Icon.vue.d';
+import {
+  ClassComponent,
+  GlobalComponentConstructor,
+  HintedString,
+} from '../ts-helpers.d';
 
 /**
  * Defines valid properties in Button component.
@@ -56,14 +59,7 @@ export interface ButtonProps extends /* @vue-ignore */ ButtonHTMLAttributes {
    */
   badgeSeverity?:
     | HintedString<
-        | 'secondary'
-        | 'info'
-        | 'success'
-        | 'warning'
-        | 'danger'
-        | 'contrast'
-        | 'fixed-primary'
-        | 'supply-primary'
+        'secondary' | 'info' | 'success' | 'warning' | 'danger' | 'contrast'
       >
     | null
     | undefined;

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 '../../components/ts-helpers.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

@@ -0,0 +1,46 @@
+import { DefineComponent } from 'vue';
+
+import { ButtonScanProps } from '../buttonscan/ButtonScan.vue.d';
+import { WangsIcons } from '../icon/Icon.vue.d';
+
+export type ScanPayload = {
+  type: 'RFID' | 'QR';
+  code: string;
+  device: string; // Serial Number
+};
+
+export type ButtonSearchByScanEmits = {
+  scan: [payload: ScanPayload];
+};
+
+export interface ButtonSearchByScanProps {
+  /**
+   * The button label.
+   *
+   * @default 'Search by Scan'
+   */
+  label?: string;
+  /**
+   * The button icon.
+   */
+  icon?: WangsIcons;
+  /**
+   * The datatable tablename which handles the search by scan.
+   *
+   * @default 'datatable' - default DataTable tablename
+   */
+  tableName?: string;
+  bulk?: boolean;
+  scanValidation?: ButtonScanProps['scanValidation'];
+}
+
+export type ButtonSearchByScanExposes = {
+  stopScan: (afterScan?: boolean) => void;
+};
+
+declare const ButtonSearchByScan: DefineComponent<
+  ButtonSearchByScanProps,
+  ButtonSearchByScanEmits
+>;
+
+export default ButtonSearchByScan;

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/calendar/Calendar.vue.d.ts

@@ -1,6 +1,7 @@
-import { TransitionProps } from 'vue';
+import { Slot, TransitionProps } from 'vue';
+
 import { CustomValidation } from '../form/Form.vue.d';
-import { ClassComponent } from '../ts-helpers';
+import { ClassComponent } from '../ts-helpers.d';
 
 export interface CalendarLocaleConfig {
   defaultPlaceholder: string;
@@ -321,6 +322,11 @@ export interface CalendarProps {
    */
   readonly?: boolean;
 
+  /**
+   * The class name of the overlay element.
+   */
+  overlayClass?: string;
+
   /**
    * Identifier of the underlying input element.
    */
@@ -337,7 +343,7 @@ export interface CalendarProps {
    * @default 'single'
    * @deprecated use selectionMode
    */
-  mode?: 'range' | 'single';
+  mode?: 'range' | 'single' | 'multiple';
 
   /**
    * Whether single date or date range model value.
@@ -474,6 +480,11 @@ export interface CalendarProps {
    */
   onlyWeekdays?: boolean;
 
+  /**
+   * Exclude certain dates from selection.
+   */
+  excludeDates?: Date[];
+
   /**
    * The minimum selectable date.
    */
@@ -556,6 +567,18 @@ export type CalendarEmits = {
   'dateSelect': [date: Date | Date[]];
 };
 
+export interface CalendarSlots {
+  /**
+   * Slot for custom root input element
+   */
+  'default': Slot<{ onClick: (event: Event) => void }>;
+
+  /**
+   * Slot for additional content in overlay
+   */
+  'addon-overlay': Slot;
+}
+
 /**
  * **WangsVue - Calendar**
  *
@@ -568,7 +591,7 @@ export type CalendarEmits = {
  */
 declare class Calendar extends ClassComponent<
   CalendarProps,
-  unknown,
+  CalendarSlots,
   CalendarEmits
 > {}
 

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/carousel/Carousel.vue.d.ts

@@ -0,0 +1,28 @@
+import { ImageGallery } from '../image/Image.vue.d';
+import { ClassComponent } from '../ts-helpers';
+
+export interface CarouselProps {
+  /**
+   * An array of image object to be displayed.
+   */
+  value: ImageGallery[] | undefined;
+}
+
+/**
+ * **TSVue v2 - Carousel**
+ *
+ * _Carousel is a component for displaying a collection of images or content in a sliding or rotating fashion.
+ * You can navigate through the items using the provided next and previous functions._
+ *
+ * --- ---
+ * ![TSVue](https://ik.imagekit.io/kurniadev/TS-HEAD-BLACK.png)
+ *
+ * @group components
+ */
+declare class Carousel extends ClassComponent<
+  CarouselProps,
+  unknown,
+  unknown
+> {}
+
+export default Carousel;

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

@@ -1,8 +1,12 @@
-import { ClassComponent, GlobalComponentConstructor, HintedString } from '../.././components/ts-helpers';
-import { TableColumn } from '../.././components/datatable/DataTable.vue.d';
-import { FilterField } from '../.././components/filtercontainer/FilterContainer.vue.d';
 import { ChangelogFilterQuery } from '@tagsamurai/acts-api-services/src/dto/changelog.dto';
 
+import { TableColumn } from '../../components/datatable/DataTable.vue.d';
+import { FilterField } from '../../components/filtercontainer/FilterContainer.vue.d';
+import {
+  ClassComponent,
+  GlobalComponentConstructor,
+  HintedString,
+} 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 { ClassComponent, GlobalComponentConstructor } from '../.././components/ts-helpers';
-import { ChangelogDefaultField, ChangelogTemplateColumn, ChangelogTemplateFilter } from '../changelog/Changelog.vue.d';
 import { ChangelogFilterQuery } from '@tagsamurai/acts-api-services/src/dto/changelog.dto';
 
+import {
+  ClassComponent,
+  GlobalComponentConstructor,
+} from '../../components/ts-helpers.d';
+import {
+  ChangelogDefaultField,
+  ChangelogTemplateColumn,
+  ChangelogTemplateFilter,
+} from '../changelog/Changelog.vue.d';
 
 /**
  * Props for Changelog component

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/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,9 +1,12 @@
+import { Component } from 'vue';
+
 import { DialogConfirmProps } from '../../components/dialogconfirm/DialogConfirm.vue.d';
 import { MenuItem } from '../../components/menuitem';
-import { ClassComponent, HintedString } from '../ts-helpers.d';
-import { Component } from 'vue';
 import { DateOptions } from '../../utils/date.util';
 
+import { WangsIconseverities } from '../icon/Icon.vue.d';
+import { ClassComponent, HintedString } from '../ts-helpers.d';
+
 export interface DataTableLocaleConfig {
   /**
    * Message to display on loading ovevrlay while downloading
@@ -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/dialog/Dialog.vue.d.ts

@@ -9,13 +9,14 @@
  *
  */
 import { HTMLAttributes, TransitionProps, 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 DialogPassThroughOptionType<T = any> =
   | DialogPassThroughAttributes
@@ -318,7 +319,7 @@ export interface DialogProps {
   /**
    * A string or string array class to append to the root section.
    */
-  class?: string | string[];
+  class?: string | string[] | object[];
   /**
    * A string or string array class to append to the dialog header section.
    */
@@ -326,11 +327,11 @@ export interface DialogProps {
   /**
    * A string or string array class to append to the dialog content section.
    */
-  contentClass?: string | string[];
+  contentClass?: string | string[] | object[];
   /**
    * A string or string array class to append to the dialog footer section.
    */
-  footerClass?: string | string[];
+  footerClass?: string | string[] | object[];
 }
 
 /**

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

@@ -1,10 +1,9 @@
-import { WangsIcons } from '../.././components/icon/Icon.vue.d';
-import { ClassComponent } from '../.././components/ts-helpers';
-import { GlobalComponentConstructor } from '../.././components/ts-helpers.d';
 import { Slot } from 'vue';
 
+import { WangsIcons } from '../icon/Icon.vue.d';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers.d';
 
-type ConfirmDialogSeverity = 'success' | 'danger';
+type ConfirmDialogSeverity = 'success' | 'danger' | 'primary';
 
 export interface DialogConfirmLocaleConfig {
   actionableCloseButtonLabel?: string;
@@ -39,10 +38,7 @@ export interface DialogConfirmProps {
    *
    * @default undefined - to fallback to props.severity
    */
-  confirmButtonSeverity?:
-    | ConfirmDialogSeverity
-    | 'fixed-primary'
-    | 'supply-primary';
+  confirmButtonSeverity?: ConfirmDialogSeverity | 'primary';
   /**
    * The boolean modelValue to show dialog.
    */
@@ -69,6 +65,10 @@ export interface DialogConfirmProps {
    * The label of the confirm button.
    */
   confirmLabel?: string;
+  /**
+   * Props to disable confirm button.
+   */
+  disableConfirmButton?: boolean;
   /**
    * Custom header icon. Default is 'error' icon for danger severity, and 'checkbox-circle' for success severity.
    */