@abi-software/map-side-bar 2.9.2-beta.6 → 2.9.2-beta.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abi-software/map-side-bar",
-  "version": "2.9.2-beta.6",
+  "version": "2.9.2-beta.7",
   "files": [
     "dist/*",
     "src/*",
@@ -39,7 +39,7 @@
   },
   "dependencies": {
     "@abi-software/gallery": "^1.1.2",
-    "@abi-software/map-utilities": "^1.6.1-beta.6",
+    "@abi-software/map-utilities": "^1.6.1-beta.7",
     "@abi-software/svg-sprite": "^1.0.1",
     "@element-plus/icons-vue": "^2.3.1",
     "algoliasearch": "^4.10.5",

package/src/components/ConnectivityExplorer.vue

@@ -305,7 +305,6 @@ export default {
     },
     onConnectivityClicked: function (data) {
       this.searchInput = data.query;
-      this.filter = data.filter;
       this.searchAndFilterUpdate();
     },
     collapseChange:function (data) {
@@ -472,6 +471,7 @@ export default {
     searchAndFilterUpdate: function () {
       this.resetPageNavigation();
       this.searchKnowledge(this.filter, this.searchInput);
+      this.$refs.filtersRef.setCascader(this.filter);
       this.searchHistoryUpdate(this.filter, this.searchInput);
     },
     searchHistoryUpdate: function (filters, search) {
@@ -530,6 +530,12 @@ export default {
         }
       });
     },
+    getSearch: function () {
+      return this.searchInput;
+    },
+    getFilters: function () {
+      return this.filter;
+    },
   },
   mounted: function () {
     localStorage.removeItem('connectivity-active-view');

package/src/components/DatasetExplorer.vue

@@ -477,6 +477,12 @@ export default {
       this.filter = item.filters
       this.openSearch([...item.filters], item.search);
     },
+    getSearch: function () {
+      return this.searchInput
+    },
+    getFilters: function () {
+      return this.filter;
+    },
   },
   mounted: function () {
     // initialise algolia

package/src/components/SideBar.vue

@@ -50,8 +50,8 @@
                 :envVars="envVars"
                 :connectivityEntry="connectivityEntry"
                 :availableAnatomyFacets="availableAnatomyFacets"
-                @filter-visibility="$emit('filter-visibility', $event)"
                 :connectivityFilterOptions="filterOptions"
+                @filter-visibility="$emit('filter-visibility', $event)"
                 :showVisibilityFilter="showVisibilityFilter"
                 @search-changed="searchChanged(tab.id, $event)"
                 @hover-changed="hoverChanged(tab.id, $event)"
@@ -186,6 +186,16 @@ export default {
       activeTabId: 1,
       activeAnnotationData: { tabType: "annotation" },
       activeConnectivityData: { tabType: "connectivity" },
+      state: {
+        dataset: {
+          search: '',
+          filters: [],
+        },
+        connectivity:  {
+          search: '',
+          filters: [],
+        },
+      },
     }
   },
   methods: {
@@ -397,6 +407,25 @@ export default {
     closeConnectivity: function () {
       EventBus.emit('close-connectivity');
     },
+    updateState: function () {
+      const datasetExplorerTabRef = this.getTabRef(undefined, 'datasetExplorer');
+      const connectivityExplorerTabRef = this.getTabRef(undefined, 'connectivityExplorer');
+      this.state.dataset.search = datasetExplorerTabRef.getSearch();
+      this.state.dataset.filters = datasetExplorerTabRef.getFilters();
+      this.state.connectivity.search = connectivityExplorerTabRef.getSearch();
+      this.state.connectivity.filters = connectivityExplorerTabRef.getFilters();
+    },
+    getState: function () {
+      this.updateState();
+      return this.state;
+    },
+    setState: function (state) {
+      // if state is not provided or formatted incorrectly, do nothing
+      if (!state || !state.dataset || !state.connectivity) return;
+      this.state = state;
+      this.openSearch(state.dataset.filters, state.dataset.search);
+      this.openConnectivitySearch(state.connectivity.filters, state.connectivity.search);
+    },
   },
   computed: {
     // This should respect the information provided by the property