libs/shared/lib/schema/pills/nodes/entity/SchemaEntityPill.tsx

@@ -14,7 +14,6 @@ export const SchemaEntityPill = React.memo(({ id, selected, data }: NodeProps<Sc
 
   const viewport = useViewport();
   const schemaStats = useSchemaStats();
-
   const ref = useRef<HTMLDivElement>(null);
   /**
    * adds drag functionality in order to be able to drag the entityNode to the schema
@@ -39,13 +38,13 @@ export const SchemaEntityPill = React.memo(({ id, selected, data }: NodeProps<Sc
   const tooltipX = useMemo(() => {
     if (ref.current == null || openPopupLocation == null) return -1;
     const rect = ref.current.getBoundingClientRect();
-    return rect.x - openPopupLocation.x + (rect.width / 2);
+    return rect.x - openPopupLocation.x + rect.width / 2;
   }, [viewport.x, openPopupLocation]);
 
   const tooltipY = useMemo(() => {
     if (ref.current == null || openPopupLocation == null) return -1;
     const rect = ref.current.getBoundingClientRect();
-    return rect.y - openPopupLocation.y + (rect.height / 2);
+    return rect.y - openPopupLocation.y + rect.height / 2;
   }, [viewport.y, openPopupLocation]);
 
   return (
@@ -83,7 +82,7 @@ export const SchemaEntityPill = React.memo(({ id, selected, data }: NodeProps<Sc
                       },
                       {} as Record<string, string>,
                     )}
-                    numberOfElements={schemaStats.nodeStats[data.name]?.count}
+                    numberOfElements={schemaStats.nodes.stats[data.name]?.count}
                   />
                 </VisualizationTooltip>
               </div>

libs/shared/lib/schema/pills/nodes/relation/SchemaRelationPill.tsx

@@ -94,7 +94,7 @@ export const SchemaRelationPill = React.memo(({ id, selected, data, ...props }:
                         : {}
                     }
                     connections={{ from: data.from, to: data.to }}
-                    numberOfElements={schemaStats.edgeStats[data.collection]?.count}
+                    numberOfElements={schemaStats.edges.stats[data.collection]?.count}
                   />
                 </VisualizationTooltip>
               </div>

libs/shared/lib/vis/visualizations/nodelinkvis/nodelinkvis.tsx

@@ -13,20 +13,19 @@ import { Node } from '@graphpolaris/shared/lib/data-access/store/graphQueryResul
 import { IPointData } from 'pixi.js';
 import { VisualizationPropTypes, VISComponentType, VisualizationSettingsPropTypes } from '../../common';
 
-  
 // For backwards compatibility with older saveStates, we migrate information from settings.nodes to settings.location
 // FIXME: this can be removed once all systems have updated their saveStates.
 function patchLegacySettings(settings: NodelinkVisProps): NodelinkVisProps {
   if (!('nodes' in settings)) {
-    settings = JSON.parse(JSON.stringify(settings));  // Undo Object.preventExtensions()
+    settings = JSON.parse(JSON.stringify(settings)); // Undo Object.preventExtensions()
 
     settings.nodes = {
       shape: {
         type: (settings as any).shapes.shape,
         similar: (settings as any).shapes.similar,
-        shapeMap: undefined
+        shapeMap: undefined,
       },
-      labelAttributes: {}
+      labelAttributes: {},
     };
     settings.edges.labelAttributes = {};
   }
@@ -49,7 +48,7 @@ export interface NodelinkVisProps {
       shapeMap: { [id: string]: 'circle' | 'rectangle' } | undefined;
     };
     labelAttributes: { [nodeType: string]: string };
-  },
+  };
   edges: {
     width: {
       similar: boolean;
@@ -89,7 +88,7 @@ const NodeLinkVis = forwardRef<NodeLinkVisHandle, VisualizationPropTypes<Nodelin
     const [highlightedLinks, setHighlightedLinks] = useState<LinkType[]>([]);
 
     settings = patchLegacySettings(settings);
-  
+
     useEffect(() => {
       if (data) {
         setGraph(
@@ -218,9 +217,19 @@ const NodelinkSettings = ({ settings, graphMetadata, updateSettings }: Visualiza
           <Input
             type="dropdown"
             label="Shape"
-            value={settings.shapes.shape}
+            value={settings.nodes.shape.type}
             options={[{ circle: 'Circle' }, { rectangle: 'Square' }]}
-            onChange={(val) => updateSettings({ shapes: { ...settings.shapes, shape: val as any } })}
+            onChange={(val) =>
+              updateSettings({
+                nodes: {
+                  ...settings.nodes,
+                  shape: {
+                    ...settings.nodes.shape,
+                    type: val as 'circle' | 'rectangle',
+                  },
+                },
+              })
+            }
           />
         </div>
       </div>
@@ -242,18 +251,21 @@ const NodelinkSettings = ({ settings, graphMetadata, updateSettings }: Visualiza
       </div>
       <div>
         <span className="text-xs font-semibold">Labels</span>
-        { Object.entries(graphMetadata.edges.types).map(([label, type]) =>
+        {Object.entries(graphMetadata.edges.types).map(([label, type]) => (
           <Input
             type="dropdown"
             key={label}
             label={label}
             value={settings.edges.labelAttributes ? settings.edges.labelAttributes[label] || 'Default' : undefined}
-            options={['Default', ...Object.keys(type.attributes).filter(x => x != 'Type')]}
-            onChange={(val) => updateSettings({ edges: { ...settings.edges, labelAttributes: { ... settings.edges.labelAttributes, [label]: val as string } } })}
+            options={['Default', ...Object.keys(type.attributes).filter((x) => x != 'Type')]}
+            onChange={(val) =>
+              updateSettings({
+                edges: { ...settings.edges, labelAttributes: { ...settings.edges.labelAttributes, [label]: val as string } },
+              })
+            }
           />
-        )}  
+        ))}
       </div>
-      
     </SettingsContainer>
   );
 };