@dative-gpi/foundation-core-components 1.0.28 → 1.0.30

package/components/autocompletes/FSAutocompleteChart.vue

@@ -67,6 +67,7 @@
         @click="props.toggle(props.item)"
       >
         <template
+          v-if="props.item.type"
           #append
         >
           <FSChip
@@ -179,7 +180,7 @@ export default defineComponent({
       ]);
     };
 
-    const { toggleSet, search, init, onUpdate } = useAutocomplete(
+    const { toggleSet, init, onUpdate } = useAutocomplete(
       charts,
       [() => props.chartOrganisationTypeFilters, () => props.chartOrganisationFilters],
       emit,
@@ -190,7 +191,6 @@ export default defineComponent({
     return {
       toggleSet,
       loading,
-      search,
       charts,
       chartOriginColor,
       chartOriginLabel,

package/components/autocompletes/FSAutocompleteDashboard.vue

@@ -67,6 +67,7 @@
         @click="props.toggle(props.item)"
       >
         <template
+          v-if="props.item.type"
           #append
         >
           <FSChip

package/components/autocompletes/FSAutocompleteDataDefinition.vue

@@ -54,10 +54,10 @@
         @click="props.toggle(props.item)"
       >
         <template
+          v-if="props.item.unit"
           #prepend
         >
           <FSChip
-            v-if="props.item.unit"
             :label="props.item.unit"
           />
         </template>

package/components/autocompletes/FSAutocompleteModel.vue

@@ -60,9 +60,9 @@ export default defineComponent({
     );
 
     return {
-      models,
       toggleSet,
       loading,
+      models,
       onUpdate
     };
   }

package/components/autocompletes/FSAutocompleteRole.vue

@@ -67,6 +67,7 @@
         @click="props.toggle(props.item)"
       >
         <template
+          v-if="props.item.type"
           #append
         >
           <FSChip
@@ -179,7 +180,7 @@ export default defineComponent({
       ]);
     };
 
-    const { toggleSet, search, init, onUpdate } = useAutocomplete(
+    const { toggleSet, init, onUpdate } = useAutocomplete(
       roles,
       [() => props.roleOrganisationTypeFilters, () => props.roleOrganisationFilters],
       emit,
@@ -191,7 +192,6 @@ export default defineComponent({
       toggleSet,
       RoleType,
       loading,
-      search,
       roles,
       roleTypeColor,
       roleTypeLabel,

package/components/autocompletes/FSAutocompleteServiceAccountRoleOrganisation.vue

@@ -0,0 +1,120 @@
+<template>
+  <FSAutocompleteField
+    :toggleSet="!$props.toggleSetDisabled && toggleSet"
+    :items="serviceAccountRoleOrganisations"
+    :multiple="$props.multiple"
+    :loading="loading"
+    :modelValue="$props.modelValue"
+    @update:modelValue="onUpdate"
+    v-bind="$attrs"
+  >
+    <template
+      #autocomplete-selection="{ item }"
+    >
+      <FSRow
+        v-if="$props.modelValue"
+        align="center-center"
+        :wrap="false"
+      >
+        <FSIcon
+          v-if="item.raw.icon"
+        >
+          {{ item.raw.icon }}
+        </FSIcon>
+        <FSSpan>
+          {{ item.raw.label }}
+        </FSSpan>
+      </FSRow>
+    </template>
+    <template
+      #item-label="{ item, font }"
+    >
+      <FSRow
+        align="center-left"
+        :wrap="false"
+      >
+        <FSIcon
+          v-if="item.raw.icon"
+        >
+          {{ item.raw.icon }}
+        </FSIcon>
+        <FSSpan
+          :font="font"
+        >
+          {{ item.raw.label }}
+        </FSSpan>
+      </FSRow>
+    </template>
+  </FSAutocompleteField>
+</template>
+
+<script lang="ts">
+import { computed, defineComponent, type PropType } from "vue";
+
+import { type ServiceAccountRoleOrganisationsFilters } from "@dative-gpi/foundation-core-domain/models";
+import { useServiceAccountRoleOrganisations } from "@dative-gpi/foundation-core-services/composables";
+import { useAutocomplete } from "@dative-gpi/foundation-shared-components/composables";
+
+import FSAutocompleteField from "@dative-gpi/foundation-shared-components/components/fields/FSAutocompleteField.vue";
+import FSIcon from "@dative-gpi/foundation-shared-components/components/FSIcon.vue";
+import FSSpan from "@dative-gpi/foundation-shared-components/components/FSSpan.vue";
+import FSRow from "@dative-gpi/foundation-shared-components/components/FSRow.vue";
+
+export default defineComponent({
+  name: "FSAutocompleteServiceAccountRoleOrganisation",
+  components: {
+    FSAutocompleteField,
+    FSIcon,
+    FSSpan,
+    FSRow
+  },
+  props: {
+    serviceAccountRoleOrganisationsFilters: {
+      type: Object as PropType<ServiceAccountRoleOrganisationsFilters>,
+      required: false,
+      default: null
+    },
+    modelValue: {
+      type: [Array, String] as PropType<string[] | string | null>,
+      required: false,
+      default: null
+    },
+    multiple: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    toggleSetDisabled: {
+      type: Boolean,
+      required: false,
+      default: false
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(props, { emit }) {
+    const { getMany: getManyServiceAccountRoleOrganisations, fetching: fetchingServiceAccountRoleOrganisations, entities: serviceAccountRoleOrganisations } = useServiceAccountRoleOrganisations();
+
+    const loading = computed((): boolean => {
+      return init.value && fetchingServiceAccountRoleOrganisations.value;
+    });
+
+    const fetch = (search: string | null) => {
+      return getManyServiceAccountRoleOrganisations({ ...props.serviceAccountRoleOrganisationsFilters, search: search ?? undefined })
+    };
+
+    const { toggleSet, init, onUpdate } = useAutocomplete(
+      serviceAccountRoleOrganisations,
+      [() => props.serviceAccountRoleOrganisationsFilters],
+      emit,
+      fetch
+    );
+
+    return {
+      serviceAccountRoleOrganisations,
+      toggleSet,
+      loading,
+      onUpdate
+    };
+  }
+});
+</script>

package/components/autocompletes/FSAutocompleteUserOrganisation.vue

@@ -53,24 +53,22 @@
     >
       <FSButton
         :variant="props.getVariant(props.item)"
+        :padding="['6px 16px', '4px 12px']"
         :color="props.getColor(props.item)"
         :class="props.getClass(props.item)"
+        :label="props.item.name"
         @click="props.toggle(props.item)"
       >
-        <FSRow
-          align="center-center"
-          :wrap="false"
+        <template
+          v-if="props.item.imageId"
+          #prepend
         >
           <FSImage
-            v-if="props.item.imageId"
             height="26px"
             width="26px"
             :imageId="props.item.imageId"
           />
-          <FSSpan>
-            {{ props.item.name }}
-          </FSSpan>
-        </FSRow>
+        </template>
       </FSButton>
     </template>
   </FSAutocompleteField>
@@ -127,19 +125,12 @@ export default defineComponent({
     const loading = computed((): boolean => {
       return init.value && fetchingUserOrganisations.value;
     });
-
-    const toggleSetItems = computed((): any[] => {
-      return userOrganisations.value.map((userOrganisation: UserOrganisationInfos) => ({
-        id: userOrganisation.id,
-        label: userOrganisation.name
-      }));
-    });
     
     const fetch = (search: string | null) => {
       return getManyUserOrganisations({ ...props.userOrganisationFilters, search: search ?? undefined });
     };
 
-    const { toggleSet, search, init, onUpdate } = useAutocomplete(
+    const { toggleSet, init, onUpdate } = useAutocomplete(
       userOrganisations,
       [() => props.userOrganisationFilters],
       emit,
@@ -151,10 +142,8 @@ export default defineComponent({
 
     return {
       userOrganisations,
-      toggleSetItems,
       toggleSet,
       loading,
-      search,
       onUpdate
     };
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dative-gpi/foundation-core-components",
   "sideEffects": false,
-  "version": "1.0.28",
+  "version": "1.0.30",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -10,11 +10,11 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@dative-gpi/foundation-core-domain": "1.0.28",
-    "@dative-gpi/foundation-core-services": "1.0.28",
-    "@dative-gpi/foundation-shared-components": "1.0.28",
-    "@dative-gpi/foundation-shared-domain": "1.0.28",
-    "@dative-gpi/foundation-shared-services": "1.0.28"
+    "@dative-gpi/foundation-core-domain": "1.0.30",
+    "@dative-gpi/foundation-core-services": "1.0.30",
+    "@dative-gpi/foundation-shared-components": "1.0.30",
+    "@dative-gpi/foundation-shared-domain": "1.0.30",
+    "@dative-gpi/foundation-shared-services": "1.0.30"
   },
   "peerDependencies": {
     "@dative-gpi/bones-ui": "^0.0.75",
@@ -26,5 +26,5 @@
     "sass": "1.71.1",
     "sass-loader": "13.3.2"
   },
-  "gitHead": "31c7a149c6e4a3d7b7553c485c331e2a34a9b5c1"
+  "gitHead": "33f1a6d59ab513176b3710729a39ec701462fdfb"
 }

package/components/selects/FSDataCategorySelector.vue

@@ -1,62 +0,0 @@
-<template>
-  <FSAutocompleteField
-    :label="label ?? $tr('ui.common.data-category', 'Data category')"
-    :items="toggleDataCategories"
-    :modelValue="modelValue"
-    :toggleSet="toggleDataCategories.length < 5"
-    @update:modelValue="$emit('update:modelValue', $event)"
-    v-bind="$attrs"
-  />
-</template>
-
-<script lang="ts">
-import { computed, defineComponent, watch } from "vue";
-
-import {useDataCategories} from "@dative-gpi/foundation-core-services/composables";
-
-import FSAutocompleteField from "@dative-gpi/foundation-shared-components/components/fields/FSAutocompleteField.vue";
-
-export default defineComponent({
-  components: {
-    FSAutocompleteField
-  },
-  props:{
-    modelValue: {
-      type: String,
-      required: false
-    },
-    modelId: {
-      type: String,
-      required: false,
-    },
-    label: {
-      type: String,
-      required: false
-    },
-  },
-  emits: ['update:modelValue'],
-  setup(props) {
-    const {getMany : fetchdataCategories, entities : dataCategories} = useDataCategories()
-
-    const toggleDataCategories = computed(()=>{
-      return dataCategories.value.map((d) => {
-        return {
-          id: d.id,
-          label: d.label
-        }
-      })
-    })
-
-    watch(() => props.modelId, () => {
-      fetchdataCategories({modelId: props.modelId})
-    }, {immediate: true})
-
-
-    return {
-      toggleDataCategories,
-      dataCategories
-    }
-  }
-})
-
-</script>

package/components/selects/FSDataDefinitionSelector.vue

@@ -1,66 +0,0 @@
-<template>
-  <FSAutocompleteField
-    :label="label ?? $tr('ui.common.data-definition', 'Data')"
-    :items="toggleDataDefinitions"
-    :modelValue="modelValue"
-    @update:modelValue="$emit('update:modelValue', $event)"
-    v-bind="$attrs"
-  />
-</template>
-
-<script lang="ts">
-import { computed, defineComponent, watch } from "vue";
-
-import {useDataDefinitions} from "@dative-gpi/foundation-core-services/composables";
-
-import FSAutocompleteField from "@dative-gpi/foundation-shared-components/components/fields/FSAutocompleteField.vue";
-
-export default defineComponent({
-  components: {
-    FSAutocompleteField
-  },
-  props:{
-    modelValue: {
-      type: String,
-      required: false
-    },
-    modelId: {
-      type: String,
-      required: false,
-    },
-    dataCategoryId: {
-      type: String,
-      required: false,
-    },
-    label: {
-      type: String,
-      required: false
-    },
-    
-  },
-  emits: ['update:modelValue'],
-  setup(props) {
-
-    const {getMany : fetchDataDefinitions, entities : dataDefinitions} = useDataDefinitions()
-
-    const toggleDataDefinitions = computed(()=>{
-      return dataDefinitions.value.map((d) => {
-        return {
-          id: d.id,
-          label: d.label
-        }
-      })
-    })
-
-    watch(() => [props.modelId, props.dataCategoryId], async () => {
-      await fetchDataDefinitions({modelsIds: props.modelId ? [props.modelId] : undefined, dataCategoryId: props.dataCategoryId})
-    }, {immediate: true})
-
-    return {
-      toggleDataDefinitions,
-      dataDefinitions
-    }
-  }
-})
-
-</script>

package/components/selects/FSModelSelector.vue

@@ -1,56 +0,0 @@
-<template>
-  <FSAutocompleteField
-    :label="label ?? $tr('ui.common.model', 'Model')"
-    :items="modelItems"
-    :toggleSet="modelItems.length < 5"
-    :modelValue="modelValue"
-    @update:modelValue="$emit('update:modelValue', $event)"
-    v-bind="$attrs"
-  />
-</template>
-
-<script lang="ts">
-import { computed, defineComponent, onMounted } from "vue";
-
-import {useModels} from "@dative-gpi/foundation-core-services/composables";
-
-import FSAutocompleteField from "@dative-gpi/foundation-shared-components/components/fields/FSAutocompleteField.vue";
-
-export default defineComponent({
-  components: {
-    FSAutocompleteField
-  },
-  props:{
-    modelValue: {
-      type: String,
-      required: false
-    },
-    label: {
-      type: String,
-      required: false
-    }
-  },
-  emits: ['update:modelValue'],
-  setup(){
-    const {getMany : fetchModels, entities : models} = useModels()
-
-    const modelItems = computed(()=>{
-      return models.value.map((d) => {
-        return {
-          id: d.id,
-          label: d.label
-        }
-      })
-    })
-
-    onMounted(() => {
-      fetchModels()
-    })
-
-    return {
-      modelItems,
-    }
-  }
-})
-
-</script>