@globalbrain/sefirot 4.37.1 → 4.38.0

package/lib/blocks/lens/components/LensCatalog.vue

@@ -97,7 +97,7 @@ const props = withDefaults(defineProps<Props>(), {
   canSort: true
 })
 
-const selected = defineModel<number[]>('selected')
+const selected = defineModel<any[]>('selected')
 const hideConditions = defineModel<boolean>('hideConditions', { default: false })
 
 const emit = defineEmits<{
@@ -320,7 +320,7 @@ function onViewUpdated(newSelect: string[], newSelectable: string[], overrides:
   emit('overrides-updated', _overrides.value)
 }
 
-function onUpdateSelected(value: number[]) {
+function onUpdateSelected(value: any[]) {
   selected.value = value
 }
 
@@ -339,6 +339,16 @@ function onNext() {
 }
 
 defineExpose({
+  /**
+   * Retrieve the current records in the catalog. This method is required when
+   * the parent component needs to access the records directly, for example, to
+   * handle mapping for selected records. Like `updateRecords`, this is also a
+   * hacky method and should be avoided if possible.
+   */
+  records(): Record<string, any>[] {
+    return result.value?.data ?? []
+  },
+
   /**
    * Mutates the fetched records directly. This exposed method can be used to
    * do in-place updates of records from the parent component. However, it's

package/lib/blocks/lens/components/LensCatalogControl.vue

@@ -17,7 +17,7 @@ import { useTrans } from '../../../composables/Lang'
 export interface Props {
   queryPh?: string
   filterPresets?: FilterPresets[]
-  selected?: number[]
+  selected?: any[]
   showQuery?: boolean
   showFilters?: boolean
   isConditionActive?: boolean

package/lib/blocks/lens/components/LensTable.vue

@@ -14,11 +14,12 @@ const props = defineProps<{
   result?: LensResult
   overrides?: Record<string, Partial<FieldData>>
   loading: boolean
-  selected?: number[]
+  selected?: any[]
+  indexField?: string
 }>()
 
 const emit = defineEmits<{
-  'update:selected': [value: number[]]
+  'update:selected': [value: any[]]
   'filter-updated': [filter: any[]]
   'sort-updated': [sort: LensQuerySort]
   'cell-clicked': [value: any, record: any]
@@ -87,10 +88,11 @@ const table = useTable({
   records,
   orders,
   columns,
+  indexField: props.indexField,
   borderless: true
 })
 
-function onSelect(value?: number[]) {
+function onSelect(value?: any[]) {
   emit('update:selected', value ?? [])
 }
 

package/lib/components/STable.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts" generic="S extends any = undefined">
 import { useVirtualizer } from '@tanstack/vue-virtual'
 import { useResizeObserver } from '@vueuse/core'
-import xor from 'lodash-es/xor'
+import isEqual from 'lodash-es/isEqual'
 import { type CSSProperties, computed, nextTick, reactive, ref, toValue, unref, useTemplateRef, watch } from 'vue'
 import { type Table } from '../composables/Table'
 import { type VirtualRow, useTableAnimation } from '../composables/TableAnimation'
@@ -185,10 +185,9 @@ const control = computed({
   }
 })
 
-watch(indexes, (newValue, oldValue) => {
+watch(indexes, (newValue) => {
   if (Array.isArray(selected.value)) {
-    const removed = xor(newValue, oldValue)
-    updateSelected(selected.value.filter((item) => !removed.includes(item)))
+    updateSelected(newValue.filter((item) => includesSelection(selected.value as any[], item)))
   }
 })
 
@@ -431,6 +430,10 @@ function getCell(key: string, index: number) {
   return isSummary(index) && col?.summaryCell ? col?.summaryCell : col?.cell
 }
 
+function includesSelection(items: unknown[], target: unknown): boolean {
+  return items.some((item) => isEqual(item, target))
+}
+
 function updateSelected(items: any) {
   if (Array.isArray(selected.value)) {
     selected.value = [...items] as any
@@ -440,11 +443,17 @@ function updateSelected(items: any) {
 }
 
 function addSelected(item: any) {
-  updateSelected([...(selected.value as any), item])
+  const items = selected.value as any[]
+
+  if (includesSelection(items, item)) {
+    return
+  }
+
+  updateSelected([...items, item])
 }
 
 function removeSelected(item: any) {
-  updateSelected((selected.value as any[]).filter((i) => i !== item))
+  updateSelected((selected.value as any[]).filter((i) => !isEqual(i, item)))
 }
 
 function getColWidth(key: string) {
@@ -603,13 +612,13 @@ function onResizeEnd(data: { columnName: string; finalWidth: string }) {
                       <template v-if="key === '__select' && !isSummary(item.index)">
                         <SInputCheckbox
                           v-if="Array.isArray(selected)"
-                          :model-value="selected.includes(indexes[item.index])"
+                          :model-value="includesSelection(selected, indexes[item.index])"
                           :disabled="options.disableSelection?.(recordsWithSummary[item.index]) === true"
                           @update:model-value="(c) => (c ? addSelected : removeSelected)(indexes[item.index])"
                         />
                         <SInputRadio
                           v-else
-                          :model-value="selected === indexes[item.index]"
+                          :model-value="isEqual(selected, indexes[item.index])"
                           :disabled="options.disableSelection?.(recordsWithSummary[item.index]) === true"
                           @update:model-value="(c) => updateSelected(c ? indexes[item.index] : null)"
                         />

package/lib/components/STableCell.vue

@@ -26,6 +26,10 @@ const props = defineProps<{
 const computedCell = computed<TableCell | undefined>(() =>
   typeof props.cell === 'function' ? props.cell(props.value, props.record) : props.cell
 )
+
+const valueIsImagePath = computed(() => {
+  return typeof props.value === 'string' && props.value.includes('/')
+})
 </script>
 
 <template>
@@ -89,8 +93,8 @@ const computedCell = computed<TableCell | undefined>(() =>
       v-else-if="computedCell.type === 'avatar'"
       :value
       :record
-      :image="computedCell.image ?? ((value as string).includes('/') ? value : null)"
-      :name="computedCell.name ?? ((value as string).includes('/') ? null : value)"
+      :image="computedCell.image ?? (valueIsImagePath ? value : null)"
+      :name="computedCell.name ?? (valueIsImagePath ? null : value)"
       :link="computedCell.link"
       :color="computedCell.color"
       :on-click="computedCell.onClick"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@globalbrain/sefirot",
-  "version": "4.37.1",
+  "version": "4.38.0",
   "description": "Vue Components for Global Brain Design System.",
   "keywords": [
     "components",
@@ -59,8 +59,8 @@
     "@iconify-json/ph": "^1.2.2",
     "@iconify-json/ri": "^1.2.10",
     "@popperjs/core": "^2.11.8",
-    "@sentry/browser": "^10.39.0",
-    "@sentry/vue": "^10.39.0",
+    "@sentry/browser": "^10.40.0",
+    "@sentry/vue": "^10.40.0",
     "@tanstack/vue-virtual": "3.0.0-beta.62",
     "@tinyhttp/content-disposition": "^2.2.4",
     "@tinyhttp/cookie": "^2.1.1",
@@ -72,7 +72,7 @@
     "@types/markdown-it": "^14.1.2",
     "@types/qs": "^6.14.0",
     "@vitejs/plugin-vue": "^6.0.4",
-    "@vue/reactivity": "^3.5.28",
+    "@vue/reactivity": "^3.5.29",
     "@vuelidate/core": "^2.0.3",
     "@vuelidate/validators": "^2.0.4",
     "@vueuse/core": "^14.2.1",
@@ -97,7 +97,7 @@
     "unplugin-icons": "^23.0.1",
     "v-calendar": "3.0.1",
     "vite": "^7.3.1",
-    "vue": "^3.5.28",
+    "vue": "^3.5.29",
     "vue-draggable-plus": "^0.6.1",
     "vue-router": "^4.6.4"
   },
@@ -105,8 +105,8 @@
     "@globalbrain/eslint-config": "^3.0.1",
     "@histoire/plugin-vue": "1.0.0-beta.1",
     "@release-it/conventional-changelog": "^10.0.5",
-    "@types/jsdom": "^27.0.0",
-    "@types/node": "^25.3.0",
+    "@types/jsdom": "^28.0.0",
+    "@types/node": "^25.3.3",
     "@vitest/coverage-v8": "^4.0.18",
     "@vue/test-utils": "^2.4.6",
     "eslint": "^9.39.3",
@@ -118,5 +118,5 @@
     "vitest": "^4.0.18",
     "vue-tsc": "^3.2.5"
   },
-  "packageManager": "pnpm@10.30.1"
+  "packageManager": "pnpm@10.30.3"
 }