@sbc-connect/nuxt-base 0.13.3 → 0.14.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @sbc-connect/nuxt-base
 
+## 0.14.0
+
+### Minor Changes
+
+- [#203](https://github.com/bcgov/connect-nuxt/pull/203) [`fedf109`](https://github.com/bcgov/connect-nuxt/commit/fedf109afdefa2869325afb9c7a268767c0e3d38) Thanks [@deetz99](https://github.com/deetz99)! - Add NuxtAnnouncer to app.vue. Update ConnectInputMenu hasValue check.
+
+- [#203](https://github.com/bcgov/connect-nuxt/pull/203) [`fedf109`](https://github.com/bcgov/connect-nuxt/commit/fedf109afdefa2869325afb9c7a268767c0e3d38) Thanks [@deetz99](https://github.com/deetz99)! - Update dependencies
+
 ## 0.13.3
 
 ### Patch Changes

package/app/app.vue

@@ -11,6 +11,7 @@ useHead({
 
 <template>
   <UApp :toaster="{ position: 'bottom-center' }">
+    <NuxtAnnouncer />
     <NuxtLayout>
       <NuxtPage />
     </NuxtLayout>

package/app/components/Connect/Input/Menu.vue

@@ -9,23 +9,39 @@ const props = defineProps<{
 const labelId = props.id + '-label'
 const model = defineModel<InputMenuProps['modelValue']>()
 
-const hasValue = computed(() => {
-  const val = model.value
-
+function isPopulated(val: unknown): boolean {
   if (val === null || val === undefined) {
     return false
   }
 
+  if (typeof val === 'string') {
+    return val.trim().length > 0
+  }
+
+  if (typeof val === 'number') {
+    return !Number.isNaN(val)
+  }
+
+  if (typeof val === 'boolean' || typeof val === 'bigint') {
+    return true
+  }
+
+  if (val instanceof Date) {
+    return !Number.isNaN(val.getTime())
+  }
+
   if (Array.isArray(val)) {
-    return val.length > 0
+    return val.some(isPopulated)
   }
 
   if (typeof val === 'object') {
-    return Object.keys(val).length > 0
+    return Object.values(val).some(isPopulated)
   }
 
-  return val === 0 || !!val
-})
+  return false
+}
+
+const hasValue = computed(() => isPopulated(model.value))
 
 defineOptions({ inheritAttrs: false })
 </script>
@@ -35,11 +51,11 @@ defineOptions({ inheritAttrs: false })
     <span
       :id="labelId"
       :class="[
-        'absolute left-0 z-10 px-2.5 pointer-events-none text-neutral transition-all duration-200 w-fit line-clamp-1',
-        'top-1/2 -translate-y-1/2',
-        'group-focus-within:top-3 group-focus-within:text-xs group-focus-within:text-primary',
+        'absolute text-neutral transition-transform duration-200 ease-out origin-left text-base line-clamp-1',
+        'top-1/2 left-2.5 z-10 pointer-events-none -translate-y-1/2',
+        'group-focus-within:translate-y-[-115%] group-focus-within:scale-75 group-focus-within:text-primary',
         'group-has-aria-invalid:text-error',
-        hasValue ? 'top-3 text-xs' : '',
+        hasValue ? 'translate-y-[-115%] scale-75' : '',
       ]"
     >
       {{ label }}

package/app/components/Connect/Layout/Sidebar.vue

@@ -14,7 +14,7 @@ const showSideMenu = ref(true)
       size="xs"
       :icon="showSideMenu ? 'i-mdi-minus' : 'i-mdi-plus'"
       data-testid="connect-sidebar-toggle-btn"
-      @click="showSideMenu = !showSideMenu"
+      @click="() => { showSideMenu = !showSideMenu }"
     />
     <ConnectTransitionCollapse>
       <div v-if="showSideMenu">

package/app/components/Connect/Tombstone/index.vue

@@ -85,7 +85,10 @@ async function handleButtonAction(button: ButtonProps, event: MouseEvent) {
                 v-if="tombstone.bottomButtons.length"
                 class="flex flex-wrap gap-2"
               >
-                <template v-for="btn in tombstone.bottomButtons" :key="btn.button?.label || btn.vNode?.key">
+                <template
+                  v-for="btn in tombstone.bottomButtons"
+                  :key="btn.button?.label || btn.vNode?.key || undefined"
+                >
                   <component :is="btn.vNode" v-if="btn.vNode" />
                   <UButton
                     v-else-if="btn.button"

package/app/types/base-app-config.d.ts

@@ -10,6 +10,18 @@ declare module 'nuxt/schema' {
       }
     }
   }
+
+  interface AppConfig {
+    connect: {
+      header: {
+        localeSelect: boolean
+        whatsNew: boolean
+      }
+      footer: {
+        versions: string[]
+      }
+    }
+  }
 }
 
 export {}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sbc-connect/nuxt-base",
   "type": "module",
-  "version": "0.13.3",
+  "version": "0.14.0",
   "repository": {
     "type": "git",
     "url": "github:bcgov/connect-nuxt"
@@ -10,27 +10,28 @@
   "main": "./nuxt.config.ts",
   "dependencies": {
     "@iconify-json/mdi": "1.2.3",
-    "@launchdarkly/js-client-sdk": "4.6.5",
+    "@launchdarkly/js-client-sdk": "4.10.3",
     "@nuxt/ui": "4.7.1",
-    "@nuxtjs/i18n": "10.3.0",
-    "@vueuse/core": "14.3.0",
-    "@vueuse/nuxt": "14.3.0",
-    "dompurify": "3.4.5",
-    "es-toolkit": "1.46.1",
+    "@nuxtjs/i18n": "10.6.0",
+    "@vueuse/core": "15.0.0",
+    "@vueuse/nuxt": "15.0.0",
+    "dompurify": "3.4.16",
+    "es-toolkit": "1.52.0",
     "luxon": "3.7.2",
-    "maska": "3.2.0",
-    "zod": "4.4.3"
+    "maska": "3.2.1",
+    "zod": "4.6.5"
   },
   "devDependencies": {
-    "@axe-core/playwright": "4.11.3",
-    "@types/luxon": "3.7.1",
-    "dotenv": "^17.4.2",
-    "nuxt": "4.4.8",
+    "@axe-core/playwright": "4.13.0",
+    "@types/luxon": "3.7.5",
+    "dotenv": "18.0.4",
+    "nuxt": "4.5.2",
     "typescript": "6.0.3",
-    "vue-tsc": "3.3.1",
+    "vue-router": "^5.3.1",
+    "vue-tsc": "3.3.11",
     "@sbc-connect/eslint-config": "0.0.8",
-    "@sbc-connect/playwright-config": "0.2.1",
-    "@sbc-connect/vitest-config": "0.2.0"
+    "@sbc-connect/vitest-config": "0.2.0",
+    "@sbc-connect/playwright-config": "0.2.1"
   },
   "scripts": {
     "preinstall": "npx only-allow pnpm",