@itfin/components 2.0.29 → 2.0.31

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itfin/components",
-  "version": "2.0.29",
+  "version": "2.0.31",
   "author": "Vitalii Savchuk <esvit666@gmail.com>",
   "scripts": {
     "serve": "vue-cli-service serve",
@@ -20,36 +20,36 @@
     "libs/"
   ],
   "dependencies": {
-    "@calumk/editorjs-codecup": "^1.1.1",
+    "@calumk/editorjs-codecup": "^1.3.0",
     "@editorjs/attaches": "^1.3.0",
-    "@editorjs/code": "^2.9.0",
-    "@editorjs/delimiter": "^1.4.0",
-    "@editorjs/editorjs": "^2.29.0",
-    "@editorjs/embed": "^2.7.0",
-    "@editorjs/header": "^2.8.1",
-    "@editorjs/image": "^2.9.0",
-    "@editorjs/inline-code": "^1.5.0",
+    "@editorjs/code": "^2.9.3",
+    "@editorjs/delimiter": "^1.4.2",
+    "@editorjs/editorjs": "^2.30.8",
+    "@editorjs/embed": "^2.7.6",
+    "@editorjs/header": "^2.8.8",
+    "@editorjs/image": "^2.10.2",
+    "@editorjs/inline-code": "^1.5.2",
     "@editorjs/link": "^2.6.2",
     "@editorjs/marker": "^1.4.0",
-    "@editorjs/nested-list": "^1.4.2",
-    "@editorjs/quote": "^2.6.0",
-    "@editorjs/table": "^2.3.0",
+    "@editorjs/nested-list": "^1.4.3",
+    "@editorjs/quote": "^2.7.6",
+    "@editorjs/table": "^2.4.5",
     "@egjs/vue-flicking": "^4.10.4",
     "@mdi/js": "^7.2.96",
     "@popperjs/core": "^2.11.8",
     "@shopify/draggable": "^1.0.0-beta.8",
-    "@vue/composition-api": "^1.7.1",
+    "@vue/composition-api": "^1.7.2",
     "@vue/vue2-jest": "^27.0.0",
     "@vue/web-component-wrapper": "^1.3.0",
-    "bootstrap": "^5.3.x",
+    "bootstrap": "^5.3.6",
     "bpmn-js": "^17.0.2",
     "clipboard": "^2.0.11",
     "core-js": "^3.7.0",
     "intersection-observer": "^0.12.2",
+    "json5": "^2.2.3",
     "lodash": "^4.17.20",
     "luxon": "^3.3.0",
     "pdfjs-dist": "^2.10.377",
-    "storybook-dark-mode": "^3.0.3",
     "tippy.js": "^6.3.2",
     "vue-grid-layout": "^2.4.0",
     "vue-imask": "^6.6.3",
@@ -62,9 +62,6 @@
     "@babel/plugin-proposal-numeric-separator": "^7.18.6",
     "@babel/plugin-syntax-numeric-separator": "^7.10.4",
     "@babel/plugin-transform-nullish-coalescing-operator": "^7.23.4",
-    "@storybook/addon-docs": "=6.3.8",
-    "@storybook/addon-viewport": "=6.3.8",
-    "@storybook/vue": "=6.3.8",
     "@vue/cli-plugin-babel": "^5.0.8",
     "@vue/cli-plugin-eslint": "^5.0.8",
     "@vue/cli-plugin-unit-jest": "^5.0.8",
@@ -76,7 +73,6 @@
     "eslint-plugin-import": "^2.22.1",
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-vue": "^9.9.0",
-    "fibers": "^5.0.0",
     "marked": "^4.2.5",
     "postcss-cli": "^11.0.0",
     "sass": "^1.29.0",
@@ -84,6 +80,7 @@
     "vue": "^2.6.12",
     "vue-class-component": "^7.2.6",
     "vue-eslint-parser": "^9.1.0",
+    "vue-jest": "^3.0.7",
     "vue-template-compiler": "=2.6.14"
   },
   "eslintConfig": {
@@ -119,7 +116,7 @@
   "jest": {
     "preset": "@vue/cli-plugin-unit-jest",
     "testMatch": [
-      "**/src/**/*.spec.js"
+      "**/src/**/*.spec.(j|t)s"
     ],
     "testPathIgnorePatterns": [
       "dist/"

package/src/components/app/App.vue

@@ -75,10 +75,12 @@ class itfApp extends Vue {
     try {
       await func();
     } catch (err) {
-      console.error(err);
-      this.showError(err.message);
-      if (errFunc) {
-        errFunc(err);
+      if (err.code !== 'ERR_CANCELED') {
+        console.error(err);
+        this.showError(err.message);
+        if (errFunc) {
+          errFunc(err);
+        }
       }
     }
   }

package/src/components/filter/FilterPanel.vue

@@ -52,7 +52,7 @@
       </div>
       <slot name="after-filters"></slot>
     </div>
-    <div v-if="loading">
+    <div v-if="loading && !visibleFilters.length">
       <span class="itf-spinner"></span>
       {{$t('loading')}}
     </div>
@@ -235,15 +235,7 @@ class FilterPanel extends Vue {
 
     this.filters = this.staticFilters ?? [];
     if (this.endpoint) {
-      this.loading = true;
-      await this.$try(async () => {
-        const payload = this.panel ? this.panel.getPayload() : {};
-        const {filters, tableSchema} = await this.$axios.$get(this.endpoint, { params: payload });
-        this.filters = filters;
-        this.$emit('set-table-schema', tableSchema);
-        this.loadFiltersValue();
-      });
-      this.loading = false;
+      this.loadData();
     } else {
       this.loadFiltersValue();
     }
@@ -252,6 +244,21 @@ class FilterPanel extends Vue {
     }
   }
 
+  async loadData() {
+    this.loading = true;
+    await this.$try(async () => {
+      const payload = this.panel ? this.panel.getPayload() : {};
+      const {filters, tableSchema} = await this.$axios.$get(this.endpoint, {
+        preventRaceCondition: true,
+        params: payload
+      });
+      this.filters = filters;
+      this.$emit('set-table-schema', tableSchema);
+      this.loadFiltersValue();
+    });
+    this.loading = false;
+  }
+
   toggleFilters() {
     this.showFilters = !this.showFilters;
     if (this.stateName) {

package/src/components/icon/collapse.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path style="transform: translate(-9px, 9px)" d="M19 10V5.3C19 5.13431 18.8657 5 18.7 5H14" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path style="transform: translate(9px, -9px)" d="M5 14V18.7C5 18.8657 5.13431 19 5.3 19H10" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M5.5 18.5L9.5 14.5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M14.5 9.5L18.5 5.5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/components/icon/components/nomi-project_alt2.vue

@@ -0,0 +1,4 @@
+<template><svg width="24" height="24" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M10.0003 15.8337C13.222 15.8337 15.8337 13.222 15.8337 10.0003C15.8337 6.77866 13.222 4.16699 10.0003 4.16699C6.77866 4.16699 4.16699 6.77866 4.16699 10.0003C4.16699 13.222 6.77866 15.8337 10.0003 15.8337ZM7.91697 10.0003C7.91697 8.84973 8.84971 7.91699 10.0003 7.91699C11.1509 7.91699 12.0836 8.84973 12.0836 10.0003C12.0836 11.1509 11.1509 12.0837 10.0003 12.0837C8.84971 12.0837 7.91697 11.1509 7.91697 10.0003ZM10.0003 6.25032C7.92924 6.25032 6.25031 7.92925 6.25031 10.0003C6.25031 12.0714 7.92924 13.7503 10.0003 13.7503C12.0714 13.7503 13.7503 12.0714 13.7503 10.0003C13.7503 7.92925 12.0714 6.25032 10.0003 6.25032Z" fill="currentColor"/>
+</svg>
+</template>