added status and assignee options

Author: raheeliftikhar5

lowcoder-comp-kanban/src/datasource.json

@@ -1,26 +1,52 @@
 {
   "cardData": [
     {
-      "Id": "Task 1",
+      "id": "Task 1",
       "label": "Task - 29001",
-      "Title": "Task - 29001",
-      "Status": "Open",
-      "Summary": "Analyze customer requirements.",
-      "Priority": "High",
-      "Tags": "Bug, Release Bug",
-      "RankId": 1,
-      "Assignee": "Nancy Davloio"
+      "status": "Open",
+      "summary": "Analyze customer requirements.",
+      "priority": "High",
+      "tags": "Bug, Release Bug",
+      "rankId": 1,
+      "assignee": "Nancy Davloio"
     },
     {
-      "Id": "Task 2",
+      "id": "Task 2",
       "label": "Task - 29002",
-      "Title": "Task - 29002",
-      "Status": "InProgress",
-      "Summary": "Add responsive support to applicaton",
-      "Priority": "Low",
-      "Tags": "Story, Kanban",
-      "RankId": 1,
-      "Assignee": "Nancy Davloio"
+      "status": "InProgress",
+      "summary": "Add responsive support to applicaton",
+      "priority": "Low",
+      "tags": "Story, Kanban",
+      "rankId": 1,
+      "assignee": "Nancy Davloio"
+    }
+  ],
+  "statusOptions": [
+    {
+      "label": "To Do",
+      "value": "Open"
+    },
+    {
+      "label": "In Progress",
+      "value": "InProgress"
+    },
+    {
+      "label": "In Review",
+      "value": "Review"
+    },
+    {
+      "label": "Done",
+      "value": "Close"
+    }
+  ],
+  "assigneeOptions": [
+    {
+      "id": "1",
+      "name": "Nancy Davloio"
+    },
+    {
+      "id": "1",
+      "name": "Andrew Fuller"
     }
   ]
 }

lowcoder-comp-kanban/src/kanbanPropertyView.tsx

@@ -16,9 +16,16 @@ export const KanbanPropertyView = React.memo((props: Props) => {
     <>
       <Section name="Basic">
         {children.data.propertyView({})}
-        {/* {children.data.propertyView({ label: "Data" })} */}
-        {children.cardView.getPropertyView()}
+        {children.statusOptions.propertyView({
+          label: 'Status Options'
+        })}
+        {children.assigneeOptions.propertyView({
+          label: 'Assignee Options'
+        })}
       </Section>
+      <Section name="Card View">
+        {children.cardView.getPropertyView()}
+      </Section>  
       <Section name="Interaction">
         {children.onEvent.propertyView()}
       </Section>

lowcoder-comp-kanban/src/kanbanTypes.tsx

@@ -5,13 +5,16 @@ import {
   styleControl,
   AutoHeightControl,
   BoolControl,
+  jsonControl,
+  toJSONObjectArray,
   uiChildren,
   RecordConstructorToComp,
   RecordConstructorToView,
 } from 'lowcoder-sdk';
 import { trans } from "./i18n/comps";
 import { KanbanOptionControl } from './kanbanOptionsControl';
 import { CardViewControl } from './cardViewControl';
+import * as dataSource from "./datasource.json";
 
 type RecordConstructorToComp<T> = typeof RecordConstructorToComp;
 type RecordConstructorToView<T> = typeof RecordConstructorToView;
@@ -117,8 +120,9 @@ const childrenMap = {
     },
   ] as const),
   cardContentStyles: styleControl(CompStyles),
+  statusOptions: jsonControl(toJSONObjectArray, dataSource.statusOptions),
+  assigneeOptions: jsonControl(toJSONObjectArray, dataSource.assigneeOptions),
   cardView: CardViewControl,
-  // data: jsonValueExposingStateControl("data", dataSource.cardData),
 };
 
 export const KanbanInitComp = (function () {