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

package/src/components.d.ts

@@ -9,6 +9,7 @@ declare module 'vue' {
   export interface GlobalComponents {
     AnnotationPopup: typeof import('./components/Tooltip/AnnotationPopup.vue')['default']
     ConnectionDialog: typeof import('./components/DrawToolbar/ConnectionDialog.vue')['default']
+    CopyToClipboard: typeof import('./components/CopyToClipboard/CopyToClipboard.vue')['default']
     DrawToolbar: typeof import('./components/DrawToolbar/DrawToolbar.vue')['default']
     ElButton: typeof import('element-plus/es')['ElButton']
     ElButtonGroup: typeof import('element-plus/es')['ElButtonGroup']
@@ -19,6 +20,7 @@ declare module 'vue' {
     ElIconArrowDown: typeof import('@element-plus/icons-vue')['ArrowDown']
     ElIconArrowUp: typeof import('@element-plus/icons-vue')['ArrowUp']
     ElIconClose: typeof import('@element-plus/icons-vue')['Close']
+    ElIconCopyDocument: typeof import('@element-plus/icons-vue')['CopyDocument']
     ElIconDelete: typeof import('@element-plus/icons-vue')['Delete']
     ElIconEdit: typeof import('@element-plus/icons-vue')['Edit']
     ElIconFinished: typeof import('@element-plus/icons-vue')['Finished']
@@ -29,11 +31,10 @@ declare module 'vue' {
     ElPopover: typeof import('element-plus/es')['ElPopover']
     ElRow: typeof import('element-plus/es')['ElRow']
     ElSelect: typeof import('element-plus/es')['ElSelect']
-    ElTag: typeof import('element-plus/es')['ElTag']
+    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']
-    ImageGalleryPopup: typeof import('./components/Tooltip/ImageGalleryPopup.vue')['default']
     ProvenancePopup: typeof import('./components/Tooltip/ProvenancePopup.vue')['default']
     Tooltip: typeof import('./components/Tooltip/Tooltip.vue')['default']
     TreeControls: typeof import('./components/TreeControls/TreeControls.vue')['default']

package/src/components/Tooltip/ImageGalleryPopup.vue

@@ -1,166 +0,0 @@
-<template>
-  <div class="main">
-    <div v-if="imageEntry">
-      <el-tag
-        v-for="(species, index) in speciesFilterTags"
-        :key="index"
-        type="info"
-        class="tag"
-        :class="{ 'active-tag': species.taxon === activeSpecies.taxon }"
-        :closable="species.taxon === activeSpecies.taxon"
-        @close="removeSpeciesFilterTag"
-        @click="filterBySpecies(species)"
-      >
-        {{ species.name }} ({{ species.count }})
-      </el-tag>
-      <div class="gallery-container">
-        <Gallery :items="filteredImages" />
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-/* eslint-disable no-alert, no-console */
-import { ElTag as Tag } from "element-plus";
-
-import Gallery from "@abi-software/gallery";
-import "@abi-software/gallery/dist/style.css";
-
-export default {
-  name: "ImagePopup",
-  components: {
-    Tag,
-    Gallery,
-  },
-  props: {
-    imageEntry: {
-      type: Array,
-      default: [],
-    },
-  },
-  data: function () {
-    return {
-      activeSpecies: { taxon: "", name: "" },
-      speciesFilterTags: [],
-      filteredImages: [],
-      showImageGallery: false,
-    };
-  },
-  watch: {
-    imageEntry: {
-      handler: function (value) {
-        if (value) {
-          this.populateFilterTags();
-          this.filteredImages = this.imageEntry;
-        }
-      },
-      deep: true,
-    },
-  },
-  methods: {
-    removeSpeciesFilterTag: function () {
-      this.activeSpecies = { taxon: "", name: "" };
-      this.filteredImages = this.imageEntry;
-    },
-    filterBySpecies: function (tagInfo) {
-      this.activeSpecies = tagInfo;
-      let imageList = [];
-      this.imageEntry.forEach((image) => {
-        if (image.species && image.species.length > 0) {
-          image.species.forEach((species) => {
-            if (species.species && species.species.curie === tagInfo.taxon) {
-              imageList.push(image);
-            }
-          });
-        }
-      });
-      this.filteredImages = imageList;
-    },
-    populateFilterTags: function () {
-      let imageObjects = {};
-      this.imageEntry.forEach((image) => {
-        if (image.species && image.species.length > 0) {
-          image.species.forEach((species) => {
-            if (species.species) {
-              const speciesInfo = species.species;
-              if (!(speciesInfo.curie in imageObjects)) {
-                imageObjects[speciesInfo.curie] = {
-                  taxon: speciesInfo.curie,
-                  name: speciesInfo.name,
-                  count: 0,
-                };
-              }
-              imageObjects[speciesInfo.curie].count++;
-            }
-          });
-        }
-      });
-      this.speciesFilterTags = Object.values(imageObjects);
-    },
-  },
-  mounted: function () {
-    this.populateFilterTags();
-    this.filteredImages = this.imageEntry;
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-.block {
-  margin-bottom: 0.5em;
-}
-
-.tag {
-  margin-right: 5px;
-  margin-bottom: 5px;
-  cursor: pointer;
-}
-
-.active-tag {
-  background-color: $app-primary-color;
-  color: #fff;
-}
-
-.main {
-  font-size: 14px;
-  text-align: left;
-  line-height: 1.5em;
-  font-family: Asap, sans-serif, Helvetica;
-  font-weight: 400;
-  /* outline: thin red solid; */
-  padding: 1em !important;
-  overflow: hidden;
-  min-width: 18rem;
-}
-
-.button {
-  margin-left: 0px !important;
-  margin-top: 0px !important;
-  font-size: 14px !important;
-  background-color: $app-primary-color;
-  color: #fff;
-
-  & + .button {
-    margin-top: 10px !important;
-  }
-
-  &:hover {
-    color: #fff !important;
-    background: #ac76c5 !important;
-    border: 1px solid #ac76c5 !important;
-  }
-}
-
-.gallery-container {
-  :deep(.gallery) {
-    .gallery-strip {
-      padding: 1rem 0;
-    }
-
-    > div {
-      min-height: max-content !important;
-    }
-  }
-}
-</style>