@dative-gpi/foundation-core-components 1.0.165 → 1.0.167-address

package/components/explorers/FSBaseDevicesExplorer.vue

@@ -129,28 +129,38 @@
     </template>
 
     <template
-      #item.tile="{ item, toggleSelect }"
+      #item.tile="{ index, item, toggleSelect }"
     >
       <FSGroupTileUI
         v-if="item.type === DeviceExplorerElementType.Group"
+        :key="index"
         :to="$props.itemTo && $props.itemTo(item)"
+        :imageId="item.imageId"
+        :icon="item.icon"
+        :label="item.label"
+        :code="item.code"
+        :recursiveGroupsIds="item.recursiveGroupsIds"
+        :recursiveDeviceOrganisationsIds="item.recursiveDeviceOrganisationsIds"
         :modelValue="isSelected(item.id)"
         :selectable="$props.selectable"
         @update:modelValue="toggleSelect(item)"
-        v-bind="item"
       />
       <FSDeviceOrganisationTileUI
         v-if="item.type === DeviceExplorerElementType.DeviceOrganisation"
+        :key="index"
         :to="$props.itemTo && $props.itemTo(item)"
         :deviceConnectivity="item.connectivity"
         :deviceStatuses="item.status.statuses"
         :deviceWorstAlert="item.worstAlert"
         :deviceAlerts="item.alerts"
+        :imageId="item.imageId"
+        :label="item.label"
+        :code="item.code"
+        :modelStatuses="item.modelStatuses"
         :alertTo="$props.alertTo"
         :modelValue="isSelected(item.id)"
         :selectable="$props.selectable"
         @update:modelValue="toggleSelect(item)"
-        v-bind="item"
       />
     </template>
   </FSDataTable>

package/components/explorers/FSBaseFoldersExplorer.vue

@@ -90,10 +90,11 @@
       />
     </template>
     <template
-      #item.tile="{ item, toggleSelect }"
+      #item.tile="{ index, item, toggleSelect }"
     >
       <FSFolderTileUI
         v-if="item.type == FoldersListType.Folder"
+        :key="index"
         :bottomColor="item.colors"
         v-bind="item"
         :selectable="$props.selectable"
@@ -103,6 +104,7 @@
       />
       <FSDashboardOrganisationTileUI
         v-if="item.type == FoldersListType.Dashboard && item.dashboardType == DashboardType.Organisation"
+        :key="index"
         :bottomColor="item.colors"
         :selectable="$props.selectable"
         :modelValue="isSelected(item.id)"
@@ -112,6 +114,7 @@
       />
       <FSDashboardShallowTileUI
         v-if="item.type == FoldersListType.Dashboard && item.dashboardType == DashboardType.Shallow"
+        :key="index"
         :bottomColor="item.colors"
         :selectable="$props.selectable"
         :modelValue="isSelected(item.id)"

package/components/lists/alerts/FSBaseAlertsList.vue

@@ -171,9 +171,10 @@
       </FSSpan>
     </template>
     <template
-      #item.tile="{ item, toggleSelect }"
+      #item.tile="{ index, item, toggleSelect }"
     >
       <FSAlertTileUI
+        :key="index"
         variant="standard"
         :label="item.label"
         :deviceOrganisationLabel="item.deviceOrganisationLabel"

package/components/lists/chartOrganisationTypes/FSBaseChartOrganisationTypesList.vue

@@ -79,9 +79,10 @@
       />
     </template>
     <template
-      #item.tile="{ item, toggleSelect}"
+      #item.tile="{ index, item, toggleSelect}"
     >
       <FSChartTileUI
+        :key="index"
         :label="item.label"
         :category-label="item.chartCategoryLabel"
         :singleSelect="$props.singleSelect"

package/components/lists/chartOrganisations/FSBaseChartOrganisationsList.vue

@@ -79,9 +79,10 @@
       </FSRow>
     </template>
     <template
-      #item.tile="{ item, toggleSelect }"
+      #item.tile="{ index, item, toggleSelect }"
     >
       <FSChartTileUI
+        :key="index"
         :label="item.label"
         :singleSelect="$props.singleSelect"
         :selectable="$props.selectable"

package/components/lists/charts/FSBaseChartsList.vue

@@ -85,9 +85,10 @@
       />
     </template>
     <template
-      #item.tile="{ item }"
+      #item.tile="{ index, item }"
     >
       <FSChartTileUI
+        :key="index"
         :label="item.label"
         :categoryLabel="item.chartCategoryLabel"
         :icon="item.icon"

package/components/lists/dashboardOrganisationTypes/FSBaseDashboardOrganisationTypesList.vue

@@ -66,9 +66,10 @@
       />
     </template>
     <template
