replaced item_representation with item_widget, now styling works prop…

…erly
numan-ai · Jul 10, 2024 · 64c436d · 64c436d
1 parent 99f39bf
commit 64c436d
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 14 deletions.
diff --git a/src/components/canvas/ListWidget.tsx b/src/components/canvas/ListWidget.tsx
@@ -12,7 +12,7 @@ const WIDGET_TYPE = "list";
 export type ListCanvasRepresentation = {
   type: "list";
   source: Source | Source[];
-  item_representation?: Representation | Representation[];
+  item_widget?: Representation | Representation[];
 } & Representation;
 
 
@@ -61,10 +61,10 @@ const getListSize = (
       console.error("Can't get structure item", items);
       return undefined;
     }
-    const item_representation = Array.isArray(representation.item_representation) ? (
-      representation.item_representation[i]
+    const item_representation = Array.isArray(representation.item_widget) ? (
+      representation.item_widget[i]
     ) : (
-      representation.item_representation
+      representation.item_widget
     );
     const itemSize = getSize(item_structure, item_representation || null);
     if (itemSize === undefined) {
@@ -126,10 +126,10 @@ function ListCanvasComponent(props: WidgetProps) {
   let collectedX = representation.style?.margin ?? 5;
 
   const children = structure.data.map((item, i) => {
-    const item_representation = Array.isArray(representation.item_representation) ? (
-      representation.item_representation[i]
+    const item_representation = Array.isArray(representation.item_widget) ? (
+      representation.item_widget[i]
     ) : (
-      representation.item_representation
+      representation.item_widget
     ) || null;
     const compSize = getSize(item, item_representation);
     if (compSize === undefined) {

diff --git a/src/components/canvas/VListWidget.tsx b/src/components/canvas/VListWidget.tsx
@@ -12,7 +12,7 @@ const WIDGET_TYPE = "vlist";
 export type ListCanvasRepresentation = {
   type: "vlist";
   source: Source | Source[];
-  item_representation?: Representation | Representation[];
+  item_widget?: Representation | Representation[];
 } & Representation;
 
 
@@ -57,10 +57,10 @@ const getListSize = (
 
   for (let i = 0; i < items.data.length; i++) {
     const item_structure = items.data[i];
-    const item_representation = Array.isArray(representation.item_representation) ? (
-      representation.item_representation[i]
+    const item_representation = Array.isArray(representation.item_widget) ? (
+      representation.item_widget[i]
     ) : (
-      representation.item_representation
+      representation.item_widget
     );
     const itemSize = getSize(item_structure, item_representation || null);
     if (itemSize === undefined) {
@@ -124,10 +124,10 @@ function ListCanvasComponent(props: WidgetProps) {
   let collectedY = representation.style?.margin ?? 5;
 
   const children = structure.data.map((item, i) => {
-    const item_representation = Array.isArray(representation.item_representation) ? (
-      representation.item_representation[i]
+    const item_representation = Array.isArray(representation.item_widget) ? (
+      representation.item_widget[i]
     ) : (
-      representation.item_representation
+      representation.item_widget
     ) || null;
     const compSize = getSize(item, item_representation);
     if (compSize === undefined) {