Minor fixes.

smeup · Feb 21, 2022 · 10e370a · 10e370a
1 parent 094d50b
commit 10e370a
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 9 deletions.
diff --git a/packages/ketchup/src/components/kup-button-list/kup-button-list.tsx b/packages/ketchup/src/components/kup-button-list/kup-button-list.tsx
@@ -74,7 +74,7 @@ export class KupButtonList {
      * Props of the sub-components.
      * @default []
      */
-    @Prop() data: KupButtonListNode[] = [];
+    @Prop({ mutable: true }) data: KupButtonListNode[] = [];
     /**
      * When set to true, the sub-components are disabled.
      * @default false

diff --git a/packages/ketchup/src/components/kup-magic-box/kup-magic-box.tsx b/packages/ketchup/src/components/kup-magic-box/kup-magic-box.tsx
@@ -217,10 +217,14 @@ export class KupMagicBox {
                                 this.kupManager.objects.isNumber(col.obj)) ||
                             props['axis'] !== null
                         ) {
-                            props['series'].push({
-                                code: col.name,
-                                decode: col.title,
-                            });
+                            if (this.display === MagicBoxDisplay.CHART) {
+                                props['series'].push({
+                                    code: col.name,
+                                    decode: col.title,
+                                });
+                            } else {
+                                props['series'].push(col.name);
+                            }
                         } else {
                             props['axis'] = col.name;
                         }

diff --git a/packages/ketchup/src/components/kup-tree/kup-tree.tsx b/packages/ketchup/src/components/kup-tree/kup-tree.tsx
@@ -206,7 +206,7 @@ export class KupTree {
     /**
      * The columns of the tree when tree visualization is active.
      */
-    @Prop() columns?: KupDataColumn[];
+    @Prop({ mutable: true }) columns?: KupDataColumn[];
     /**
      * Custom style of the component.
      * @default ""
@@ -216,7 +216,7 @@ export class KupTree {
     /**
      * The json data used to populate the tree view: the basic, always visible tree nodes.
      */
-    @Prop() data: KupTreeNode[] = [];
+    @Prop({ mutable: true }) data: KupTreeNode[] = [];
     /**
      * The density of the rows, defaults at 'medium' and can also be set to 'dense' or 'wide'.
      */
@@ -298,7 +298,7 @@ export class KupTree {
     /**
      * Shows the tree data as a table.
      */
-    @Prop() showColumns: boolean = false;
+    @Prop({ mutable: true }) showColumns: boolean = false;
     /**
      * When set to true enables the column filters.
      */
@@ -311,7 +311,7 @@ export class KupTree {
      * Flag: shows the header of the tree when the tree is displayed as a table.
      * @see showColumns
      */
-    @Prop() showHeader: boolean = false;
+    @Prop({ mutable: true }) showHeader: boolean = false;
     /**
      * Shows the icons of the nodes.
      */