-      #item.tile="{ item, toggleSelect }"
+      #item.tile="{ index, item, toggleSelect }"
     >
       <FSDashboardOrganisationTypeTileUI
+        :key="index"
         :bottomColor="item.colors"
         :selectable="$props.selectable"
         :singleSelect="$props.singleSelect"

package/components/lists/dashboards/FSBaseDashboardsList.vue

@@ -60,10 +60,11 @@
       />
     </template>
     <template
-      #item.tile="{ item, toggleSelect }"
+      #item.tile="{ index, item, toggleSelect }"
     >
       <FSDashboardOrganisationTypeTileUI
         v-if="item.dashboardType == DashboardType.OrganisationType"
+        :key="index"
         :bottomColor="item.colors"
         :selectable="$props.selectable"
         :singleSelect="$props.singleSelect"
@@ -74,6 +75,7 @@
       />
       <FSDashboardOrganisationTileUI
         v-if="item.dashboardType == DashboardType.Organisation"
+        :key="index"
         :bottomColor="item.colors"
         :selectable="$props.selectable"
         :singleSelect="$props.singleSelect"
@@ -84,6 +86,7 @@
       />
       <FSDashboardShallowTileUI
         v-if="item.dashboardType == DashboardType.Shallow"
+        :key="index"
         :bottomColor="item.colors"
         :selectable="$props.selectable"
         :singleSelect="$props.singleSelect"

package/components/lists/dataCategories/FSBaseDataCategoriesList.vue

@@ -39,9 +39,10 @@
           />
         </template>
         <template
-          #item.tile="{ item }"
+          #item.tile="{ index, item }"
         >
           <FSClickable
+            :key="index"
             padding="12px"
             height="60px"
             width="233px"

package/components/lists/dataDefinitions/FSBaseDataDefinitionsList.vue

@@ -26,9 +26,10 @@
       />
     </template>
     <template
-      #item.tile="{ item }"
+      #item.tile="{ index, item }"
     >
       <FSClickable
+        :key="index"
         padding="12px"
         height="60px"
         width="233px"

package/components/lists/deviceOrganisations/FSBaseDeviceOrganisationsList.vue

@@ -106,6 +106,15 @@
         :deviceStatuses="item.status.statuses"
       />
     </template>
+    <template
+      #item.ownerAddress="{ item }"
+    >
+      <FSSpan
+        font="text-overline"
+      >
+        {{ item.ownerAddress ? item.ownerAddress.formattedAddress : '' }}
+      </FSSpan>
+    </template>
     <template
       #item.actions="{ item }"
     >
@@ -138,9 +147,10 @@
       />
     </template>
     <template
-      #item.tile="{ item, toggleSelect }"
+      #item.tile="{ index, item, toggleSelect }"
     >
       <FSDeviceOrganisationTileUI
+        :key="index"
         :to="$props.itemTo && $props.itemTo(item)"
         :selectable="$props.selectable"
         :deviceConnectivity="item.connectivity"
@@ -181,6 +191,7 @@ import FSWorstAlert from "@dative-gpi/foundation-shared-components/components/de
 import FSIconCheck from "@dative-gpi/foundation-shared-components/components/FSIconCheck.vue";
 import FSTagGroup from "@dative-gpi/foundation-shared-components/components/FSTagGroup.vue";
 import FSImage from "@dative-gpi/foundation-shared-components/components/FSImage.vue";
