@globalbrain/sefirot 2.31.0 → 2.32.0

package/lib/components/SButton.vue

@@ -36,6 +36,7 @@ const props = defineProps<{
 
 const emit = defineEmits<{
   (e: 'click'): void
+  (e: 'disabled-click'): void
 }>()
 
 const classes = computed(() => [
@@ -57,7 +58,9 @@ const computedTag = computed(() => {
 })
 
 function handleClick(): void {
-  !props.disabled && !props.loading && emit('click')
+  if (!props.loading) {
+    props.disabled ? emit('disabled-click') : emit('click')
+  }
 }
 </script>
 

package/lib/components/SDropdownSectionFilter.vue

@@ -18,13 +18,17 @@ const props = defineProps<{
 const input = ref<HTMLElement | null>(null)
 const query = ref('')
 
+const enabledOptions = computed(() => {
+  return unref(props.options).filter((o) => !o.disabled)
+})
+
 const fuse = computed(() => {
-  return new Fuse(unref(props.options), { keys: ['label'] })
+  return new Fuse(unref(enabledOptions), { keys: ['label'] })
 })
 
 const filteredOptions = computed(() => {
   return (!props.search || !query.value)
-    ? unref(props.options)
+    ? unref(enabledOptions)
     : fuse.value.search(query.value).map((r) => r.item)
 })
 

package/lib/components/SInputDropdown.vue

@@ -27,6 +27,7 @@ export type Option = OptionText | OptionAvatar
 export interface OptionBase {
   type?: 'text' | 'avatar'
   value: OptionValue
+  disabled?: boolean
 }
 
 export interface OptionText extends OptionBase {

package/lib/components/STable.vue

@@ -231,7 +231,7 @@ function getCell(key: string, index: number) {
           <div class="block" ref="block">
             <div class="row" ref="row">
               <STableItem
-                v-for="key in options.orders"
+                v-for="key in unref(options.orders)"
                 :key="key"
                 :name="key"
                 :class-name="unref(options.columns)[key].className"
@@ -275,7 +275,7 @@ function getCell(key: string, index: number) {
               >
                 <div class="row" :class="isSummaryOrLastClass(rIndex)">
                   <STableItem
-                    v-for="key in options.orders"
+                    v-for="key in unref(options.orders)"
                     :key="key"
                     :name="key"
                     :class-name="unref(options.columns)[key].className"

package/lib/composables/Dropdown.ts

@@ -48,6 +48,7 @@ export interface DropdownSectionFilterOptionBase {
   type?: 'text' | 'avatar'
   label: string
   value: string | number | boolean
+  disabled?: boolean
   onClick?(value: string | number | boolean): void
 }
 

package/package.json

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