@fewangsit/wangsvue-fats 1.0.0-alpha.15 → 1.0.0-alpha.150

package/components/buttonviewlog/ButtonViewLog.vue.d.ts

@@ -0,0 +1,17 @@
+import { ClassComponent } from '../../components/ts-helpers.d';
+
+export interface ButtonViewLogProps {
+  showLog?: boolean;
+}
+
+export type ButtonViewLogEmits = {
+  'update:showLog': [state: boolean];
+};
+
+declare class ButtonViewLog extends ClassComponent<
+  ButtonViewLogProps,
+  unknown,
+  ButtonViewLogEmits
+> {}
+
+export default ButtonViewLog;

package/components/calendar/Calendar.vue.d.ts

@@ -1,4 +1,5 @@
-import { TransitionProps } from 'vue';
+import { Slot, TransitionProps } from 'vue';
+
 import { CustomValidation } from '../form/Form.vue.d';
 import { ClassComponent } from '../ts-helpers';
 
@@ -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,14 +343,14 @@ export interface CalendarProps {
    * @default 'single'
    * @deprecated use selectionMode
    */
-  mode?: 'range' | 'single';
+  mode?: 'range' | 'single' | 'multiple';
 
   /**
    * Whether single date or date range model value.
    *
    * @default 'single'
    */
-  selectionMode?: 'range' | 'single';
+  selectionMode?: 'range' | 'single' | 'multiple';
 
   /**
    * Whether to hide the overlay on date selection when showTime is enabled.
@@ -469,6 +475,16 @@ export interface CalendarProps {
    */
   useTimeFormat?: boolean;
 
+  /**
+   * Only allow weekdays to be selected.
+   */
+  onlyWeekdays?: boolean;
+
+  /**
+   * Exclude certain dates from selection.
+   */
+  excludeDates?: Date[];
+
   /**
    * The minimum selectable date.
    */
@@ -551,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**
  *
@@ -563,7 +591,7 @@ export type CalendarEmits = {
  */
 declare class Calendar extends ClassComponent<
   CalendarProps,
-  unknown,
+  CalendarSlots,
   CalendarEmits
 > {}
 

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

@@ -7,6 +7,7 @@
  *
  */
 import { VNode } from 'vue';
+
 import { ComponentHooks } from '../basecomponent';
 import { PassThroughOptions } from '../passthrough';
 import {

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/checkbox/Checkbox.vue.d.ts

@@ -6,6 +6,7 @@
  *
  */
 import { VNode } from 'vue';
+
 import { ComponentHooks } from '../basecomponent';
 import { PassThroughOptions } from '../passthrough';
 import {

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

@@ -1,8 +1,10 @@
-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 { ClassComponent, HintedString } from '../ts-helpers.d';
 
 export interface DataTableLocaleConfig {
   /**
@@ -153,6 +155,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<

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

@@ -9,6 +9,7 @@
  *
  */
 import { HTMLAttributes, TransitionProps, VNode } from 'vue';
+
 import { ComponentHooks } from '../basecomponent';
 import { PassThroughOptions } from '../passthrough';
 import {
@@ -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/dialogassetnamedetail/DialogAssetNameDetail.vue.d.ts

@@ -0,0 +1,46 @@
+import { DefineComponent } from 'vue';
+
+/**
+ * Props for DialogAssetNameDetail component
+ */
+export interface DialogAssetNameDetailProps {
+  /**
+   * The header of the dialog.
+   *
+   * @defaultValue "Asset Name Detail"
+   */
+  header?: string;
+
+  /**
+   * The ID of the asset.
+   */
+  id: string;
+
+  /**
+   * The query params for fetching assets.
+   */
+  params?: { [key: string]: string };
+
+  /**
+   * Specifies the visibility of the dialog.
+   * @defaultValue false
+   */
+  visible?: boolean | undefined;
+}
+
+/**
+ * Emits for DialogAssetNameDetail component
+ */
+export type DialogAssetNameDetailEmits = {
+  /**
+   * Emits when the dialog is closed. Wether from cancel button, close button, or ESC button pressed.
+   */
+  'update:visible': [state: boolean];
+};
+
+declare const DialogAssetNameDetail: DefineComponent<
+  DialogAssetNameDetailProps,
+  DialogAssetNameDetailEmits
+>;
+
+export default DialogAssetNameDetail;

package/components/dialogassetnamedetail/options/columns.d.ts

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

package/components/dialogassetnamedetail/options/filter.d.ts

@@ -0,0 +1,2 @@
+import { FilterField } from 'components/filtercontainer/FilterContainer.vue.d';
+export declare const filterFields: FilterField[];

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';
 
-type ConfirmDialogSeverity = 'success' | 'danger';
+type ConfirmDialogSeverity = 'success' | 'danger' | 'primary';
 
 export interface DialogConfirmLocaleConfig {
   actionableCloseButtonLabel?: string;

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

@@ -1,5 +1,6 @@
 import { GenericObject } from 'vee-validate';
 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';
@@ -85,7 +86,7 @@ export interface DialogFormProps extends FormProps {
    * @default 260
    */
   asideRightWidth?: number;
-  class?: string | string[];
+  class?: string | string[] | object[];
 
   /**
    * Custom button cancel label.
@@ -117,7 +118,7 @@ export interface DialogFormProps extends FormProps {
   /**
    * @deprecated
    */
-  contentClass?: string | string[];
+  contentClass?: string | string[] | object[];
 
   /**
    * Show Date time on header.

package/components/dialoglinkedasset/DialogLinkedAsset.vue.d.ts

@@ -0,0 +1,106 @@
+import { DefineComponent } from 'vue';
+import { AssetName } from '@tagsamurai/fats-api-services/src/types/oldAssetService.type';
+
+import { DialogConfirmProps } from '../../../../library/components/dialogconfirm/DialogConfirm.vue.d';
+import { WangsIcons } from '../../../../library/components/icon/Icon.vue.d';
+
+/**
+ * Type of the asset data, it refers to data response from Asset API, but since this component only using asset's name and _id then only those field are required for type.
+ */
+export type LinkedAsset = {
+  _id: string;
+  name: AssetName;
+};
+
+/**
+ * Type of linked asset, it contains parent and its child(s).
+ */
+export type LinkedAssetFamily = {
+  parent: LinkedAsset;
+  children: LinkedAsset[];
+};
+
+export type ChildAsset = {
+  parent: LinkedAsset;
+  children: LinkedAsset[]; // Empty children
+  family: LinkedAsset[];
+};
+
+export type ParentAsset = {
+  parent: undefined; // If the asset is parent, the parent will undefined
+  children: LinkedAsset[];
+  family: LinkedAsset[]; // Family is combination of parent, children and asset itself.
+  // If it only contains one asset in family, it means the asset has not linked yet.
+};
+
+export type FamilyData = (ParentAsset | ChildAsset) & {
+  _id: string;
+};
+
+/**
+ * Props for DialogSelectAsset component
+ */
+export interface DialogLinkedAssetProps extends DialogConfirmProps {
+  /**
+   * The header of the dialog.
+   */
+  header: string;
+  /**
+   * The list of selected asset to be transacted.
+   */
+  list?: LinkedAsset[];
+  /**
+   * The list of selected asset to be transacted.
+   *
+   * @deprecated - no longer supported, use `list` instead
+   */
+  lists?: LinkedAsset[];
+  /**
+   * The label of the dialog button.
+   */
+  label?: string;
+  /**
+   * The body text of the dialog.
+   */
+  confirmBody?: string;
+  /**
+   * Specify the custom header icon.
+   * If not, the default rules by it severity.
+   *
+   * @default 'success' > hidden;
+   * @default 'danger' > 'error';
+   */
+  headerIcon?: WangsIcons;
+  /**
+   * @default - 'confirmation'
+   */
+  type?: 'detail' | 'confirmation';
+}
+
+/**
+ * Emits for DialogSelectAsset component
+ */
+export type DialogLinkedAssetEmit = {
+  /**
+   * Emits when button confirm clicked.
+   */
+  'confirm': [families: LinkedAssetFamily[]];
+  /**
+   * Emits when the dialog is closed. Wether from cancel button, close button, or ESC button pressed.
+   */
+  'update:visible': [state: boolean];
+};
+
+/**
+ * Wangsvue - DialogLinkedAsset
+ *
+ * DialogLinkedAsset is a component for creating dialog confirmation of linked assets.
+ *
+ * @group components
+ */
+declare const DialogLinkedAsset: DefineComponent<
+  DialogLinkedAssetProps,
+  DialogLinkedAssetEmit
+>;
+
+export default DialogLinkedAsset;

package/components/dialogprintqr/DialogPrintQR.vue.d.ts

@@ -0,0 +1,18 @@
+import { ClassComponent } from '../../components/ts-helpers.d';
+
+export interface DialogPrintQRProps {
+  visible?: boolean;
+}
+
+export type DialogPrintQREmits = {
+  'printed': [];
+  'update:visible': [state: boolean];
+};
+
+declare class DialogPrintQR extends ClassComponent<
+  DialogPrintQRProps,
+  unknown,
+  DialogPrintQREmits
+> {}
+
+export default DialogPrintQR;

package/components/dialogreportdamage/DialogReportDamage.vue.d.ts

@@ -0,0 +1,34 @@
+import { ClassComponent } from '../../components/ts-helpers.d';
+
+export type ReportSourceType =
+  | 'Available Asset'
+  | 'Audit Asset'
+  | 'Borrowed Asset'
+  | 'Assigned Asset'
+  | 'Tracking Asset'
+  | 'Maintenance Asset';
+
+export interface DialogReportDamageProps {
+  id: string;
+  reportSource: ReportSourceType;
+  visible?: boolean;
+  byUser?: boolean;
+  successMessage?: string;
+  submitFunction?: (body: {
+    notes: string;
+    image: File;
+  }) => Promise<{ status?: number; message?: string } | undefined>;
+}
+
+export type DialogReportDamageEmits = {
+  'update:visible': [value: boolean];
+  'reported': [];
+};
+
+declare class DialogReportDamage extends ClassComponent<
+  DialogReportDamageProps,
+  unknown,
+  DialogReportDamageEmits
+> {}
+
+export default DialogReportDamage;

package/components/dialogreportmissing/DialogReportMissing.vue.d.ts

@@ -0,0 +1,33 @@
+import { ClassComponent } from '../../components/ts-helpers.d';
+
+export type ReportSourceType =
+  | 'Available Asset'
+  | 'Borrowed Asset'
+  | 'Assigned Asset'
+  | 'Transfer Asset';
+
+export interface DialogReportMissingProps {
+  id: string; // The Asset id to get asset detail
+  reportSource: ReportSourceType;
+  trackingId?: string; // The tracking Id to submit permanently missing report
+  visible?: boolean;
+  permanentlyMissing?: boolean;
+  successMessage?: string;
+  submitWithoutApi?: boolean;
+  submitFunction?: (body: {
+    notes: string;
+  }) => Promise<{ status?: number; message?: string } | undefined>;
+}
+
+export type DialogReportMissingEmits = {
+  'update:visible': [value: boolean];
+  'reported': [payload?: { notes: string }];
+};
+
+declare class DialogReportMissing extends ClassComponent<
+  DialogReportMissingProps,
+  unknown,
+  DialogReportMissingEmits
+> {}
+
+export default DialogReportMissing;

package/components/dialogreporttag/DialogReportTag.vue.d.ts

@@ -0,0 +1,31 @@
+import { ClassComponent } from '../../components/ts-helpers.d';
+
+export interface DialogReportTagProps {
+  id: string;
+  tagReported?: ReportTagBody;
+  visible?: boolean;
+  successMessage?: string;
+  submitLabel?: string;
+  submitWithoutApi?: boolean;
+  submitFunction?: (
+    body: ReportTagBody,
+  ) => Promise<{ status?: number; message?: string } | undefined>;
+}
+
+export type DialogReportTagEmits = {
+  'update:visible': [value: boolean];
+  'reported': [payload?: ReportTagBody];
+};
+
+export type ReportTagBody = {
+  qr: boolean;
+  rfid: boolean;
+};
+
+declare class DialogReportTag extends ClassComponent<
+  DialogReportTagProps,
+  unknown,
+  DialogReportTagEmits
+> {}
+
+export default DialogReportTag;

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

@@ -1,9 +1,10 @@
 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';
 
 export interface DialogSelectTreeProps
   extends Omit<TreeProps, 'type' | 'filter'> {

package/components/dialogselectuser/DialogSelectUser.vue.d.ts

@@ -0,0 +1,102 @@
+import { FetchListResponse } from '@fewangsit/workspace-api-services/src/types/fetchResponse.type';
+import { FetchUserRoleOptionResponse } from '@tagsamurai/fats-api-services/src/dto/role.dto';
+import { User } from '@tagsamurai/fats-api-services/src/types/user.type';
+
+import { QueryParams } from '../../components/datatable/DataTable.vue.d';
+import { ClassComponent } from '../../components/ts-helpers';
+
+export type EmitSelectionValue = {
+  checkbox: User[];
+  single: User;
+};
+
+export type SelectionType = 'single' | 'checkbox';
+
+/**
+ * Props for DialogSelectUser component
+ */
+export interface DialogSelectUserProps {
+  /**
+   * The header of the dialog.
+   *
+   * @defaultValue "Select User"
+   */
+  header?: string;
+
+  /**
+   * The description of the table.
+   *
+   * @defaultValue "Select user"
+   */
+  description?: string;
+
+  /**
+   * Table's selection type
+   */
+  selectionType: SelectionType;
+
+  /**
+   * Specifies the visibility of the dialog.
+   * @defaultValue false
+   */
+  visible?: boolean | undefined;
+
+  /**
+   * List that will be show above the table
+   * @defaultValue undefined
+   */
+  list?: string[];
+
+  /**
+   * Set custom button select label
+   */
+  selectButtonLabel?: string;
+
+  /**
+   * The function to fetch data on DataTable mounted and on queryParams dependencies updated.
+   *
+   * @param params this is required
+   */
+  fetchFunction?: (
+    params: QueryParams,
+  ) => Promise<FetchListResponse | undefined>;
+
+  /**
+   * The function to fetch options on DialogSelectUserFilter.
+   *
+   */
+  fetchOptionFunction?: () => Promise<
+    FetchUserRoleOptionResponse['data'] | undefined
+  >;
+}
+
+/**
+ * Emits for DialogSelectUser component
+ */
+export type DialogSelectUserEmits<T = User> = {
+  /**
+   * Emits when the dialog is closed. Wether from cancel button, close button, or ESC button pressed.
+   */
+  'update:visible': [state: boolean];
+
+  /**
+   * Emits when you done selected user.
+   */
+  'selected': [user: T];
+};
+
+/**
+ * **TSVue - DialogSelectUser**
+ *
+ * --- ---
+ * ![TSVue](https://ik.imagekit.io/kurniadev/TS-HEAD-BLACK.png)
+ *
+ * @group components
+ */
+declare const DialogSelectUser: ClassComponent<
+  DialogSelectUserProps,
+  unknown,
+  DialogSelectUserEmits
+>;
+
+export default DialogSelectUser;

package/components/dialogselectuser/options/columns.d.ts

@@ -0,0 +1,3 @@
+import { Ref } from 'vue';
+import { TableColumn } from '../../../components/datatable/DataTable.vue.d';
+export declare const selectUserColumns: () => Ref<TableColumn[]>;

package/components/dialogtransferlog/DialogTransferLog.vue.d.ts

@@ -0,0 +1,16 @@
+import { ClassComponent } from '../../components/ts-helpers.d';
+
+// You need to provide requestIds with Ref<string[]> to enable prev and next buttons
+
+export interface DialogTransferLogProps {
+  id: string;
+  visible?: boolean;
+}
+
+declare class DialogTransferLog extends ClassComponent<
+  DialogTransferLogProps,
+  unknown,
+  unknown
+> {}
+
+export default DialogTransferLog;