@globalbrain/sefirot 3.35.0 → 3.35.2

package/lib/components/SDropdown.vue

@@ -22,7 +22,7 @@ defineProps<{
   border: 1px solid var(--c-divider);
   border-radius: 6px;
   min-width: 288px;
-  max-height: 384px;
+  max-height: 364px;
   overflow-y: auto;
   white-space: normal;
 

package/lib/components/SDropdownSectionFilter.vue

@@ -3,6 +3,7 @@ import IconCheck from '@iconify-icons/ph/check'
 import Fuse from 'fuse.js'
 import { type MaybeRef, computed, onMounted, ref, unref } from 'vue'
 import { type DropdownSectionFilterOption, type DropdownSectionFilterSelectedValue } from '../composables/Dropdown'
+import { useTrans } from '../composables/Lang'
 import { isArray } from '../support/Utils'
 import SDropdownSectionFilterItem from './SDropdownSectionFilterItem.vue'
 import SIcon from './SIcon.vue'
@@ -14,6 +15,17 @@ const props = defineProps<{
   onClick?(value: any): void
 }>()
 
+const { t } = useTrans({
+  en: {
+    i_ph: 'Filter options',
+    not_found: 'No options found.'
+  },
+  ja: {
+    i_ph: 'オプションを検索',
+    not_found: 'オプションが見つかりません。'
+  }
+})
+
 const input = ref<HTMLElement | null>(null)
 const query = ref('')
 
@@ -60,7 +72,7 @@ function handleClick(option: DropdownSectionFilterOption, value: any) {
 <template>
   <div class="SDropdownSectionFilter">
     <div v-if="search" class="search">
-      <input class="input" placeholder="Filter options" ref="input" v-model="query">
+      <input class="input" :placeholder="t.i_ph" ref="input" v-model="query">
     </div>
 
     <ul v-if="filteredOptions.length" class="list">
@@ -89,7 +101,7 @@ function handleClick(option: DropdownSectionFilterOption, value: any) {
     </ul>
 
     <p v-else class="empty">
-      No options found.
+      {{ t.not_found }}
     </p>
   </div>
 </template>
@@ -105,6 +117,7 @@ function handleClick(option: DropdownSectionFilterOption, value: any) {
   z-index: 10;
   border-bottom: 1px solid var(--c-gutter);
   padding: 8px;
+  background-color: var(--c-bg-elv-3);
 }
 
 .input {
@@ -138,8 +151,7 @@ function handleClick(option: DropdownSectionFilterOption, value: any) {
   text-align: left;
   transition: color 0.25s, background-color 0.25s;
 
-  &:hover,
-  &:focus {
+  &:hover {
     background-color: var(--c-bg-mute-1);
   }
 }

package/lib/components/SDropdownSectionFilterItemAvatar.vue

@@ -31,6 +31,7 @@ defineProps<{
 .name {
   display: inline-block;
   padding-left: 8px;
+  line-height: 20px;
   font-size: 14px;
   font-weight: 400;
   white-space: nowrap;

package/lib/components/SInputDropdownItemText.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import IconX from '@iconify-icons/ph/x'
+import IconX from '@iconify-icons/ph/x-bold'
 import SIcon from './SIcon.vue'
 
 defineProps<{

package/lib/composables/Url.ts

@@ -62,7 +62,7 @@ export function useUrlQuerySync(
     const newQuery: Record<string, any> = {}
 
     for (const key in flattenedState) {
-      if (!exclude.includes(key) && flattenedDefaultState[key] !== flattenedState[key]) {
+      if (!exclude.includes(key) && !isEqual(flattenedState[key], flattenedDefaultState[key])) {
         newQuery[key] = flattenedState[key]
       }
     }
@@ -94,7 +94,9 @@ function flattenObject(obj: Record<string, any>, path: string[] = []): Record<st
   for (const key in obj) {
     const value = obj[key]
 
-    if (value && typeof value === 'object' && !Array.isArray(value)) {
+    if (Array.isArray(value)) {
+      result[path.concat(key).join('.')] = value.slice()
+    } else if (value && typeof value === 'object') {
       Object.assign(result, flattenObject(value, [...path, key]))
     } else {
       result[path.concat(key).join('.')] = value

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@globalbrain/sefirot",
-  "version": "3.35.0",
+  "version": "3.35.2",
   "packageManager": "pnpm@8.15.4",
   "description": "Vue Components for Global Brain Design System.",
   "author": "Kia Ishii <ka.ishii@globalbrains.com>",