@7365admin1/layer-common 4.97.1-staging.603 → 4.97.1-staging.605

package/components/ClientMain.vue

@@ -226,7 +226,7 @@
                 <td class="td-muted" data-label="Email">{{ item.email }}</td>
                 <td data-label="App">{{ item.app }}</td>
                 <td class="td-muted" data-label="Role">{{ item.role }}</td>
-                <td data-label="Status"><span class="status-chip pending">{{ item.status }}</span></td>
+                <td data-label="Status"><span class="status-chip pending text-capitalize">{{ item.status }}</span></td>
                 <td data-label="Action">
                   <button
                     class="cancel-btn"

package/components/DocumentManagement.vue

@@ -34,7 +34,7 @@
         <v-menu v-model="filterMenu" offset-y>
           <template #activator="{ props }">
             <button v-bind="props" type="button" class="doc-filters__type">
-              <span>{{ selectedFileType || "Filter by File Type" }}</span>
+              <span>{{ selectedFileType ? fileTypeLabel(selectedFileType) : "Filter by File Type" }}</span>
               <v-icon size="18">mdi-chevron-down</v-icon>
             </button>
           </template>
@@ -48,7 +48,7 @@
                 class="filtertype-item"
               >
                 <v-list-item-title class="text-subtitle-2">
-                  {{ type }}
+                  {{ fileTypeLabel(type) }}
                 </v-list-item-title>
               </v-list-item>
             </v-list>
@@ -859,6 +859,9 @@ const currentFolderPath = computed(() => {
 });
 
 const fileTypes = ref(["all", "pdf", "csv", "doc"]);
+/** What each filter value reads as on screen; the value sent stays as is. */
+const FILE_TYPE_LABELS: Record<string, string> = { all: "All file types", pdf: "PDF", csv: "CSV", doc: "Word (DOC)" };
+const fileTypeLabel = (type: string) => FILE_TYPE_LABELS[type] ?? type.toUpperCase();
 const selectedFileType = ref("all");
 
 /**

package/components/MemberMain.vue

@@ -155,7 +155,7 @@
                 :title="r"
                 data-test="member-role-chip"
               >
-                {{ r }}
+                {{ r ? r.charAt(0).toUpperCase() + r.slice(1) : r }}
               </StatusChip>
               <span
                 v-if="memberAccess(item, orgLevel).roles.length > 2"

package/components/OnlineFormConfigurationForm.vue

@@ -54,7 +54,7 @@
             <InputLabel title="Status" />
             <v-select
               v-model="formStatus"
-              :items="['active', 'inactive']"
+              :items="[{ title: 'Active', value: 'active' }, { title: 'Inactive', value: 'inactive' }]"
               density="compact"
               variant="outlined"
               hide-details

package/package.json

@@ -2,7 +2,7 @@
   "name": "@7365admin1/layer-common",
   "license": "MIT",
   "type": "module",
-  "version": "4.97.1-staging.603",
+  "version": "4.97.1-staging.605",
   "author": "7365admin1",
   "main": "./nuxt.config.ts",
   "//files": "What a consumer extending this layer actually loads. Without this npm ships the whole working tree - the changesets, the CI workflows, the render harness in tools/ and any scratch directory that happened to exist at publish time. Nuxt resolves a layer by directory, so every runtime directory below has to stay listed; adding a new top-level runtime directory means adding it here too.",