tsv2-library 1.0.61-alpha.14 → 1.0.61-alpha.141

package/dist/src/components/v2/Animation/Animation.vue.d.ts

@@ -0,0 +1,39 @@
+import type { Config } from '@lottiefiles/dotlottie-web';
+
+import { ClassComponent } from '../ts-helpers';
+
+export interface AnimationDefaultConfig {
+  libPath: 'supplyasset' | 'workspace' | 'admin';
+}
+
+export interface AnimationProps {
+  animation: 'loading-table-fa';
+  /**
+   * @default true
+   */
+  autoplay?: boolean;
+  /**
+   * @default true
+   */
+  loop?: boolean;
+  /**
+   * Custom configurations for the animation
+   * Reference: https://developers.lottiefiles.com/docs/dotlottie-player/dotlottie-web/api/config/
+   */
+  customConfig?: Partial<Config>;
+}
+
+/**
+ * **Animation**
+ *
+ * _Animation is a lottie animation wrapper._
+ *
+ * @group Component
+ */
+declare class Animation extends ClassComponent<
+  AnimationProps,
+  unknown,
+  unknown
+> {}
+
+export default Animation;

package/dist/src/components/v2/AssetInfo/AssetInfo.vue.d.ts

@@ -2,8 +2,8 @@ import type { PropType as __PropType } from 'vue';
 type Field = 'brand' | 'model' | 'group' | 'status';
 declare const _sfc_main: import("vue").DefineComponent<{
     id: {
-        type: __PropType<string>;
-        required: true;
+        type: __PropType<string | undefined>;
+        required: false;
     };
     fields: {
         type: __PropType<Field[] | undefined>;
@@ -15,8 +15,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     id: {
-        type: __PropType<string>;
-        required: true;
+        type: __PropType<string | undefined>;
+        required: false;
     };
     fields: {
         type: __PropType<Field[] | undefined>;

package/dist/src/components/v2/ButtonScan/ButtonScan.vue.d.ts

@@ -23,6 +23,12 @@ export type Device = {
   name: string;
 };
 
+export type BaseRegisteredDevice = {
+  _id: string;
+  serialNumber: string;
+  name: string;
+};
+
 export type RegisteredDevice = {
   _id: string;
   imageSmall: string;

package/dist/src/components/v2/ButtonSelectTree/ButtonSelectTree.vue.d.ts

@@ -150,6 +150,10 @@ export interface ButtonSelectTreeProps {
    * @default false
    */
   fetchTreeOnButtonRender?: boolean;
+  /**
+   * Disable level 2 (All > Level 1 > Level 2)
+   */
+  disableSubChildren?: boolean;
 }
 
 export type ButtonSelectTreeEmits = {
@@ -171,7 +175,9 @@ export type ButtonSelectTreeEmits = {
  *
  * @group Component
  */
-declare class ButtonSelectTree extends ClassComponent<ButtonSelectTreeProps> {}
+declare class ButtonSelectTree extends ClassComponent<ButtonSelectTreeProps> {
+  dialogTreeKey: Ref<number>;
+}
 
 declare module '@vue/runtime-core' {
   interface GlobalComponents {

package/dist/src/components/v2/CustomColumn/CustomColumn.vue.d.ts

@@ -1,7 +1,17 @@
 import { ClassComponent } from '../ts-helpers';
 
+export interface DataTableColumnConfig {
+  field: string;
+  pinned: boolean;
+  width: number | string;
+  visible: boolean;
+}
+
 export interface CustomColumnProps {
   tableId: string;
+  tableKey?: string;
+  tableName?: string;
+  tableData?: Data[];
   defaultColumns: TableColumn[];
   visibleColumns: TableColumn[];
   /**

package/dist/src/components/v2/CustomColumn/DialogColumnSetup.vue.d.ts

@@ -0,0 +1,4 @@
+declare const _sfc_main: import("vue").DefineComponent<any, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, Readonly<any>, {} | {
+    [x: string]: any;
+}, {}>;
+export default _sfc_main;

package/dist/src/components/v2/DataTable/DataTable.vue.d.ts

@@ -9,11 +9,21 @@ export type QueryParams = {
   [key: string]: unknown;
 };
 
-export type FetchResponse = {
-  data: Data[];
+export type FetchResponse<T = Data> = {
+  data: T[];
   totalRecords: number;
 };
 
+export type TableFetchResponse<T = Data> = {
+  message: string;
+  data: FetchResponse<T>;
+};
+
+export type ShortFetchResponse<T = Data> = {
+  message: string;
+  data: T;
+};
+
 export type TableCellComponent = {
   component: string | Component;
   props?: object;
@@ -149,12 +159,18 @@ export type TableColumn = {
   reorderable?: boolean;
   /**
    * Make the column cannot reordered by disabled dragability.
+   * Unlike `reorderable`, the column will still appear in the column visibility
+   * overlay if this is set to false.
    */
   dragable?: boolean;
+  /**
+   * Whether the column is pinned to the left of the table.
+   */
+  pinned?: boolean;
   fixed?: boolean;
   visible?: boolean;
   /**
-   * Wether the column is checked by default, only for Custom Report Table
+   * Whether the column is checked by default
    * @default true
    */
   checkedByDefault?: boolean;
@@ -463,6 +479,15 @@ export interface TSDataTableProps {
    * Total disabled rows in table (used for synchronizing with bulk action button)
    */
   totalDisabledRows?: number;
+  /**
+   * A function that takes the row data as a parameter and returns a string to apply a particular class for the row.
+   * The return value is added to the row's :classes array (see Vue.js class bindings).
+   */
+  rowClass?: (data: any) => string | object | undefined;
+  /**
+   * An array of arrays to display in the exported excel file before the main data.
+   */
+  preContentData?: (string | number)[][];
 }
 
 export type TSDataTableEmits = {

package/dist/src/components/v2/DialogAssetNameDetail/DialogAssetNameDetail.vue.d.ts

@@ -12,10 +12,12 @@ export interface DialogAssetNameDetailProps {
   header?: string;
 
   /**
-   * The ID of the asset.
+   * The ID of the asset name.
    */
   id: string;
 
+  currentTagType?: 'RFID' | 'QR' | 'RFID & QR' | 'Non TAG';
+
   /**
    * The query params for fetching assets.
    */

package/dist/src/components/v2/DialogConfirm/DialogConfirm.vue.d.ts

@@ -30,6 +30,11 @@ export interface DialogConfirmProps {
    * @default 'Yes, Continue'
    */
   confirmLabel?: string;
+  /**
+   * The label of the cancel button.
+   * @default 'Cancel' | 'Close'
+   */
+  cancelLabel?: string;
   /**
    * Pass true to disabled button confirm
    */

package/dist/src/components/v2/DialogCoordinate/AssetList.vue.d.ts

@@ -0,0 +1,4 @@
+declare const _sfc_main: import("vue").DefineComponent<any, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, Readonly<any>, {} | {
+    [x: string]: any;
+}, {}>;
+export default _sfc_main;

package/dist/src/components/v2/DialogCoordinate/AssetListFilter.vue.d.ts

@@ -0,0 +1,4 @@
+declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "apply"[], "apply", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+    onApply?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
+export default _sfc_main;

package/dist/src/components/v2/DialogCoordinate/CoordinateHeader.vue.d.ts

@@ -0,0 +1,4 @@
+declare const _sfc_main: import("vue").DefineComponent<any, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, Readonly<any>, {} | {
+    [x: string]: any;
+}, {}>;
+export default _sfc_main;

package/dist/src/components/v2/DialogCoordinate/DialogCoordinate.vue.d.ts

@@ -0,0 +1,100 @@
+export type MapEngine = 'leaflet' | 'maplibre' | 'openlayers' | 'google';
+
+export interface RasterSource {
+  type: 'raster';
+  urlTemplate: string;
+  attribution?: string;
+  maxZoom?: number;
+}
+
+export interface MapLibreStyleSource {
+  type: 'maplibre-style';
+  styleUrl: string;
+}
+
+export interface OpenLayersOsmSource {
+  type: 'openlayers-osm';
+}
+
+export interface GoogleMapsSource {
+  type: 'google';
+  mapId?: string;
+}
+
+export type BaseMapSource =
+  | RasterSource
+  | MapLibreStyleSource
+  | OpenLayersOsmSource
+  | GoogleMapsSource;
+
+export interface BaseMapMarker {
+  id?: string | number;
+  lat: number;
+  lng: number;
+  popup?: string;
+}
+
+export interface LatLngValue {
+  lat: number | null;
+  lng: number | null;
+}
+
+export interface CoordinateValue extends LatLngValue {
+  address?: string;
+}
+
+export type InputMapMode = 'click' | 'drag' | 'center';
+
+export type MarkerConfig =
+  | {
+      kind: 'pin';
+      pinOptions?: google.maps.marker.PinElementOptions;
+      title?: string;
+    }
+  | {
+      kind: 'img';
+      src: string;
+      title?: string;
+    }
+  | {
+      kind: 'svgString';
+      svg: string;
+      title?: string;
+    }
+  | {
+      kind: 'customElement';
+      createElement: () => HTMLElement;
+      title?: string;
+    };
+
+export interface MapControl {
+  position?: google.maps.ControlPosition;
+  index?: number;
+  createElement: (ctx: { map: google.maps.Map }) => HTMLElement;
+}
+
+export interface MapFocusConfig {
+  name: string;
+  featureType: google.maps.FeatureType;
+  featureStyleOptions: google.maps.FeatureStyleOptions;
+}
+
+export interface DialogCoordinateProps {
+  value?: LatLngValue & { _id?: string };
+  center?: [number, number];
+  zoom?: number;
+  mode?: InputMapMode;
+  colorScheme?: 'LIGHT' | 'DARK';
+  mapOptions?: google.maps.MapOptions;
+  customMarkers?: CustomMarker[];
+  inputMarkerConfig?: MarkerConfig;
+  type: 'input' | 'detail';
+  card?: boolean;
+}
+
+export interface CustomMarker {
+  lat: number;
+  lng: number;
+  title?: string;
+  desc?: string;
+}

package/dist/src/components/v2/DialogCoordinate/FullscreenToggle.vue.d.ts

@@ -0,0 +1,4 @@
+declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "toggleFullscreen"[], "toggleFullscreen", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+    onToggleFullscreen?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
+export default _sfc_main;

package/dist/src/components/v2/DialogCoordinate/MapSearch.vue.d.ts

@@ -0,0 +1,15 @@
+import type { PropType as __PropType } from 'vue';
+declare const _sfc_main: import("vue").DefineComponent<{
+    map: {
+        type: __PropType<google.maps.Map>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "searched"[], "searched", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    map: {
+        type: __PropType<google.maps.Map>;
+        required: true;
+    };
+}>> & {
+    onSearched?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
+export default _sfc_main;

package/dist/src/components/v2/DialogCoordinate/Marker.vue.d.ts

@@ -0,0 +1,13 @@
+import type { PropType as __PropType } from 'vue';
+declare const _sfc_main: import("vue").DefineComponent<{
+    type: {
+        type: __PropType<"detail" | "input">;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: __PropType<"detail" | "input">;
+        required: true;
+    };
+}>>, {}, {}>;
+export default _sfc_main;

package/dist/src/components/v2/DialogCoordinate/PopupDetail.vue.d.ts

@@ -0,0 +1,13 @@
+import type { PropType as __PropType } from 'vue';
+declare const _sfc_main: import("vue").DefineComponent<{
+    assetId: {
+        type: __PropType<string>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    assetId: {
+        type: __PropType<string>;
+        required: true;
+    };
+}>>, {}, {}>;
+export default _sfc_main;

package/dist/src/components/v2/DialogCoordinate/services/googleMapsService.d.ts

@@ -0,0 +1,10 @@
+export { type ReverseGeocodeResult } from './openStreetMapService';
+export { formatAddress } from './openStreetMapService';
+/**
+ * Reverse geocodes coordinates to get full address using Google Maps Geocoding API
+ * @param lat - Latitude coordinate
+ * @param lon - Longitude coordinate
+ * @returns Promise with the reverse geocoding result or null if failed
+ */
+export declare const reverseGeocode: (lat: number, lon: number) => Promise<import('./openStreetMapService').ReverseGeocodeResult | null>;
+export declare const ensureGoogleMapsPlaces: () => Promise<void>;

package/dist/src/components/v2/DialogCoordinate/services/openStreetMapService.d.ts

@@ -0,0 +1,59 @@
+export interface NominatimResponse {
+    place_id: number;
+    licence: string;
+    osm_type: string;
+    osm_id: number;
+    lat: string;
+    lon: string;
+    class: string;
+    type: string;
+    place_rank: number;
+    importance: number;
+    addresstype: string;
+    name?: string;
+    display_name: string;
+    address?: {
+        house_number?: string;
+        road?: string;
+        suburb?: string;
+        city?: string;
+        town?: string;
+        village?: string;
+        county?: string;
+        state?: string;
+        postcode?: string;
+        country?: string;
+        country_code?: string;
+        [key: string]: string | undefined;
+    };
+    boundingbox: string[];
+}
+export interface ReverseGeocodeResult {
+    displayName: string;
+    address?: {
+        house_number?: string;
+        road?: string;
+        suburb?: string;
+        city?: string;
+        town?: string;
+        village?: string;
+        county?: string;
+        state?: string;
+        postcode?: string;
+        country?: string;
+        country_code?: string;
+    };
+}
+/**
+ * Reverse geocodes coordinates to get full address using OpenStreetMap Nominatim API
+ * @param lat - Latitude coordinate
+ * @param lon - Longitude coordinate
+ * @returns Promise with the reverse geocoding result or null if failed
+ */
+export declare const reverseGeocode: (lat: number, lon: number) => Promise<ReverseGeocodeResult | null>;
+/**
+ * Formats the address object into a readable string
+ * @param address - Address object from the API response
+ * @returns Formatted address string
+ */
+export declare const formatAddress: (address: NonNullable<ReverseGeocodeResult['address']>) => string;

package/dist/src/components/v2/DialogForm/DialogForm.vue.d.ts

@@ -122,6 +122,12 @@ export interface DialogFormProps extends FormProps {
    * The severity will determine the dialog icons and color scheme.
    */
   severity?: 'success' | 'danger' | 'primary';
+  maskClass?: string | string[];
+  /**
+   * Whether to automatically manage layering.
+   * @defaultValue true
+   */
+  autoZIndex?: boolean | undefined;
 }
 
 export interface ConfirmSlots {

package/dist/src/components/v2/DialogReportDamage/DialogReportDamage.vue.d.ts

@@ -17,6 +17,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<boolean | undefined>;
         required: false;
     };
+    isFromUser: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
     successMessage: {
         type: __PropType<string | undefined>;
         required: false;
@@ -48,6 +52,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<boolean | undefined>;
         required: false;
     };
+    isFromUser: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
     successMessage: {
         type: __PropType<string | undefined>;
         required: false;

package/dist/src/components/v2/DialogReportMissing/DialogReportMissing.vue.d.ts

@@ -21,6 +21,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<boolean | undefined>;
         required: false;
     };
+    isFromUser: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
     successMessage: {
         type: __PropType<string | undefined>;
         required: false;
@@ -59,6 +63,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<boolean | undefined>;
         required: false;
     };
+    isFromUser: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
     successMessage: {
         type: __PropType<string | undefined>;
         required: false;

package/dist/src/components/v2/DialogSelectAsset/DialogSelectAsset.vue.d.ts

@@ -115,15 +115,9 @@ export interface Asset {
   auditStatus?: string | null;
   rfid?: boolean;
   qr?: boolean;
-  assetImageSmall?: null | 'string';
-  assetImageMedium?: null | 'string';
-  assetImageBig?: null | 'string';
-  imageSmall?: null | 'string';
-  imageMedium?: null | 'string';
-  imageBig?: null | 'string';
-  firstImageSmall?: string;
-  firstImageMedium?: string;
-  firstImageBig?: string;
+  assetImage?: 'string';
+  image?: 'string';
+  firstImage?: string;
 }
 
 export type QueryParams = {
@@ -171,6 +165,16 @@ export interface DialogSelectAssetProps {
    * The list of asset name key to be excluded in fetch list
    */
   excludedKey?: string[];
+  /**
+   *
+   * The list of asset name _id to be excluded in fetch list
+   */
+  excludeId?: string[];
+  /**
+   *
+   * The list of group _id of asset names to be excluded in fetch list
+   */
+  excludeInitialGroup?: string[];
   /**
    * The header of the dialog.
    *

package/dist/src/components/v2/DialogSelectTree/DialogSelectTree.vue.d.ts

@@ -62,6 +62,10 @@ export interface SelectTreeDialogProps {
    * Render hidden dialog to trigger fetch tree
    */
   hidden?: boolean;
+  /**
+   * Disable level 2 (All > Level 1 > Level 2)
+   */
+  disableSubChildren?: boolean;
 }
 
 type TreeSelectPayload = {
@@ -76,6 +80,10 @@ export type SelectTreeDialogEmits = {
   'hide': [];
 };
 
+export interface SelectTreeDialogSlots {
+  description: VNode[];
+}
+
 /**
  * **TSVue v2 - SelectTreeDialog**
  *
@@ -86,7 +94,7 @@ export type SelectTreeDialogEmits = {
  */
 declare class SelectTreeDialog extends ClassComponent<
   SelectTreeDialogProps,
-  Record<string, unknown>,
+  SelectTreeDialogSlots,
   SelectTreeDialogEmits
 > {}
 

package/dist/src/components/v2/DisposalReport/DisposalReportTable.vue.d.ts

@@ -143,6 +143,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: NumberConstructor;
         required: false;
     };
+    rowClass: {
+        type: FunctionConstructor;
+        required: false;
+    };
+    preContentData: {
+        type: ArrayConstructor;
+        required: false;
+    };
     router: {
         type: ObjectConstructor;
         required: true;
@@ -296,6 +304,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: NumberConstructor;
         required: false;
     };
+    rowClass: {
+        type: FunctionConstructor;
+        required: false;
+    };
+    preContentData: {
+        type: ArrayConstructor;
+        required: false;
+    };
     router: {
         type: ObjectConstructor;
         required: true;

package/dist/src/components/v2/FailedLoad/FailedLoad.vue.d.ts

@@ -0,0 +1,26 @@
+import { ClassComponent } from '../ts-helpers';
+
+export interface FailedLoadEmits {
+  /**
+   * Emitted when the "Try again" button is clicked.
+   */
+  retry: () => void;
+}
+
+/**
+ * **TSVue v2 - FailedLoad**
+ *
+ * _FailedLoad is a component used to display a standardized error message when data loading fails, providing a retry mechanism._
+ *
+ * --- ---
+ * ![TSVue](https://ik.imagekit.io/kurniadev/TS-HEAD-BLACK.png)
+ *
+ * @group components
+ */
+declare class FailedLoad extends ClassComponent<
+  unknown,
+  unknown,
+  FailedLoadEmits
+> {}
+
+export default FailedLoad;

package/dist/src/components/v2/FileUpload/FileUpload.vue.d.ts

@@ -106,6 +106,10 @@ export type FileUploadProps = {
    * Wether show validator message on invalid file input
    */
   showValidatorMessage?: boolean;
+  /**
+   * Wether show validator message on invalid file input
+   */
+  validatorMessage?: boolean;
 };
 
 export type FileUploadEmits = {

package/dist/src/components/v2/Form/Form.vue.d.ts

@@ -105,6 +105,8 @@ export type FormEmits = {
  * @group components
  */
 declare class Form extends ClassComponent<FormProps, FormSlots, FormEmits> {
+  values: GenericObject;
+  errors: ComputedRef<Partial<Record<string, string | undefined>>>;
   /**
    * Wether to keep the dialog remains visible or not after submit.
    */

package/dist/src/components/v2/HardwareSync/HardwareSync.vue.d.ts

@@ -10,7 +10,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     searchBy: {
-        type: __PropType<"QR" | "RFID" | undefined>;
+        type: __PropType<"RFID" | "QR" | undefined>;
         required: false;
     };
     bulk: {
@@ -35,7 +35,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     searchBy: {
-        type: __PropType<"QR" | "RFID" | undefined>;
+        type: __PropType<"RFID" | "QR" | undefined>;
         required: false;
     };
     bulk: {