@dative-gpi/foundation-core-components 1.0.111 → 1.0.113

package/components/autocompletes/FSAutocompleteChart.vue

@@ -1,5 +1,6 @@
 <template>
   <FSAutocompleteField
+    :label="$props.label ?? $tr('autocomplete.chart.label', 'Chart')"
     :toggleSet="!$props.toggleSetDisabled && toggleSet"
     :multiple="$props.multiple"
     :placeholder="placeholder"
@@ -116,6 +117,11 @@ export default defineComponent({
       type: Boolean,
       required: false,
       default: false
+    },
+    label: {
+      type: String as PropType<string | null>,
+      required: false,
+      default: null
     }
   },
   emits: ["update", "update:modelValue", "update:type"],
@@ -144,7 +150,7 @@ export default defineComponent({
 
     const placeholder = computed((): string | null => {
       if (props.multiple && props.modelValue) {
-        return $tr("ui.autocomplete-chart.placeholder", "{0} chart(s) selected", props.modelValue.length);
+        return $tr("autocomplete.chart.placeholder", "{0} chart(s) selected", props.modelValue.length);
       }
       return null;
     });

package/components/autocompletes/FSAutocompleteDashboard.vue

@@ -1,5 +1,6 @@
 <template>
   <FSAutocompleteField
+    :label="$props.label ?? $tr('autocomplete.dashboard.label', 'Dashboard')"
     :toggleSet="!$props.toggleSetDisabled && toggleSet"
     :multiple="$props.multiple"
     :placeholder="placeholder"
@@ -123,6 +124,11 @@ export default defineComponent({
       type: Boolean,
       required: false,
       default: false
+    },
+    label: {
+      type: String as PropType<string | null>,
+      required: false,
+      default: null
     }
   },
   emits: ["update", "update:modelValue", "update:type"],
@@ -157,7 +163,7 @@ export default defineComponent({
 
     const placeholder = computed((): string | null => {
       if (props.multiple && props.modelValue) {
-        return $tr("ui.autocomplete-dashboard.placeholder", "{0} dashboard(s) selected", props.modelValue.length);
+        return $tr("autocomplete.dashboard.placeholder", "{0} dashboard(s) selected", props.modelValue.length);
       }
       return null;
     });

package/components/autocompletes/FSAutocompleteDashboardOrganisation.vue

@@ -1,5 +1,6 @@
 <template>
   <FSAutocompleteField
+    :label="$props.label ?? $tr('autocomplete.dashboard.label', 'Dashboard')"
     :toggleSet="!$props.toggleSetDisabled && toggleSet"
     :items="dashboardOrganisations"
     :multiple="$props.multiple"
@@ -59,6 +60,11 @@ export default defineComponent({
       type: Boolean,
       required: false,
       default: false
+    },
+    label: {
+      type: String as PropType<string | null>,
+      required: false,
+      default: null
     }
   },
   emits: ["update:modelValue"],
@@ -72,7 +78,7 @@ export default defineComponent({
 
     const placeholder = computed((): string | null => {
       if (props.multiple && props.modelValue) {
-        return $tr("ui.autocomplete-dashboard-organisation.placeholder", "{0} dashboard(s) selected", props.modelValue.length);
+        return $tr("autocomplete.dashboard.placeholder", "{0} dashboard(s) selected", props.modelValue.length);
       }
       return null;
     });

package/components/autocompletes/FSAutocompleteDataCategory.vue

@@ -1,5 +1,6 @@
 <template>
   <FSAutocompleteField
+    :label="$props.label ?? $tr('autocomplete.data-category.label', 'Data category')"
     :toggleSet="!$props.toggleSetDisabled && toggleSet"
     :multiple="$props.multiple"
     :placeholder="placeholder"
@@ -15,13 +16,13 @@
       <FSChip
         v-if="item.correlated"
         prependIcon="mdi-link"
-        :label="$tr('ui.autocomplete-data-category.linked','Linked')"
+        :label="$tr('autocomplete.data-category.linked','Linked')"
         :color="ColorEnum.Success"
       />
       <FSChip
         v-else
         prependIcon="mdi-link-off"
-        :label="$tr('ui.autocomplete-data-category.not-linked','Not linked')"
+        :label="$tr('autocomplete.data-category.not-linked','Not linked')"
         :color="ColorEnum.Warning"
       />
     </template>
@@ -41,13 +42,13 @@
           <FSChip
             v-if="props.item.correlated"
             prependIcon="mdi-link"
-            :label="$tr('ui.autocomplete-data-category.linked','Linked')"
+            :label="$tr('autocomplete.data-category.linked','Linked')"
             :color="ColorEnum.Success"
           />
           <FSChip
             v-else
             prependIcon="mdi-link-off"
-            :label="$tr('ui.autocomplete-data-category.not-linked','Not linked')"
+            :label="$tr('autocomplete.data-category.not-linked','Not linked')"
             :color="ColorEnum.Warning"
           />
         </template>
@@ -96,6 +97,11 @@ export default defineComponent({
       type: Boolean,
       required: false,
       default: false
+    },
+    label: {
+      type: String as PropType<string | null>,
+      required: false,
+      default: null
     }
   },
   emits: ["update:modelValue"],
@@ -109,7 +115,7 @@ export default defineComponent({
 
     const placeholder = computed((): string | null => {
       if (props.multiple && props.modelValue) {
-        return $tr("ui.autocomplete-data-category.placeholder", "{0} data category(ies) selected", props.modelValue.length);
+        return $tr("autocomplete.data-category.placeholder", "{0} data category(ies) selected", props.modelValue.length);
       }
       return null;
     });

package/components/autocompletes/FSAutocompleteDataDefinition.vue

@@ -1,5 +1,6 @@
 <template>
   <FSAutocompleteField
+    :label="$props.label ?? $tr('autocomplete.data-definition.label', 'Data')"
     :toggleSet="!$props.toggleSetDisabled && toggleSet"
     :multiple="$props.multiple"
     :placeholder="placeholder"
@@ -79,6 +80,11 @@ export default defineComponent({
       type: Boolean,
       required: false,
       default: false
+    },
+    label: {
+      type: String as PropType<string | null>,
+      required: false,
+      default: null
     }
   },
   emits: ["update:modelValue"],
@@ -92,7 +98,7 @@ export default defineComponent({
 
     const placeholder = computed((): string | null => {
       if (props.multiple && props.modelValue) {
-        return $tr("ui.autocomplete-data-definition.placeholder", "{0} data definition(s) selected", props.modelValue.length);
+        return $tr("autocomplete.data-definition.placeholder", "{0} data definition(s) selected", props.modelValue.length);
       }
       return null;
     });

package/components/autocompletes/FSAutocompleteGroup.vue

@@ -1,5 +1,6 @@
 <template>
   <FSAutocompleteField
+    :label="$props.label ?? $tr('autocomplete.group.label', 'Group')"
     :toggleSet="!$props.toggleSetDisabled && toggleSet"
     :multiple="$props.multiple"
     :placeholder="placeholder"
@@ -58,6 +59,11 @@ export default defineComponent({
       type: Boolean,
       required: false,
       default: false
+    },
+    label: {
+      type: String as PropType<string | null>,
+      required: false,
+      default: null
     }
   },
   emits: ["update:modelValue"],
@@ -71,7 +77,7 @@ export default defineComponent({
 
     const placeholder = computed((): string | null => {
       if (props.multiple && props.modelValue) {
-        return $tr("ui.autocomplete-group.placeholder", "{0} group(s) selected", props.modelValue.length);
+        return $tr("autocomplete.group.placeholder", "{0} group(s) selected", props.modelValue.length);
       }
       return null;
     });

package/components/autocompletes/FSAutocompleteLocation.vue

@@ -1,5 +1,6 @@
 <template>
   <FSAutocompleteField
+    :label="$props.label ?? $tr('autocomplete.location.label', 'Location')"
     :toggleSet="!$props.toggleSetDisabled && toggleSet"
     :multiple="$props.multiple"
     :placeholder="placeholder"
@@ -58,6 +59,11 @@ export default defineComponent({
       type: Boolean,
       required: false,
       default: false
+    },
+    label: {
+      type: String as PropType<string | null>,
+      required: false,
+      default: null
     }
   },
   emits: ["update:modelValue"],

package/components/autocompletes/FSAutocompleteManufacturer.vue

@@ -1,5 +1,6 @@
 <template>
   <FSAutocompleteField
+    :label="$props.label ?? $tr('autocomplete.manufacturer.label', 'Manufacturer')"
     :toggleSet="!$props.toggleSetDisabled && toggleSet"
     :multiple="$props.multiple"
     :placeholder="placeholder"
@@ -86,6 +87,11 @@ export default defineComponent({
       type: Boolean,
       required: false,
       default: false
+    },
+    label: {
+      type: String as PropType<string | null>,
+      required: false,
+      default: null
     }
   },
   emits: ["update:modelValue"],

package/components/autocompletes/FSAutocompleteModel.vue

@@ -1,5 +1,6 @@
 <template>
   <FSAutocompleteField
+    :label="$props.label ?? $tr('autocomplete.model.label', 'Model')"
     :toggleSet="!$props.toggleSetDisabled && toggleSet"
     :multiple="$props.multiple"
     :placeholder="placeholder"
@@ -86,6 +87,11 @@ export default defineComponent({
       type: Boolean,
       required: false,
       default: false
+    },
+    label: {
+      type: String as PropType<string | null>,
+      required: false,
+      default: null
     }
   },
   emits: ["update:modelValue"],
@@ -99,7 +105,7 @@ export default defineComponent({
 
     const placeholder = computed((): string | null => {
       if (props.multiple && props.modelValue) {
-        return $tr("ui.autocomplete-model.placeholder", "{0} model(s) selected", props.modelValue.length);
+        return $tr("autocomplete.model.placeholder", "{0} model(s) selected", props.modelValue.length);
       }
       return null;
     });

package/components/autocompletes/FSAutocompleteOrganisationType.vue

@@ -1,5 +1,6 @@
 <template>
   <FSAutocompleteField
+    :label="$props.label ?? $tr('autocomplete.organisation-type.label', 'Organisation type')"
     :toggleSet="!$props.toggleSetDisabled && toggleSet"
     :multiple="$props.multiple"
     :placeholder="placeholder"
@@ -46,6 +47,11 @@ export default defineComponent({
       type: Boolean,
       required: false,
       default: false
+    },
+    label: {
+      type: String as PropType<string | null>,
+      required: false,
+      default: null
     }
   },
   emits: ["update:modelValue"],
@@ -59,7 +65,7 @@ export default defineComponent({
 
     const placeholder = computed((): string | null => {
       if (props.multiple && props.modelValue) {
-        return $tr("ui.autocomplete-organisation-type.placeholder", "{0} organisation type(s) selected", props.modelValue.length);
+        return $tr("autocomplete.organisation-type.placeholder", "{0} organisation type(s) selected", props.modelValue.length);
       }
       return null;
     });

package/components/autocompletes/FSAutocompleteRole.vue

@@ -1,5 +1,6 @@
 <template>
   <FSAutocompleteField
+    :label="$props.label ?? $tr('autocomplete.role.label', 'Role')"
     :toggleSet="!$props.toggleSetDisabled && toggleSet"
     :multiple="$props.multiple"
     :placeholder="placeholder"
@@ -117,6 +118,11 @@ export default defineComponent({
       type: Boolean,
       required: false,
       default: false
+    },
+    label: {
+      type: String as PropType<string | null>,
+      required: false,
+      default: null
     }
   },
   emits: ["update", "update:modelValue", "update:type"],
@@ -145,7 +151,7 @@ export default defineComponent({
 
     const placeholder = computed((): string | null => {
       if (props.multiple && props.modelValue) {
-        return $tr("ui.autocomplete-role.placeholder", "{0} role(s) selected", props.modelValue.length);
+        return $tr("autocomplete.role.placeholder", "{0} role(s) selected", props.modelValue.length);
       }
       return null;
     });

package/components/autocompletes/FSAutocompleteServiceAccountRoleOrganisation.vue

@@ -1,5 +1,6 @@
 <template>
   <FSAutocompleteField
+    :label="$props.label ?? $tr('autocomplete.service-account-role.label', 'Service account role')"
     :toggleSet="!$props.toggleSetDisabled && toggleSet"
     :items="serviceAccountRoleOrganisations"
     :multiple="$props.multiple"
@@ -58,6 +59,11 @@ export default defineComponent({
       type: Boolean,
       required: false,
       default: false
+    },
+    label: {
+      type: String as PropType<string | null>,
+      required: false,
+      default: null
     }
   },
   emits: ["update:modelValue"],
@@ -71,7 +77,7 @@ export default defineComponent({
 
     const placeholder = computed((): string | null => {
       if (props.multiple && props.modelValue) {
-        return $tr("ui.autocomplete-service-account-role-organisation.placeholder", "{0} role(s) selected", props.modelValue.length);
+        return $tr("autocomplete.service-account-role.placeholder", "{0} role(s) selected", props.modelValue.length);
       }
       return null;
     });

package/components/autocompletes/FSAutocompleteUserOrganisation.vue

@@ -1,6 +1,7 @@
 <template>
   <FSAutocompleteField
     itemTitle="name"
+    :label="$props.label ?? $tr('autocomplete.user.label', 'User')"
     :toggleSet="!$props.toggleSetDisabled && toggleSet"
     :multiple="$props.multiple"
     :placeholder="placeholder"
@@ -87,6 +88,11 @@ export default defineComponent({
       type: Boolean,
       required: false,
       default: false
+    },
+    label: {
+      type: String as PropType<string | null>,
+      required: false,
+      default: null
     }
   },
   emits: ["update:modelValue"],
@@ -100,7 +106,7 @@ export default defineComponent({
 
     const placeholder = computed((): string | null => {
       if (props.multiple && props.modelValue) {
-        return $tr("ui.autocomplete-user-organisation.placeholder", "{0} user(s) selected", props.modelValue.length);
+        return $tr("autocomplete.user.placeholder", "{0} user(s) selected", props.modelValue.length);
       }
       return null;
     });

package/components/explorers/FSBaseDevicesExplorer.vue

@@ -9,7 +9,7 @@
     :itemTo="$props.itemTo"
     :noSearch="true"
     :modelValue="$props.modelValue"
-    @update:modelValue="$emit('update:modelValue', $event)"
+    @update:modelValue="onUpdate"
     v-model:search="search"
     v-bind="$attrs"
   >
@@ -227,8 +227,8 @@ export default defineComponent({
       required: false
     }
   },
-  emits: ["update:modelValue"],
-  setup(props) {
+  emits: ["update:modelValue", "update:types"],
+  setup(props, { emit }) {
     const { entities, fetching: fetchingDeviceExplorerElements, getMany: getManyDeviceExplorerElements } = useDeviceExplorerElements();
     const { debounce } = useDebounce();
 
@@ -248,6 +248,13 @@ export default defineComponent({
       return props.modelValue.includes(id);
     };
 
+    const onUpdate = (value: string[]): void => {
+      const types = value.map(id => entities.value.find(dee => dee.id === id)?.type);
+      emit("update:types", types);
+
+      emit("update:modelValue", value);
+    }
+
     const fetch = () => {
       getManyDeviceExplorerElements({ ...props.deviceExplorerElementFilters, search: search.value });
     }
@@ -273,7 +280,8 @@ export default defineComponent({
       deviceExplorerElements,
       ConnectivityStatus,
       search,
-      isSelected
+      isSelected,
+      onUpdate
     };
   }
 });

package/components/lists/alerts/FSBaseAlertsList.vue

@@ -23,12 +23,12 @@
       #toolbar
     >
       <FSButtonCheckbox
-        :label="$tr('page.alerts.not-acknowledged-only', 'Not acknowledged only')"
+        :label="$tr('ui.alert.not-acknowledged-only', 'Not acknowledged only')"
         :color="ColorEnum.Warning"
         v-model="innerNotTreatedOnly"
       />
       <FSButtonCheckbox
-        :label="$tr('page.alerts.hide-pending', 'Hide pending')"
+        :label="$tr('ui.alert.hide-pending', 'Hide pending')"
         :color="ColorEnum.Light"
         variant="full"
         v-model="innerHidePending"

package/components/lists/alerts/FSButtonAcknowledgeAlert.vue

@@ -1,11 +1,11 @@
 <template>
   <FSButton
     prependIcon="mdi-checkbox-blank-outline"
-    :label="$tr('page.alert.acknowledge', 'Acknowledge')"
+    :label="$tr('ui.alert.acknowledge', 'Acknowledge')"
     @click="dialog = true"
   />
   <FSDialogSubmit
-    :title="$tr('page.alert.acknowledge', 'Acknowledge')"
+    :title="$tr('ui.alert.acknowledge', 'Acknowledge')"
     :load="acknowledgingAlert"
     @click:submitButton="onAcknowledge"
     v-model="dialog"
@@ -26,12 +26,12 @@
             gap="2px"
           >
             <FSSpan>
-              {{ $tr("page.alert.acknowledge-warning", "Do you want to acknowledge this alert?") }}
+              {{ $tr("ui.alert.acknowledge-warning", "Do you want to acknowledge this alert?") }}
             </FSSpan>
           </FSRow>
         </FSRow>
         <FSSpan>
-          {{ $tr("page.alert.acknowledge-final-warning", "This action is definitive") }}
+          {{ $tr("ui.alert.acknowledge-final-warning", "This action is definitive") }}
         </FSSpan>
         <FSErrorToast
           v-if="error"

package/components/treeviews/FSTreeViewGroup.vue

@@ -1,5 +1,6 @@
 <template>
   <FSTreeViewField
+    :label="$props.label ?? $tr('tree-view.group.label', 'Group')"
     :multiple="$props.multiple"
     :loading="fetchingGroups"
     :items="groups"
@@ -55,7 +56,12 @@ export default defineComponent({
       type: Boolean,
       required: false,
       default: false
-    }
+    },
+    label: {
+      type: String as PropType<string | null>,
+      required: false,
+      default: null
+    } 
   },
   emits: ["update:modelValue"],
   setup(props, { emit }) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dative-gpi/foundation-core-components",
   "sideEffects": false,
-  "version": "1.0.111",
+  "version": "1.0.113",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -10,11 +10,11 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@dative-gpi/foundation-core-domain": "1.0.111",
-    "@dative-gpi/foundation-core-services": "1.0.111",
-    "@dative-gpi/foundation-shared-components": "1.0.111",
-    "@dative-gpi/foundation-shared-domain": "1.0.111",
-    "@dative-gpi/foundation-shared-services": "1.0.111"
+    "@dative-gpi/foundation-core-domain": "1.0.113",
+    "@dative-gpi/foundation-core-services": "1.0.113",
+    "@dative-gpi/foundation-shared-components": "1.0.113",
+    "@dative-gpi/foundation-shared-domain": "1.0.113",
+    "@dative-gpi/foundation-shared-services": "1.0.113"
   },
   "peerDependencies": {
     "@dative-gpi/bones-ui": "^1.0.0",
@@ -26,5 +26,5 @@
     "sass": "1.71.1",
     "sass-loader": "13.3.2"
   },
-  "gitHead": "8a5582e544900743384c63aa9cf137b780e65ecc"
+  "gitHead": "901e954dba5d5ad505883a46a93831fdd780606b"
 }