@dative-gpi/foundation-core-components 1.0.67 → 1.0.68

package/components/lists/roleOrganisations/FSBaseRoleOrganisationsList.vue

@@ -1,10 +1,10 @@
 <template>
   <FSDataTable
-    :items="roleOrganisations"
-    :itemTo="$props.itemTo"
     :loading="fetchingRoleOrganisations"
     :showSelect="$props.editable"
     :tableCode="$props.tableCode"
+    :items="roleOrganisations"
+    :itemTo="$props.itemTo"
     :modelValue="$props.modelValue"
     @update:modelValue="$emit('update:modelValue', $event)"
     v-bind="$attrs"
@@ -52,29 +52,29 @@
 </template>
   
 <script lang="ts">
-import type { PropType} from "vue";
-import { defineComponent, watch } from "vue";
-import type { RouteLocation } from "vue-router";
+import { defineComponent, type PropType, watch } from "vue";
+import { type RouteLocation } from "vue-router";
 import _ from "lodash";
 
-import type { RoleOrganisationFilters, RoleOrganisationInfos } from "@dative-gpi/foundation-core-domain/models";
+import { type RoleOrganisationFilters, type RoleOrganisationInfos } from "@dative-gpi/foundation-core-domain/models";
 import { userTypeIcon, userTypeLabel } from "@dative-gpi/foundation-core-components/utils";
 import { useRoleOrganisations } from "@dative-gpi/foundation-core-services/composables";
 
-import FSDataTable from "../FSDataTable.vue";
-import FSRow from "@dative-gpi/foundation-shared-components/components/FSRow.vue";
+import FSTagGroup from "@dative-gpi/foundation-shared-components/components/FSTagGroup.vue";
 import FSIcon from "@dative-gpi/foundation-shared-components/components/FSIcon.vue";
 import FSText from "@dative-gpi/foundation-shared-components/components/FSText.vue";
-import FSTagGroup from "@dative-gpi/foundation-shared-components/components/FSTagGroup.vue";
+import FSRow from "@dative-gpi/foundation-shared-components/components/FSRow.vue";
+
+import FSDataTable from "../FSDataTable.vue";
 
 export default defineComponent({
   name: "FSBaseRoleOrganisationsList",
   components: {
     FSDataTable,
-    FSRow,
+    FSTagGroup,
     FSIcon,
     FSText,
-    FSTagGroup
+    FSRow
   },
   props: {
     tableCode: {

package/components/lists/serviceAccountRoleOrganisations/FSBaseServiceAccountRoleOrganisations.vue

@@ -0,0 +1,127 @@
+<template>
+  <FSDataTable
+    :loading="fetchingServiceAccountRoleOrganisations"
+    :items="serviceAccountRoleOrganisations"
+    :showSelect="$props.editable"
+    :tableCode="$props.tableCode"
+    :itemTo="$props.itemTo"
+    :modelValue="$props.modelValue"
+    @update:modelValue="$emit('update:modelValue', $event)"
+    v-bind="$attrs"
+  >
+    <template
+      v-for="(_, name) in $slots"
+      v-slot:[name]="slotData"
+    >
+      <slot
+        :name="name"
+        v-bind="slotData"
+      />
+    </template>
+    <template
+      #item.icon="{ item }"
+    >
+      <FSIcon>
+        {{ item.icon }}
+      </FSIcon>
+    </template>
+    <template
+      #item.userType="{ item }"
+    >
+      <FSRow
+        align="center-left"
+      >
+        <FSIcon>
+          {{ userTypeIcon(item.userType) }}
+        </FSIcon>
+        <FSText>
+          {{ userTypeLabel(item.userType) }}
+        </FSText>
+      </FSRow>
+    </template>
+    <template
+      #item.tags="{ item }"
+    >
+      <FSTagGroup
+        variant="slide"
+        :editable="false"
+        :tags="item.tags"
+      />
+    </template>
+  </FSDataTable>
+</template>
+  
+<script lang="ts">
+import { defineComponent, type PropType, watch } from "vue";
+import { type RouteLocation } from "vue-router";
+import _ from "lodash";
+
+import { type ServiceAccountRoleOrganisationFilters, type ServiceAccountRoleOrganisationInfos } from "@dative-gpi/foundation-core-domain/models";
+import { useServiceAccountRoleOrganisations } from "@dative-gpi/foundation-core-services/composables";
+import { userTypeIcon, userTypeLabel } from "@dative-gpi/foundation-core-components/utils";
+
+import FSTagGroup from "@dative-gpi/foundation-shared-components/components/FSTagGroup.vue";
+import FSIcon from "@dative-gpi/foundation-shared-components/components/FSIcon.vue";
+import FSText from "@dative-gpi/foundation-shared-components/components/FSText.vue";
+import FSRow from "@dative-gpi/foundation-shared-components/components/FSRow.vue";
+
+import FSDataTable from "../FSDataTable.vue";
+
+export default defineComponent({
+  name: "FSBaseServiceAccountRoleOrganisationsList",
+  components: {
+    FSDataTable,
+    FSTagGroup,
+    FSIcon,
+    FSText,
+    FSRow
+  },
+  props: {
+    tableCode: {
+      type: String,
+      required: true
+    },
+    serviceAccountRoleOrganisationsFilters: {
+      type: Object as PropType<ServiceAccountRoleOrganisationFilters | null>,
+      required: false,
+      default: null
+    },
+    itemTo: {
+      type: Function as PropType<(item: ServiceAccountRoleOrganisationInfos) => Partial<RouteLocation>>,
+      required: false
+    },
+    editable: {
+      type: Boolean,
+      required: false,
+      default: true
+    },
+    modelValue: {
+      type: Array as PropType<string[]>,
+      required: false,
+      default: () => []
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(props) {
+    const { getMany: getManyServiceAccountRoleOrganisations, fetching: fetchingServiceAccountRoleOrganisations, entities: serviceAccountRoleOrganisations } = useServiceAccountRoleOrganisations();
+
+    const isSelected = (id: string): boolean => {
+      return props.modelValue.includes(id);
+    };
+
+    watch(() => props.serviceAccountRoleOrganisationsFilters, (next, previous) => {
+      if ((!next && !previous) || !_.isEqual(next, previous)) {
+        getManyServiceAccountRoleOrganisations(props.serviceAccountRoleOrganisationsFilters ?? undefined);
+      }
+    }, { immediate: true });
+
+    return {
+      fetchingServiceAccountRoleOrganisations,
+      serviceAccountRoleOrganisations,
+      userTypeLabel,
+      userTypeIcon,
+      isSelected
+    };
+  }
+});
+</script>

package/package.json

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