+import FSSpan from '@dative-gpi/foundation-shared-components/components/FSSpan.vue';
 
 export default defineComponent({
   name: "FSBaseDeviceOrganisationsList",
@@ -193,7 +204,8 @@ export default defineComponent({
     FSIconCheck,
     FSMetaValue,
     FSTagGroup,
-    FSImage
+    FSImage,
+    FSSpan
   },
   props: {
     tableCode: {

package/components/lists/folders/FSBaseFoldersList.vue

@@ -37,9 +37,10 @@
     </template>
 
     <template
-      #item.tile="{ item, toggleSelect }"
+      #item.tile="{ index, item, toggleSelect }"
     >
       <FSFolderTileUI
+        :key="index"
         :bottomColor="item.colors"
         v-bind="item"
         :modelValue="isSelected(item.id)"

package/components/lists/groups/FSBaseGroupsList.vue

@@ -53,9 +53,10 @@
       />
     </template>
     <template
-      #item.tile="{ item, toggleSelect }"
+      #item.tile="{ index, item, toggleSelect }"
     >
       <FSGroupTileUI
+        :key="index"
         :selectable="$props.selectable"
         :modelValue="isSelected(item.id)"
         @update:modelValue="toggleSelect(item)"

package/components/lists/locations/FSBaseLocationsList.vue

@@ -27,10 +27,10 @@
     </template>
 
     <template
-      #item.tile="{ item, toggleSelect }"
+      #item.tile="{ index, item, toggleSelect }"
     >
       <FSLocationTileUI
-        v-bind="item"
+        :key="index"
         :bottomColor="item.colors"
         :address="item.address.placeLabel"
         :selectable="$props.selectable"
@@ -38,6 +38,7 @@
         :modelValue="isSelected(item.id)"
         :to="$props.itemTo && $props.itemTo(item)"
         @update:modelValue="toggleSelect(item)"
+        v-bind="item"
       />
     </template>
   </FSDataTable>

package/components/lists/models/FSBaseModelsList.vue

@@ -59,9 +59,10 @@
       />
     </template>
     <template
-      #item.tile="{ item, toggleSelect }"
+      #item.tile="{ index, item, toggleSelect }"
     >
       <FSModelTileUI
+        :key="index"
         :to="$props.itemTo && $props.itemTo(item)"
         :selectable="$props.selectable"
         :singleSelect="$props.singleSelect"

package/components/lists/playlists/FSSimplePlaylistsList.vue

@@ -0,0 +1,44 @@
+<template>
+  <FSSimpleList
+    :items="playlists"
+    :loading="fetching"
+    v-bind="$attrs"
+  />
+</template>
+
+<script lang="ts">
+import { defineComponent, type PropType, watch } from "vue";
+
+import type { PlaylistFilters } from "@dative-gpi/foundation-core-domain/models";
+import { usePlaylists } from "@dative-gpi/foundation-core-services/composables";
+
+import FSSimpleList from "@dative-gpi/foundation-shared-components/components/lists/FSSimpleList.vue";
+
+export default defineComponent({
+  name: "FSSimplePlaylistsList",
+  components: {
+    FSSimpleList,
+  },
+  props: {
+    playlistFilters: {
+      type: Object as PropType<PlaylistFilters>,
+      required: false,
+      default: () => ({})
+    }
+  },
+  setup(props) {
+    const { entities: playlists, getMany, fetching } = usePlaylists();
+    
+    const fetch = () => {
+      getMany(props.playlistFilters);
+    }
+
+    watch(() => props.playlistFilters, fetch, { immediate: true });
+
+    return {
+      playlists,
+      fetching
+    }
+  }
+});
+</script>

package/components/lists/serviceAccountOrganisations/FSBaseServiceAccountOrganisationsList.vue

@@ -64,9 +64,10 @@
       </FSSpan>
     </template>
     <template
-      #item.tile="{ item, toggleSelect }"
+      #item.tile="{ index, item, toggleSelect }"
     >
       <FSServiceAccountOrganisationTileUI
+        :key="index"
         :to="$props.itemTo && $props.itemTo(item)"
         :selectable="$props.selectable"
         :modelValue="isSelected(item.id)"

package/components/lists/userOrganisations/FSBaseUserOrganisationsList.vue

@@ -78,9 +78,10 @@
       </FSSpan>
     </template>
     <template
-      #item.tile="{ item, toggleSelect }"
+      #item.tile="{ index, item, toggleSelect }"
     >
       <FSUserOrganisationTileUI
+        :key="index"
         :to="$props.itemTo && $props.itemTo(item)"
         :selectable="$props.selectable"
         :modelValue="isSelected(item.id)"

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dative-gpi/foundation-core-components",
   "sideEffects": false,
-  "version": "1.0.165",
+  "version": "1.0.167-address",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -10,11 +10,11 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@dative-gpi/foundation-core-domain": "1.0.165",
-    "@dative-gpi/foundation-core-services": "1.0.165",
-    "@dative-gpi/foundation-shared-components": "1.0.165",
-    "@dative-gpi/foundation-shared-domain": "1.0.165",
-    "@dative-gpi/foundation-shared-services": "1.0.165"
+    "@dative-gpi/foundation-core-domain": "1.0.167-address",
+    "@dative-gpi/foundation-core-services": "1.0.167-address",
+    "@dative-gpi/foundation-shared-components": "1.0.167-address",
+    "@dative-gpi/foundation-shared-domain": "1.0.167-address",
+    "@dative-gpi/foundation-shared-services": "1.0.167-address"
   },
   "peerDependencies": {
     "@dative-gpi/bones-ui": "^1.0.0",
@@ -26,5 +26,5 @@
     "sass": "1.71.1",
     "sass-loader": "13.3.2"
   },
-  "gitHead": "0481543beb9ab42475891298793dc397c2428a19"
+  "gitHead": "79b2c8fe9e4c7ac46ff677fb20914857aeedaee5"
 }