@lavalogic/scoria 0.37.50 → 0.37.51

package/dist/Components/Table/Types/Context/SortingState.svelte.d.ts

@@ -9,6 +9,18 @@ import type { SortingState as SortingStateArray } from '../DataRepository/Sortin
  * pays no extra branching per comparison.
  */
 export declare function comparableSortingFn<T>(id: keyof T, desc: boolean): (a: T, b: T) => -1 | 0 | 1;
+/**
+ * Comparator factory for columns whose sort key comes from a value
+ * accessor rather than a row property. `DisplayDef` ids are synthetic, so
+ * the row carries no property under the column id — the accessor (the
+ * `col.display` `value` thunk) is the only available sort key.
+ *
+ * A Promise-returning accessor (an async `value` thunk) is not
+ * synchronously comparable, so such pairs compare equal — the column is a
+ * stable no-op unless the consumer supplies an explicit `getSortingFn`.
+ * Nullish results sort last in both directions.
+ */
+export declare function accessorSortingFn<T, V>(accessorFn: ((row: T, index: number) => V) | undefined, desc: boolean): (a: T, b: T) => -1 | 0 | 1;
 /**
  * Comparator factory for `CheckboxDef` columns. Boolean-coercion compares
  * truthy-vs-falsy so undefined / null / 0 collapse to "unchecked".

package/dist/Components/Table/Types/Context/SortingState.svelte.js

@@ -47,6 +47,39 @@ export function comparableSortingFn(id, desc) {
             return 0;
         };
 }
+/**
+ * Comparator factory for columns whose sort key comes from a value
+ * accessor rather than a row property. `DisplayDef` ids are synthetic, so
+ * the row carries no property under the column id — the accessor (the
+ * `col.display` `value` thunk) is the only available sort key.
+ *
+ * A Promise-returning accessor (an async `value` thunk) is not
+ * synchronously comparable, so such pairs compare equal — the column is a
+ * stable no-op unless the consumer supplies an explicit `getSortingFn`.
+ * Nullish results sort last in both directions.
+ */
+export function accessorSortingFn(accessorFn, desc) {
+    if (!accessorFn) {
+        return () => 0;
+    }
+    return (a, b) => {
+        const av = accessorFn(a, 0);
+        const bv = accessorFn(b, 0);
+        if (av == null && bv != null) {
+            return 1;
+        }
+        if (bv == null && av != null) {
+            return -1;
+        }
+        if (av < bv) {
+            return desc ? 1 : -1;
+        }
+        if (av > bv) {
+            return desc ? -1 : 1;
+        }
+        return 0;
+    };
+}
 /**
  * Comparator factory for `CheckboxDef` columns. Boolean-coercion compares
  * truthy-vs-falsy so undefined / null / 0 collapse to "unchecked".
@@ -175,8 +208,12 @@ export class SortingState {
         if (def.getSortingFn != undefined) {
             return def.getSortingFn(desc);
         }
-        if (def instanceof DisplayDef ||
-            def instanceof TextInputDef ||
+        if (def instanceof DisplayDef) {
+            // `DisplayDef` ids are synthetic — the row has no property under
+            // `id` — so sort by the column's value accessor, not `row[id]`.
+            return accessorSortingFn(def.accessorFn, desc);
+        }
+        if (def instanceof TextInputDef ||
             def instanceof NumberInputDef ||
             def instanceof DateInputDef) {
             return comparableSortingFn(id, desc);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lavalogic/scoria",
   "description": "Svelte components used for the FloWMS Web Frontend",
-  "version": "0.37.50",
+  "version": "0.37.51",
   "publishConfig": {
     "access": "restricted"
   },