Rename node description property

Author: aamanrebello

calm-hub-ui/src/visualizer/components/cytoscape-renderer/CytoscapeRenderer.tsx

@@ -53,8 +53,8 @@ function getEdgeStyle(showDescription: boolean): cytoscape.Css.Edge {
 function getNodeStyle(showDescription: boolean): cytoscape.Css.Node {
     return {
         label: showDescription
-            ? 'data(_displayPlaceholderWithDesc)'
-            : 'data(_displayPlaceholderWithoutDesc)',
+            ? 'data(labelWithDescription)'
+            : 'data(labelWithoutDescription)',
         'text-valign': 'center',
         'text-halign': 'center',
         'text-wrap': 'wrap',
@@ -92,24 +92,24 @@ export function CytoscapeRenderer({
             container,
             elements: [...nodes, ...edges],
             style: [
-            {
-                selector: 'edge',
-                style: getEdgeStyle(isRelationshipDescActive),
-            },
-            {
-                selector: 'node',
-                style: getNodeStyle(isNodeDescActive),
-            },
-            {
-                selector: ':parent',
-                style: {
-                label: 'data(label)',
-                "background-color": 'white',
-                "border-style": 'dashed',
-                "border-width": 2,
-                "border-dash-pattern": [8, 10], // [dash length, gap length]
+                {
+                    selector: 'edge',
+                    style: getEdgeStyle(isRelationshipDescActive),
+                },
+                {
+                    selector: 'node',
+                    style: getNodeStyle(isNodeDescActive),
+                },
+                {
+                    selector: ':parent',
+                    style: {
+                        label: 'data(label)',
+                        "background-color": 'white',
+                        "border-style": 'dashed',
+                        "border-width": 2,
+                        "border-dash-pattern": [8, 10], // [dash length, gap length]
+                    },
                 },
-            },
             ],
             layout: breadthFirstLayout,
             boxSelectionEnabled: true,

calm-hub-ui/src/visualizer/components/drawer/Drawer.tsx

@@ -117,8 +117,8 @@ export function Drawer({ calmInstance, title, isConDescActive, isNodeDescActive
                     description: node.description,
                     type: node['node-type'],
                     id: node['unique-id'],
-                    _displayPlaceholderWithDesc: `${generateDisplayPlaceHolderWithoutDesc(node)}\n\n${node.description}\n`,
-                    _displayPlaceholderWithoutDesc: `${generateDisplayPlaceHolderWithoutDesc(node)}`,
+                    labelWithDescription: `${generateDisplayPlaceHolderWithoutDesc(node)}\n\n${node.description}\n`,
+                    labelWithoutDescription: `${generateDisplayPlaceHolderWithoutDesc(node)}`,
                 },
             };
 

calm-hub-ui/src/visualizer/components/visualizer-container/VisualizerContainer.test.tsx

@@ -81,8 +81,8 @@ describe('VisualizerContainer', () => {
                     type: '',
                     label: 'node1',
                     id: 'node1',
-                    _displayPlaceholderWithDesc: '',
-                    _displayPlaceholderWithoutDesc: '',
+                    labelWithDescription: '',
+                    labelWithoutDescription: '',
                     parent: undefined,
                     interfaces: undefined,
                     controls: undefined,

calm-hub-ui/src/visualizer/contracts/contracts.ts

@@ -19,8 +19,8 @@ export type CalmNode = {
         type: string;
         label: string;
         id: string;
-        _displayPlaceholderWithDesc: string;
-        _displayPlaceholderWithoutDesc: string;
+        labelWithDescription: string;
+        labelWithoutDescription: string;
         parent?: string;
         interfaces?: (
             | CalmInterfaceTypeSchema