@object-ui/plugin-kanban 0.5.0 → 2.0.0

package/src/index.tsx

@@ -44,9 +44,18 @@ export const KanbanRenderer: React.FC<KanbanRendererProps> = ({ schema }) => {
     
     // If we have flat data and a grouping key, distribute items into columns
     if (data && groupBy && Array.isArray(data)) {
-      // 1. Group data by key
+      // Build label→id mapping so data values (labels like "In Progress")
+      // match column IDs (option values like "in_progress")
+      const labelToColumnId: Record<string, string> = {};
+      columns.forEach((col: any) => {
+        if (col.id) labelToColumnId[String(col.id).toLowerCase()] = col.id;
+        if (col.title) labelToColumnId[String(col.title).toLowerCase()] = col.id;
+      });
+
+      // 1. Group data by key, normalizing via label→id mapping
       const groups = data.reduce((acc, item) => {
-        const key = item[groupBy];
+        const rawKey = String(item[groupBy] ?? '');
+        const key = labelToColumnId[rawKey.toLowerCase()] ?? rawKey;
         if (!acc[key]) acc[key] = [];
         acc[key].push(item);
         return acc;
@@ -79,7 +88,7 @@ export const KanbanRenderer: React.FC<KanbanRendererProps> = ({ schema }) => {
 
 // Register the component with the ComponentRegistry
 ComponentRegistry.register(
-  'kanban',
+  'kanban-ui',
   KanbanRenderer,
   {
     namespace: 'plugin-kanban',
@@ -250,7 +259,21 @@ ComponentRegistry.register(
   {
     namespace: 'plugin-kanban',
     label: 'Object Kanban',
-    category: 'plugin',
+    category: 'view',
+    inputs: [
+      { name: 'objectName', type: 'string', label: 'Object Name', required: true },
+      { name: 'columns', type: 'array', label: 'Columns' }
+    ]
+  }
+);
+
+ComponentRegistry.register(
+  'kanban',
+  ObjectKanbanRenderer,
+  {
+    namespace: 'view',
+    label: 'Kanban Board',
+    category: 'view',
     inputs: [
       { name: 'objectName', type: 'string', label: 'Object Name', required: true },
       { name: 'columns', type: 'array', label: 'Columns' }