@abi-software/map-utilities 1.3.3-beta.0 → 1.3.3-beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abi-software/map-utilities",
-  "version": "1.3.3-beta.0",
+  "version": "1.3.3-beta.1",
   "files": [
     "dist/*",
     "src/*",

package/src/components/ConnectivityGraph/ConnectivityGraph.vue

@@ -1,6 +1,10 @@
 <template>
   <div class="connectivity-graph" v-loading="loading" ref="connectivityGraphRef">
 
+    <div class="sckan-version">
+      SCKAN Release: {{ this.selectedSource }}
+    </div>
+
     <div ref="graphCanvas" class="graph-canvas"></div>
 
     <div class="control-panel control-panel-tools">
@@ -149,6 +153,10 @@ export default {
       type: String,
       default: '',
     },
+    sckanVersion: {
+      type: String,
+      default: '',
+    },
     selectedConnectivityData: {
       type: Array,
       default: [],
@@ -196,6 +204,12 @@ export default {
       if (selectedSource) {
         this.selectedSource = selectedSource;
       }
+      // Update knowledge source if SCKAN version is provided
+      if (this.sckanVersion) {
+        this.selectedSource = this.sckanVersion;
+        sessionStorage.setItem('connectivity-graph-source', this.selectedSource);
+        this.updateCacheExpiry();
+      }
       if (pathList) {
         this.pathList = JSON.parse(pathList);
       }
@@ -207,6 +221,13 @@ export default {
         this.schemaVersion = schemaVersion;
       }
     },
+    isValidKnowledgeSource: function () {
+      const selectedSource = sessionStorage.getItem('connectivity-graph-source');
+      if (this.sckanVersion && (this.sckanVersion !== selectedSource)) {
+        return false;
+      }
+      return true;
+    },
     removeAllCacheData: function () {
       const keys = [
         'connectivity-graph-expiry',
@@ -222,8 +243,9 @@ export default {
     refreshCache: function () {
       const expiry = sessionStorage.getItem('connectivity-graph-expiry');
       const now = new Date();
+      const validKnowledgeSource = this.isValidKnowledgeSource();
 
-      if (now.getTime() > expiry) {
+      if (now.getTime() > expiry || !validKnowledgeSource) {
         this.removeAllCacheData();
       }
     },
@@ -641,6 +663,16 @@ export default {
   white-space: nowrap;
   width: 1px;
 }
+
+.sckan-version {
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  margin-bottom: -22px;
+  font-size: 12px;
+  font-style: italic;
+  color: gray;
+}
 </style>
 
 <style lang="scss">

package/src/components.d.ts

@@ -14,9 +14,7 @@ declare module 'vue' {
     CreateTooltipContent: typeof import('./components/Tooltip/CreateTooltipContent.vue')['default']
     DrawToolbar: typeof import('./components/DrawToolbar/DrawToolbar.vue')['default']
     ElButton: typeof import('element-plus/es')['ElButton']
-    ElCard: typeof import('element-plus/es')['ElCard']
     ElCol: typeof import('element-plus/es')['ElCol']
-    ElColorPicker: typeof import('element-plus/es')['ElColorPicker']
     ElContainer: typeof import('element-plus/es')['ElContainer']
     ElHeader: typeof import('element-plus/es')['ElHeader']
     ElIcon: typeof import('element-plus/es')['ElIcon']
@@ -30,7 +28,6 @@ declare module 'vue' {
     ElIconFinished: typeof import('@element-plus/icons-vue')['Finished']
     ElIconLock: typeof import('@element-plus/icons-vue')['Lock']
     ElIconUnlock: typeof import('@element-plus/icons-vue')['Unlock']
-    ElIconWarning: typeof import('@element-plus/icons-vue')['Warning']
     ElIconZoomIn: typeof import('@element-plus/icons-vue')['ZoomIn']
     ElIconZoomOut: typeof import('@element-plus/icons-vue')['ZoomOut']
     ElInput: typeof import('element-plus/es')['ElInput']
@@ -40,7 +37,6 @@ declare module 'vue' {
     ElRow: typeof import('element-plus/es')['ElRow']
     ElSelect: typeof import('element-plus/es')['ElSelect']
     ElTooltip: typeof import('element-plus/es')['ElTooltip']
-    ElTree: typeof import('element-plus/es')['ElTree']
     ExternalResourceCard: typeof import('./components/Tooltip/ExternalResourceCard.vue')['default']
     HelpModeDialog: typeof import('./components/HelpModeDialog/HelpModeDialog.vue')['default']
     ProvenancePopup: typeof import('./components/Tooltip/ProvenancePopup.vue')['default']