@globalbrain/sefirot 3.25.1 → 3.27.0

package/lib/components/SDescAvatar.vue

@@ -0,0 +1,39 @@
+<script setup lang="ts">
+import SAvatar from './SAvatar.vue'
+import SDescEmpty from './SDescEmpty.vue'
+
+export interface Avatar {
+  avatar?: string | null
+  name?: string | null
+}
+
+defineProps<{
+  avatar?: Avatar | null
+}>()
+</script>
+
+<template>
+  <div v-if="avatar" class="SDescAvatar">
+    <div class="value">
+      <SAvatar
+        v-if="avatar.avatar"
+        size="nano"
+        :avatar="avatar.avatar"
+        :name="avatar.name"
+      />
+      <span v-if="avatar.name" class="name">
+        {{ avatar.name }}
+      </span>
+    </div>
+  </div>
+  <SDescEmpty v-else />
+</template>
+
+<style scoped lang="postcss">
+.value {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  height: 24px;
+}
+</style>

package/lib/components/SInputRadios.vue

@@ -2,7 +2,7 @@
   setup
   lang="ts"
   generic="
-    T extends string | number | boolean = string | number | boolean,
+    ValueType extends string | number | boolean = string | number | boolean,
     Nullable extends boolean = false
   "
 >
@@ -16,16 +16,13 @@ export type Size = 'mini' | 'small' | 'medium'
 export type Color = 'neutral' | 'mute' | 'info' | 'success' | 'warning' | 'danger'
 
 export interface Option<
-  T extends string | number | boolean = string | number | boolean,
-  Nullable extends boolean = false
+  ValueType extends string | number | boolean = string | number | boolean
 > {
   label: string
-  value: Nullable extends true ? T : T
+  value: ValueType
   disabled?: boolean
 }
 
-type ValueType = Nullable extends true ? T : T
-type ValueOrNull = Nullable extends true ? T | null : T
 type NullValue = Nullable extends true ? null : never
 
 const props = withDefaults(defineProps<{
@@ -38,7 +35,7 @@ const props = withDefaults(defineProps<{
   checkIcon?: IconifyIcon | DefineComponent
   checkText?: string
   checkColor?: Color
-  options: Option<T, Nullable>[]
+  options: Option<ValueType>[]
   nullable?: Nullable
   disabled?: boolean
   value?: ValueType | null
@@ -51,8 +48,8 @@ const props = withDefaults(defineProps<{
 })
 
 const emit = defineEmits<{
-  (e: 'update:model-value', value: ValueOrNull): void
-  (e: 'change', value: ValueOrNull): void
+  (e: 'update:model-value', value: ValueType | NullValue): void
+  (e: 'change', value: ValueType | NullValue): void
 }>()
 
 const _value = computed(() => {

package/lib/http/Http.ts

@@ -3,6 +3,7 @@ import { parse as parseCookie } from '@tinyhttp/cookie'
 import FileSaver from 'file-saver'
 import { type FetchOptions, type FetchRequest, type FetchResponse, ofetch } from 'ofetch'
 import { stringify } from 'qs'
+import { type Lang } from '../composables/Lang'
 
 export interface HttpClient {
   <T = any>(request: FetchRequest, options?: Omit<FetchOptions, 'method'>): Promise<T>
@@ -13,12 +14,14 @@ export interface HttpOptions {
   baseUrl?: string
   xsrfUrl?: string | false
   client?: HttpClient
+  lang?: Lang
 }
 
 export class Http {
   private static baseUrl: string | undefined = undefined
   private static xsrfUrl: string | false = '/api/csrf-cookie'
   private static client: HttpClient = ofetch
+  private static lang: Lang | undefined = undefined
 
   static config(options: HttpOptions) {
     if (options.baseUrl) {
@@ -30,6 +33,9 @@ export class Http {
     if (options.client) {
       Http.client = options.client
     }
+    if (options.lang) {
+      Http.lang = options.lang
+    }
   }
 
   private async ensureXsrfToken(): Promise<string | undefined> {
@@ -70,7 +76,8 @@ export class Http {
         ...options,
         headers: {
           Accept: 'application/json',
-          ...(xsrfToken && { 'X-XSRF-TOKEN': xsrfToken }),
+          ...(xsrfToken && { 'X-Xsrf-Token': xsrfToken }),
+          ...(Http.lang && { 'Accept-Language': Http.lang }),
           ...options.headers
         }
       }

package/package.json

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