tsv2-library 1.0.61-alpha.99 → 1.0.64

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "tsv2-library",
   "author": "fixedassetv2-fe",
-  "version": "1.0.61-alpha.99",
+  "version": "1.0.64",
   "license": "ISC",
   "homepage": "https://github.com/fixedassetv2-fe/tsv2-library#readme",
   "repository": {
@@ -38,6 +38,8 @@
     "cy:test-all": "npm run tailwind && start-server-and-test dev  cy:run-e2e && npm run cy:run-ct"
   },
   "dependencies": {
+    "@googlemaps/js-api-loader": "^2.0.2",
+    "@types/google.maps": "^3.58.1",
     "@types/lodash": "^4.17.7",
     "@vueuse/core": "^10.7.2",
     "axios": "^1.3.4",

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;
   /**
@@ -468,6 +472,10 @@ export interface TSDataTableProps {
    * 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/src/components/v2/DialogCoordinate/DialogCoordinate.vue.d.ts

@@ -0,0 +1,76 @@
+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 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;
+}

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

@@ -68,6 +68,8 @@ export type TSVueIcons =
   | 'file-shield-2-line'
   | 'filter-fill'
   | 'filter-line'
+  | 'fullscreen-line'
+  | 'fullscreen-exit-line'
   | 'folder-line'
   | 'gate'
   | 'group'
@@ -97,6 +99,8 @@ export type TSVueIcons =
   | 'phone-line'
   | 'printer'
   | 'price-tag-3-line'
+  | 'pushpin-2-line'
+  | 'pushpin-fill'
   | 'qr'
   | 'qr-scan-line'
   | 'recycle-bin'

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

@@ -0,0 +1,64 @@
+import { DefineComponent } from 'vue';
+import { Nullable } from '../ts-helpers';
+import { LatLngValue } from '../DialogCoordinate/DialogCoordinate.vue';
+
+/**
+ * InputCoordinate component props
+ */
+export interface InputCoordinateProps {
+  modelValue?: Nullable<LatLngValue>;
+  /**
+   * Disabled state for both input fields.
+   */
+  disabled?: boolean;
+  /**
+   * Wether the input should be validated with vee-validator or not.
+   * If you use this component within form input, you need to set this props as true.
+   */
+  useValidator?: boolean;
+  /**
+   * This prop is required if you use this component in a form input.
+   * Specify the unique field name, match with your needs for API request.
+   *
+   * @default 'coordinate'
+   */
+  fieldName?: string;
+  label?: string;
+  /**
+   * Wether this input field is required or not.
+   */
+  mandatory?: boolean;
+  /**
+   * Invalid input state.
+   */
+  invalid?: boolean;
+  /**
+   * Set custom validator message.
+   * It is rarely use, this component has handled the validator message.
+   */
+  validatorMessage?: string;
+}
+
+/**
+ * InputCoordinate component emits
+ */
+export type InputCoordinateEmits = {
+  'update:modelValue': [payload?: Nullable<LatLngValue>];
+};
+
+/**
+ * **TSVue - InputCoordinate**
+ *
+ * _Handle coordinate input with latitude and longitude fields._
+ *
+ * --- ---
+ * ![TSVue](https://ik.imagekit.io/kurniadev/TS-HEAD-BLACK.png)
+ *
+ * @group form
+ */
+declare const InputCoordinate: DefineComponent<
+  InputCoordinateProps,
+  InputCoordinateEmits
+>;
+
+export default InputCoordinate;

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

@@ -106,6 +106,12 @@ export interface InputTextProps {
    * @default true
    */
   allowSpecialCharacters?: boolean;
+  /**
+   * Wether the input should be trimmed or not.
+   *
+   * @default true
+   */
+  trimInput?: boolean;
 }
 
 /**