@ai-matrx/records-ui 0.93.63 → 0.93.64

package/dist/index.js

@@ -18617,15 +18617,19 @@ function Kanban({
 }) {
   const groupFields = useMemo31(() => [groupField], [groupField]);
   const labels = useRecordLabels(groupFields);
+  const options = useChoiceOptions(groupFields, isChoiceField(groupField) ? [groupField.key] : []).get(groupField.key);
   const columns = useMemo31(() => {
     const map = /* @__PURE__ */ new Map();
+    const order = (options ?? []).map((o) => o.label);
+    for (const label of order) map.set(label, []);
     for (const row of rows) {
       const raw = (row.document ?? {})[groupField.key];
       const key = raw === null || raw === void 0 || raw === "" ? "No value" : scalarText(groupField, raw, labels);
       map.set(key, [...map.get(key) ?? [], row]);
     }
-    return [...map.entries()].sort((a, b) => a[0] === "No value" ? 1 : b[0] === "No value" ? -1 : a[0].localeCompare(b[0]));
-  }, [rows, groupField, labels]);
+    const rank = (name) => name === "No value" ? Number.MAX_SAFE_INTEGER : order.includes(name) ? order.indexOf(name) : order.length;
+    return [...map.entries()].sort((a, b) => rank(a[0]) - rank(b[0]) || a[0].localeCompare(b[0]));
+  }, [rows, groupField, labels, options]);
   return /* @__PURE__ */ jsxs56("div", { className: "flex min-h-0 flex-col gap-2", children: [
     /* @__PURE__ */ jsx64(Note, { children: note }),
     /* @__PURE__ */ jsx64("div", { className: "flex min-h-0 gap-2 overflow-x-auto pb-2", children: columns.map(([name, cards]) => /* @__PURE__ */ jsxs56("section", { className: "flex w-64 shrink-0 flex-col rounded border bg-muted/30", children: [