@globalbrain/sefirot 4.35.4 → 4.36.1

package/lib/blocks/lens/fields/RelatedManyField.ts

@@ -1,3 +1,5 @@
+import { xor } from 'lodash-es'
+import { type DropdownSection } from '../../../composables/Dropdown'
 import { type TableCell } from '../../../composables/Table'
 import { type RelatedManyFieldData } from '../FieldData'
 import { type FilterOperator } from '../FilterOperator'
@@ -14,6 +16,34 @@ export class RelatedManyField extends Field<RelatedManyFieldData> {
     this.fetcher = fetcher
   }
 
+  override async tableFilterMenu(filters: any[], onFilterUpdated: (filters: any[]) => void): Promise<DropdownSection | null> {
+    const method = this.data.resourceEndpointMethod
+    const url = this.data.resourceEndpointPath
+    const key = this.data.resourceEndpointDataKey
+
+    if (!url) {
+      return null
+    }
+
+    const selected = this.inFilterValueFor(this.data.key, filters)
+
+    const res = await this.fetcher(method, url)
+    const data = key ? res[key] : res
+
+    const options = data.map((item: any) => ({
+      label: item[this.data.resourceTitle],
+      value: item[this.data.filterKey]
+    }))
+
+    return {
+      type: 'filter',
+      search: true,
+      selected,
+      options,
+      onClick: (v) => { onFilterUpdated?.([this.data.key, 'in', xor(selected, [v])]) }
+    }
+  }
+
   override tableCell(v: any, _r: any): TableCell {
     return {
       type: 'pills',

package/lib/blocks/lens/filter-inputs/SelectFilterInput.ts

@@ -39,6 +39,9 @@ export class SelectFilterInput extends FilterInput {
   }
 
   protected castValueMany(value: any): any {
+    if (value == null) {
+      return []
+    }
     if (Array.isArray(value)) {
       return value
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@globalbrain/sefirot",
-  "version": "4.35.4",
+  "version": "4.36.1",
   "description": "Vue Components for Global Brain Design System.",
   "keywords": [
     "components",