tsv2-library 1.0.61-alpha.105 → 1.0.61-alpha.108

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "tsv2-library",
   "author": "fixedassetv2-fe",
-  "version": "1.0.61-alpha.105",
+  "version": "1.0.61-alpha.108",
   "license": "ISC",
   "homepage": "https://github.com/fixedassetv2-fe/tsv2-library#readme",
   "repository": {
@@ -39,6 +39,7 @@
   },
   "dependencies": {
     "@googlemaps/js-api-loader": "^2.0.2",
+    "@googlemaps/markerclusterer": "^2.6.2",
     "@types/google.maps": "^3.58.1",
     "@types/lodash": "^4.17.7",
     "@vueuse/core": "^10.7.2",

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

@@ -151,6 +151,10 @@ export type TableColumn = {
    * Make the column cannot reordered by disabled dragability.
    */
   dragable?: boolean;
+  /**
+   * Whether the column is pinned to the left of the table.
+   */
+  pinned?: boolean;
   fixed?: boolean;
   visible?: boolean;
   /**

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

@@ -74,3 +74,22 @@ export interface MapFocusConfig {
   featureType: google.maps.FeatureType;
   featureStyleOptions: google.maps.FeatureStyleOptions;
 }
+
+export interface DialogCoordinateProps {
+  value?: LatLngValue;
+  center?: [number, number];
+  zoom?: number;
+  mode?: InputMapMode;
+  colorScheme?: 'LIGHT' | 'DARK';
+  mapOptions?: google.maps.MapOptions;
+  customMarkers?: CustomMarker[];
+  inputMarkerConfig?: MarkerConfig;
+  type: 'input' | 'detail';
+}
+
+export interface CustomMarker {
+  lat: number;
+  lng: number;
+  title?: string;
+  desc?: string;
+}

package/src/components/v2/Icon/Icon.vue.d.ts

@@ -79,8 +79,11 @@ export type TSVueIcons =
   | 'image-add'
   | 'indeterminate-circle-fill'
   | 'info'
+  | 'layout-grid-line'
   | 'link-unlink-m'
   | 'list-settings-line'
+  | 'list-check'
+  | 'list-check-2'
   | 'loader-4'
   | 'logout-box-r-line'
   | 'mail-open-line'
@@ -99,6 +102,8 @@ export type TSVueIcons =
   | 'phone-line'
   | 'printer'
   | 'price-tag-3-line'
+  | 'pushpin-2-line'
+  | 'pushpin-fill'
   | 'qr'
   | 'qr-scan-line'
   | 'recycle-bin'

package/src/presets/multiselect/index.js

@@ -137,6 +137,7 @@ export default {
       // Position
       'absolute top-0 left-0',
       'mt-2',
+      '!z-[2222]',
 
       'max-w-[30vw]',
 

package/src/services/assets.service.ts

@@ -2,6 +2,8 @@ import axios, { AxiosInstance, AxiosResponse } from 'axios';
 import {
   GetAllAssetsQueryParams,
   GetAssetDetailParams,
+  GetAssetMapParams,
+  GetAssetMapResponse,
   GetAvailableAssetsQueryParams,
   GetLinkedAssetFamiliesResponse,
 } from '@/dto/assets.dto';
@@ -11,17 +13,19 @@ import { buildBodyParams } from '@/utils';
 export interface ServiceOptions {
   headers?: Record<string, unknown>;
   params?: Record<string, unknown>;
+  usePrefix?: boolean;
 }
 
 export const API = ({
   headers = {},
   params = {},
+  usePrefix = true,
 }: ServiceOptions = {}): AxiosInstance => {
   const user = JSON.parse(localStorage.getItem('user') ?? '{}');
   const BASE_URL = import.meta.env.VITE_APP_TAGSAMURAI_API;
 
   const instance = axios.create({
-    baseURL: `${BASE_URL}/assets/v2/assets`,
+    baseURL: `${BASE_URL}/assets/v2${usePrefix ? '/assets' : ''}`,
     headers: {
       'Content-type': 'application/json',
       'Authorization': `Bearer ${user.token}`,
@@ -33,6 +37,20 @@ export const API = ({
   return instance;
 };
 
+const postAssetList = (
+  params?: GetAllAssetsQueryParams,
+): Promise<AxiosResponse> => {
+  const body = buildBodyParams(params);
+  return API().post('/list', body);
+};
+
+const postAssetOption = (
+  params?: GetAllAssetsQueryParams,
+): Promise<AxiosResponse> => {
+  const body = buildBodyParams(params);
+  return API().post('/list/options', body);
+};
+
 const getAllAssets = (
   params: GetAllAssetsQueryParams,
 ): Promise<AxiosResponse> => {
@@ -104,8 +122,28 @@ const matchAssetWithTag = (
   return API({ params }).get('/by-id');
 };
 
+const getAssetMaps = (
+  params?: GetAssetMapParams,
+): Promise<AxiosResponse<GetAssetMapResponse>> => {
+  let abortController: AbortController | null = null;
+
+  // Cancel previous request
+  if (abortController) {
+    (abortController as AbortController).abort();
+  }
+
+  abortController = new AbortController();
+
+  return API({
+    usePrefix: false,
+    params: params as Record<string, unknown>,
+  }).get('/asset-maps', { signal: abortController.signal });
+};
+
 export default {
   getAllAssets,
+  postAssetList,
+  postAssetOption,
   getAvailableAssets,
   postAssetAvailableList,
   getAssetsById,
@@ -115,4 +153,5 @@ export default {
   getUnlinkedAssets,
   getOptions,
   scanAsset,
+  getAssetMaps,
 };