@dative-gpi/foundation-shared-components 1.1.6 → 1.1.8

package/components/FSGroupingChip.vue

@@ -54,7 +54,6 @@ export default defineComponent({
     FSText,
     FSRow
   },
-  inheritAttrs: false,
   props: {
     label: {
       type: String as PropType<string>,

package/components/tiles/FSFolderTileUI.vue

@@ -14,12 +14,12 @@
         gap="6px"
       >
         <FSEntityCountBadge
-          :label="$tr('ui.common.folders', 'Folder(s)')"
+          :label="$tr('ui.common.folders', 'Folders')"
           :count="$props.recursiveFoldersIds?.length ?? 0"
           :color="ColorEnum.Primary"
         />
         <FSEntityCountBadge
-          :label="$tr('ui.common.dashboards', 'Dashboard(s)')"
+          :label="$tr('ui.common.dashboards', 'Dashboards')"
           :count="dashboardCount"
           :color="ColorEnum.Success"
         />

package/components/tiles/FSSubgroupingTileUI.vue

@@ -6,8 +6,36 @@
     <template
       #append-info
     >
+      <FSRow
+        v-if="$props.groupingLabel && $props.groupingIcon"
+        align="center-left"
+        :wrap="false"
+      >
+        <FSColor
+          height="24px"
+          :color="$props.groupingColor"
+          :border="false"
+          variant="standard"
+        >
+          <FSRow
+            align="center-center"
+            width="24px"
+          >
+            <FSIcon
+              size="16px"
+            >
+              {{ $props.groupingIcon }}
+            </FSIcon>
+          </FSRow>
+        </FSColor>
+        <FSSpan
+          font="text-overline"
+        >
+          {{ $props.groupingLabel }}
+        </FSSpan>
+      </FSRow>
       <FSEntityCountBadge
-        :label="$tr('ui.common.equipments', 'Équipements')"
+        :label="$tr('ui.common.devices', 'Devices')"
         :count="$props.deviceOrganisationsCount ?? 0"
         :color="ColorEnum.Primary"
       />
@@ -16,20 +44,43 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from "vue";
+import { defineComponent, type PropType } from "vue";
 
-import { ColorEnum } from "@dative-gpi/foundation-shared-components/models";
+import { type ColorBase, ColorEnum } from "@dative-gpi/foundation-shared-components/models";
 
 import FSEntityCountBadge from "./FSEntityCountBadge.vue";
 import FSSimpleTileUI from './FSSimpleTileUI.vue';
+import FSColor from "../FSColor.vue";
+import FSIcon from "../FSIcon.vue";
+import FSSpan from "../FSSpan.vue";
+import FSRow from "../FSRow.vue";
 
 export default defineComponent({
   name: "FSSubgroupingTileUI",
   components: {
+    FSEntityCountBadge,
     FSSimpleTileUI,
-    FSEntityCountBadge
+    FSColor,
+    FSIcon,
+    FSSpan,
+    FSRow
   },
   props: {
+    groupingLabel: {
+      type: String as PropType<string | null>,
+      required: false,
+      default: null
+    },
+    groupingIcon: {
+      type: String as PropType<string | null>,
+      required: false,
+      default: null
+    },
+    groupingColor: {
+      type: String as PropType<ColorBase>,
+      required: false,
+      default: ColorEnum.Dark
+    },
     deviceOrganisationsCount: {
       type: Number,
       required: false,

package/package.json

@@ -4,7 +4,7 @@
     "url": "https://github.com/Dative-GPI/foundation-shared-ui.git"
   },
   "sideEffects": false,
-  "version": "1.1.6",
+  "version": "1.1.8",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -13,8 +13,8 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@dative-gpi/foundation-shared-domain": "1.1.6",
-    "@dative-gpi/foundation-shared-services": "1.1.6"
+    "@dative-gpi/foundation-shared-domain": "1.1.8",
+    "@dative-gpi/foundation-shared-services": "1.1.8"
   },
   "peerDependencies": {
     "@dative-gpi/bones-ui": "^1.0.0",
@@ -38,5 +38,5 @@
     "sass": "1.71.1",
     "sass-loader": "13.3.2"
   },
-  "gitHead": "6e1d16c39cd615e25ac4e991c4489209ef223722"
+  "gitHead": "d3acfab8c634278f1fe3794747580d0b00f10d0a"
 }