@itfin/components 1.4.8 → 1.4.9

package/package.json

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

package/src/components/view/View.vue

@@ -6,6 +6,7 @@
       :search="currentTab !== 'list'"
       :show-filter="currentTab !== 'list'"
       class="py-2 px-3"
+      :static-filters="filters"
       :endpoint="filtersEndpoint"
       :panel="panel"
       v-model="filter"
@@ -41,7 +42,7 @@
         </itf-dropdown>
 
         <itf-segmented-control
-          v-if="tabs.length"
+          v-if="tabs.length > 1"
           class="small"
           v-model="currentTab"
           item-key="value"
@@ -163,7 +164,8 @@ class itfView extends Vue {
   @Prop(Boolean) listViewEnabled;
   @Prop(Boolean) kanbanViewEnabled;
   @Prop(Boolean) calendarViewEnabled;
-  @Prop(Boolean) tableViewEnabled;
+  @Prop({ type: Boolean, default: true }) tableViewEnabled;
+  @Prop(Boolean) oldFormat;
 
   page = 1;
   total = 0;
@@ -173,7 +175,7 @@ class itfView extends Vue {
   filter = {};
   loadingData = false;
   activeIds = [];
-  tableColumns = [];
+  tableColumns = undefined;
   _currentTab = null;
 
   get currentTab() {
@@ -241,19 +243,32 @@ class itfView extends Vue {
     this.$emit('load', this.filter);
     this.loadingData = true;
     await this.$try(async () => {
-      console.info('filter', this.filter)
-      const res = await this.$axios.$get(this.endpoint, {
+      let filter = this.filter;
+      if (this.oldFormat) {
+        filter = Object.keys(filter).reduce((acc, key) => {
+          acc[`filter[${key}]`] = filter[key];
+          return acc;
+        }, {})
+      }
+      const { data, headers } = await this.$axios.get(this.endpoint, {
         params: {
-          ...this.filter,
+          ...filter,
           page: this.page,
           size: this.size,
           sort: this.sorting
         }
       });
-      this.items = res[this.itemsKey];
-      this.page = res.meta.page;
-      this.total = res.meta.total;
-      this.size = res.meta.size;
+      if (this.oldFormat) {
+        this.items = data;
+        this.page = Number(headers['x-page'] ?? 1);
+        this.total = Number(headers['x-count'] ?? 0);
+        this.size = Number(headers['x-size'] ?? 20);
+      } else {
+        this.items = data[this.itemsKey];
+        this.page = data.meta.page;
+        this.total = data.meta.total;
+        this.size = data.meta.size;
+      }
     });
     this.loadingData = false;
     this.$emit('loaded', this.filter);