@itfin/components 1.4.16 → 1.4.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itfin/components",
-  "version": "1.4.16",
+  "version": "1.4.18",
   "author": "Vitalii Savchuk <esvit666@gmail.com>",
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/view/View.vue

@@ -46,10 +46,9 @@
         <itf-segmented-control
           v-if="tabs.length > 1"
           class="small"
-          :value="currentTab"
+          v-model="currentTab"
           item-key="value"
           :items="tabs"
-          @input="updateTabs"
         >
           <template #item="{ item }">
             <div class="d-flex align-items-center">
@@ -157,7 +156,6 @@ class itfView extends Vue {
   @Prop(String) defaultSorting;
   @Prop(String) endpoint;
   @Prop(String) filtersEndpoint;
-  @Prop(String) downloadEndpoint;
   @Prop(String) itemsKey;
   @Prop({ type: String, default: null }) groupBy;
   @Prop({ type: String, default: 'totals' }) totalsKey;
@@ -187,8 +185,7 @@ class itfView extends Vue {
   filter = {};
   loadingData = false;
   activeIds = [];
-  tableColumns = undefined;
-  _currentTab = null;
+  tableColumns = [];
   totals = null;
 
   @Watch('selectedIds', { deep: true, immediate: true })
@@ -204,6 +201,7 @@ class itfView extends Vue {
 
   set currentTab(val) {
     this.$emit('update:tab', val);
+    this.setPanelPayload({ tab: val });
   }
 
   get tabs() {
@@ -254,21 +252,6 @@ class itfView extends Vue {
     }
   }
 
-  get stateKey() {
-    return this.stateName ? `itf-table-${this.stateName}` : null;
-  }
-
-  onDownloadTable() {
-    const state = this.stateName ? JSON.parse(localStorage.getItem(this.stateKey) || 'null') : null;
-
-    const filterableColumnsNames = state?.columns?.filter(column => column.visible).map(column => column.property) || [];
-
-    const filterWithValue = Object.fromEntries(Object.entries(this.filter).filter(([_, value]) => value));
-    const queryParams = new URLSearchParams(filterWithValue).toString();
-    const path = `${this.downloadEndpoint}?${queryParams}&page=${this.page}&size=${this.size}&sort=${this.sorting}&columns=${filterableColumnsNames.join(',')}`;
-    window.open(path, '_blank');
-  }
-
   async loadData() {
     if (!this.endpoint) {
       return;
@@ -341,10 +324,6 @@ class itfView extends Vue {
     localStorage.setItem('sizePerPage', val);
   }
 
-  updateTabs(val) {
-    this.setPanelPayload({ tab: val });
-  }
-
   setPanelPayload(payload) {
     this.panel.setPayload(assignWithoutUndefined(this.panel.getPayload(), payload));
 
@@ -373,5 +352,17 @@ class itfView extends Vue {
   setTableSchema(tableSchema) {
     this.tableColumns = tableSchema;
   }
+
+  getSorting() {
+    return this.sorting;
+  }
+
+  getFilter() {
+    return this.filter;
+  }
+
+  getTableState() {
+    return this.$refs.table.getTableState();
+  }
 }
 </script>