From 348acd1ef25b6c626fbc1897008d5233bd6f937a Mon Sep 17 00:00:00 2001
From: 2427021 <s.a.vink@students.uu.nl>
Date: Fri, 29 Mar 2024 13:10:37 +0100
Subject: [PATCH] feat(visManager): cleanup of folders

---
 .../data-access/store/visualizationSlice.ts   |  2 +-
 .../lib/schema/schema-utils/flow-utils.ts     |  2 +-
 .../lib/vis/{shared => common}/index.ts       |  2 +-
 .../lib/vis/{shared => common}/types.ts       | 11 ----------
 libs/shared/lib/vis/components/bar.tsx        |  4 ++--
 .../lib/vis/components/config/panel.tsx       |  4 ++--
 libs/shared/lib/vis/components/panel.tsx      |  4 ++--
 libs/shared/lib/vis/hooks/hooks.types.ts      | 12 +++++++++++
 libs/shared/lib/vis/hooks/index.ts            |  1 +
 .../lib/vis/hooks/useVisualizationManager.tsx |  6 +++---
 .../lib/vis/visualizations/mapvis/mapvis.tsx  |  2 +-
 .../matrixvis/components/MatrixPixi.tsx       |  2 +-
 .../visualizations/matrixvis/matrixvis.tsx    |  2 +-
 .../components/NLMachineLearning.tsx          |  4 ++--
 .../nodelinkvis/components/NLPixi.tsx         |  2 +-
 .../nodelinkvis/nodelinkvis.tsx               |  2 +-
 .../vis/visualizations/paohvis/paohvis.tsx    |  2 +-
 .../visualizations/rawjsonvis/rawjsonvis.tsx  |  2 +-
 .../semanticsubstrates/semanticsubstrates.tsx | 12 +++++------
 .../utils/ToPlotDataParserUseCase.tsx         | 20 +++++++++----------
 .../vis/visualizations/tablevis/tablevis.tsx  |  4 ++--
 21 files changed, 52 insertions(+), 50 deletions(-)
 rename libs/shared/lib/vis/{shared => common}/index.ts (52%)
 rename libs/shared/lib/vis/{shared => common}/types.ts (67%)
 create mode 100644 libs/shared/lib/vis/hooks/hooks.types.ts

diff --git a/libs/shared/lib/data-access/store/visualizationSlice.ts b/libs/shared/lib/data-access/store/visualizationSlice.ts
index 46d3a32b3..d30872f88 100644
--- a/libs/shared/lib/data-access/store/visualizationSlice.ts
+++ b/libs/shared/lib/data-access/store/visualizationSlice.ts
@@ -1,6 +1,6 @@
 import { createSlice, PayloadAction } from '@reduxjs/toolkit';
 import type { RootState } from './store';
-import { VisualizationConfiguration } from '../../vis/shared';
+import { VisualizationConfiguration } from '../../vis/common';
 import { isEqual } from 'lodash-es';
 
 export type VisStateSettings = {
diff --git a/libs/shared/lib/schema/schema-utils/flow-utils.ts b/libs/shared/lib/schema/schema-utils/flow-utils.ts
index 5aca28f86..3c72a06ab 100644
--- a/libs/shared/lib/schema/schema-utils/flow-utils.ts
+++ b/libs/shared/lib/schema/schema-utils/flow-utils.ts
@@ -4,7 +4,7 @@
  * © Copyright Utrecht University (Department of Information and Computing Sciences)
  */
 import { Position } from 'reactflow';
-import { BoundingBox } from '../../vis/shared/Types'; // TODO: MOVE ELSEWHERE
+import { BoundingBox } from '../../vis/common/Types'; // TODO: MOVE ELSEWHERE
 
 /** This is the interface to get the center of an edge */
 export interface GetCenterParams {
diff --git a/libs/shared/lib/vis/shared/index.ts b/libs/shared/lib/vis/common/index.ts
similarity index 52%
rename from libs/shared/lib/vis/shared/index.ts
rename to libs/shared/lib/vis/common/index.ts
index 7c0954347..4e326e2b4 100644
--- a/libs/shared/lib/vis/shared/index.ts
+++ b/libs/shared/lib/vis/common/index.ts
@@ -1 +1 @@
-export type { VisualizationConfiguration, VISComponentType, VisualizationPropTypes, VisualizationManager } from './types';
+export type { VisualizationConfiguration, VISComponentType, VisualizationPropTypes } from './types';
diff --git a/libs/shared/lib/vis/shared/types.ts b/libs/shared/lib/vis/common/types.ts
similarity index 67%
rename from libs/shared/lib/vis/shared/types.ts
rename to libs/shared/lib/vis/common/types.ts
index 746b19811..0a2de554b 100644
--- a/libs/shared/lib/vis/shared/types.ts
+++ b/libs/shared/lib/vis/common/types.ts
@@ -23,14 +23,3 @@ export type VisualizationPropTypes = {
   handleHover: (val: any) => void;
   handleSelect: (val: any) => void;
 };
-
-export type VisualizationManager = {
-  renderComponent: () => React.ReactNode;
-  renderSettings: () => React.ReactNode;
-  active: string | undefined;
-  activeType: string | undefined;
-  tabs: string[];
-  changeActive: (id: string) => void;
-  reorderVisualizations: (args: { draggedVisId: string; dropVisId: string }) => void;
-  deleteVisualization: (id: string) => void;
-};
diff --git a/libs/shared/lib/vis/components/bar.tsx b/libs/shared/lib/vis/components/bar.tsx
index 23f2c1d91..49abd5249 100644
--- a/libs/shared/lib/vis/components/bar.tsx
+++ b/libs/shared/lib/vis/components/bar.tsx
@@ -5,10 +5,10 @@ import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
 import { Add, Close, Fullscreen } from '@mui/icons-material';
 import ControlContainer from '../../components/controls';
 import { Visualizations } from '../hooks';
-import { VisualizationManager } from '../shared';
+import { VisualizationManagerType } from '../hooks';
 
 type Props = {
-  manager: VisualizationManager;
+  manager: VisualizationManagerType;
 };
 
 export default function VisualizationBar({ manager }: Props) {
diff --git a/libs/shared/lib/vis/components/config/panel.tsx b/libs/shared/lib/vis/components/config/panel.tsx
index 3268205e8..99142b43a 100644
--- a/libs/shared/lib/vis/components/config/panel.tsx
+++ b/libs/shared/lib/vis/components/config/panel.tsx
@@ -3,12 +3,12 @@ import { Button, Icon } from '../../../components';
 import { Delete, Person } from '@mui/icons-material';
 import Input from '../../../components/inputs';
 import { VISUALIZATION_TYPES } from '../../hooks';
-import { VisualizationManager } from '../../shared';
+import { VisualizationManagerType } from '../../hooks';
 import { SettingsHeader } from './components';
 import { useSessionCache } from '../../../data-access';
 
 type Props = {
-  manager: VisualizationManager;
+  manager: VisualizationManagerType;
 };
 
 export function ConfigPanel({ manager }: Props) {
diff --git a/libs/shared/lib/vis/components/panel.tsx b/libs/shared/lib/vis/components/panel.tsx
index 50556010d..1866be585 100644
--- a/libs/shared/lib/vis/components/panel.tsx
+++ b/libs/shared/lib/vis/components/panel.tsx
@@ -1,10 +1,10 @@
 import React from 'react';
 import { useGraphQueryResult, useQuerybuilderGraph } from '@graphpolaris/shared/lib/data-access';
 import VisualizationBar from './bar';
-import { VisualizationManager } from '../shared';
+import { VisualizationManagerType } from '../hooks';
 import { Recommender, NoData, Querying } from '../views';
 
-export const VisualizationPanel = ({ manager }: { manager: VisualizationManager }) => {
+export const VisualizationPanel = ({ manager }: { manager: VisualizationManagerType }) => {
   const query = useQuerybuilderGraph();
   const graphQueryResult = useGraphQueryResult();
 
diff --git a/libs/shared/lib/vis/hooks/hooks.types.ts b/libs/shared/lib/vis/hooks/hooks.types.ts
new file mode 100644
index 000000000..c038b77dd
--- /dev/null
+++ b/libs/shared/lib/vis/hooks/hooks.types.ts
@@ -0,0 +1,12 @@
+import React from 'react';
+
+export type VisualizationManagerType = {
+  renderComponent: () => React.ReactNode;
+  renderSettings: () => React.ReactNode;
+  active: string | undefined;
+  activeType: string | undefined;
+  tabs: string[];
+  changeActive: (id: string) => void;
+  reorderVisualizations: (args: { draggedVisId: string; dropVisId: string }) => void;
+  deleteVisualization: (id: string) => void;
+};
diff --git a/libs/shared/lib/vis/hooks/index.ts b/libs/shared/lib/vis/hooks/index.ts
index 917f8727a..bfd4ddd04 100644
--- a/libs/shared/lib/vis/hooks/index.ts
+++ b/libs/shared/lib/vis/hooks/index.ts
@@ -1 +1,2 @@
 export { useVisualizationManager, Visualizations, VISUALIZATION_TYPES } from './useVisualizationManager';
+export type { VisualizationManagerType } from './hooks.types';
diff --git a/libs/shared/lib/vis/hooks/useVisualizationManager.tsx b/libs/shared/lib/vis/hooks/useVisualizationManager.tsx
index bd029a3cf..d39d750df 100644
--- a/libs/shared/lib/vis/hooks/useVisualizationManager.tsx
+++ b/libs/shared/lib/vis/hooks/useVisualizationManager.tsx
@@ -1,5 +1,5 @@
 import React, { useState, useEffect, Suspense } from 'react';
-import { VISComponentType, VisualizationConfiguration } from '../shared';
+import { VISComponentType, VisualizationConfiguration } from '../common';
 import {
   removeVisualization,
   reorderVisState,
@@ -15,7 +15,7 @@ import {
   useSessionCache,
   useVisualization,
 } from '../../data-access';
-import { VisualizationManager } from '../shared';
+import { VisualizationManagerType } from '../hooks';
 import { HoverType, SelectType, addHover, addSelect } from '../../data-access/store/interactionSlice';
 
 export const Visualizations: Record<string, Function> = {
@@ -29,7 +29,7 @@ export const Visualizations: Record<string, Function> = {
 
 export const VISUALIZATION_TYPES: string[] = Object.keys(Visualizations);
 
-export const useVisualizationManager = (): VisualizationManager => {
+export const useVisualizationManager = (): VisualizationManagerType => {
   const dispatch = useAppDispatch();
   const session = useSessionCache();
   const ml = useML();
diff --git a/libs/shared/lib/vis/visualizations/mapvis/mapvis.tsx b/libs/shared/lib/vis/visualizations/mapvis/mapvis.tsx
index 363603889..c07ae01e5 100644
--- a/libs/shared/lib/vis/visualizations/mapvis/mapvis.tsx
+++ b/libs/shared/lib/vis/visualizations/mapvis/mapvis.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import { MapPanel, LayerPanel } from './components';
 import GraphModel from './graphModel';
 import { GraphType, Layer } from './Types';
-import { VISComponentType, VisualizationPropTypes } from '../../shared';
+import { VISComponentType, VisualizationPropTypes } from '../../common';
 import { GraphMetaData } from '@graphpolaris/shared/lib/data-access/statistics';
 
 export type MapProps = {};
diff --git a/libs/shared/lib/vis/visualizations/matrixvis/components/MatrixPixi.tsx b/libs/shared/lib/vis/visualizations/matrixvis/components/MatrixPixi.tsx
index 00c79f398..7c2e0c356 100644
--- a/libs/shared/lib/vis/visualizations/matrixvis/components/MatrixPixi.tsx
+++ b/libs/shared/lib/vis/visualizations/matrixvis/components/MatrixPixi.tsx
@@ -24,7 +24,7 @@ import { Actions, Interpolations } from 'pixi-actions';
 import Color from 'color';
 import { createColumn } from './ColumnGraphicsComponent';
 import { ReorderingManager } from './ReorderingManager';
-import { VisualizationConfiguration } from '../../../shared';
+import { VisualizationConfiguration } from '../../../common';
 
 type Props = {
   // onClick: (node: NodeType, pos: IPointData) => void;
diff --git a/libs/shared/lib/vis/visualizations/matrixvis/matrixvis.tsx b/libs/shared/lib/vis/visualizations/matrixvis/matrixvis.tsx
index 95583b120..d07976fe3 100644
--- a/libs/shared/lib/vis/visualizations/matrixvis/matrixvis.tsx
+++ b/libs/shared/lib/vis/visualizations/matrixvis/matrixvis.tsx
@@ -3,7 +3,7 @@ import { useImmer } from 'use-immer';
 import { GraphQueryResult } from '../../../data-access/store';
 import { LinkType, NodeType } from './Types';
 import { MatrixPixi } from './components/MatrixPixi';
-import { VisualizationPropTypes, VISComponentType } from '../../shared';
+import { VisualizationPropTypes, VISComponentType } from '../../common';
 import Input from '@graphpolaris/shared/lib/components/inputs';
 import { GraphMetaData } from '@graphpolaris/shared/lib/data-access/statistics';
 import { SettingsContainer } from '@graphpolaris/shared/lib/vis/components/config';
diff --git a/libs/shared/lib/vis/visualizations/nodelinkvis/components/NLMachineLearning.tsx b/libs/shared/lib/vis/visualizations/nodelinkvis/components/NLMachineLearning.tsx
index 7f51d9148..f180fe776 100644
--- a/libs/shared/lib/vis/visualizations/nodelinkvis/components/NLMachineLearning.tsx
+++ b/libs/shared/lib/vis/visualizations/nodelinkvis/components/NLMachineLearning.tsx
@@ -1,6 +1,6 @@
 import { useState } from 'react';
-import { AttributeData, NodeAttributeData } from '../../../shared/InputDataTypes';
-import { AttributeCategory } from '../../../shared/Types';
+import { AttributeData, NodeAttributeData } from '../../../common/InputDataTypes';
+import { AttributeCategory } from '../../../common/Types';
 import { GraphType, LinkType, NodeType } from '../types';
 import { ML } from '../../../../data-access/store/mlSlice';
 
diff --git a/libs/shared/lib/vis/visualizations/nodelinkvis/components/NLPixi.tsx b/libs/shared/lib/vis/visualizations/nodelinkvis/components/NLPixi.tsx
index 3c4a9097e..9cf5e5914 100644
--- a/libs/shared/lib/vis/visualizations/nodelinkvis/components/NLPixi.tsx
+++ b/libs/shared/lib/vis/visualizations/nodelinkvis/components/NLPixi.tsx
@@ -7,7 +7,7 @@ import * as force from './NLForce';
 import { Viewport } from 'pixi-viewport';
 import { useAppDispatch, useML, useSearchResultData } from '../../../../data-access';
 import { NLPopup } from './NLPopup';
-import { VisualizationConfiguration } from '../../../shared';
+import { VisualizationConfiguration } from '../../../common';
 
 type Props = {
   onClick: (node: NodeType, pos: IPointData) => void;
diff --git a/libs/shared/lib/vis/visualizations/nodelinkvis/nodelinkvis.tsx b/libs/shared/lib/vis/visualizations/nodelinkvis/nodelinkvis.tsx
index abefb821b..9b507cdc1 100644
--- a/libs/shared/lib/vis/visualizations/nodelinkvis/nodelinkvis.tsx
+++ b/libs/shared/lib/vis/visualizations/nodelinkvis/nodelinkvis.tsx
@@ -4,7 +4,7 @@ import { NLPixi } from './components/NLPixi';
 import { parseQueryResult } from './components/query2NL';
 import { useImmer } from 'use-immer';
 import { ML, setShortestPathSource, setShortestPathTarget } from '../../../data-access/store/mlSlice';
-import { VisualizationPropTypes, VISComponentType } from '../../shared';
+import { VisualizationPropTypes, VISComponentType } from '../../common';
 import Input from '@graphpolaris/shared/lib/components/inputs';
 import { GraphMetaData } from '@graphpolaris/shared/lib/data-access/statistics';
 import { SettingsContainer, SettingsHeader } from '@graphpolaris/shared/lib/vis/components/config';
diff --git a/libs/shared/lib/vis/visualizations/paohvis/paohvis.tsx b/libs/shared/lib/vis/visualizations/paohvis/paohvis.tsx
index a9060ba68..7c8504fce 100644
--- a/libs/shared/lib/vis/visualizations/paohvis/paohvis.tsx
+++ b/libs/shared/lib/vis/visualizations/paohvis/paohvis.tsx
@@ -27,7 +27,7 @@ import { HyperEdgeRange } from './components/HyperEdgesRange';
 import ToPaohvisDataParserUseCase from './utils/ToPaohvisDataParserUsecase';
 import MakePaohvisMenu from './components/MakePaohvisMenu';
 import { RowLabelColumn } from './components/RowLabelColumn';
-import { VISComponentType, VisualizationPropTypes } from '../../shared';
+import { VISComponentType, VisualizationPropTypes } from '../../common';
 import { GraphMetaData } from '@graphpolaris/shared/lib/data-access/statistics';
 import { SettingsContainer } from '@graphpolaris/shared/lib/vis/components/config';
 import Input from '@graphpolaris/shared/lib/components/inputs';
diff --git a/libs/shared/lib/vis/visualizations/rawjsonvis/rawjsonvis.tsx b/libs/shared/lib/vis/visualizations/rawjsonvis/rawjsonvis.tsx
index b4e64596b..5bb20b18f 100644
--- a/libs/shared/lib/vis/visualizations/rawjsonvis/rawjsonvis.tsx
+++ b/libs/shared/lib/vis/visualizations/rawjsonvis/rawjsonvis.tsx
@@ -1,6 +1,6 @@
 import React, { useEffect } from 'react';
 import ReactJSONView from 'react-json-view';
-import { VisualizationPropTypes, VISComponentType } from '../../shared';
+import { VisualizationPropTypes, VISComponentType } from '../../common';
 import { GraphMetaData } from '@graphpolaris/shared/lib/data-access/statistics';
 import { SettingsContainer } from '@graphpolaris/shared/lib/vis/components/config';
 import Input from '@graphpolaris/shared/lib/components/inputs';
diff --git a/libs/shared/lib/vis/visualizations/semanticsubstrates/semanticsubstrates.tsx b/libs/shared/lib/vis/visualizations/semanticsubstrates/semanticsubstrates.tsx
index 5fd46c775..7f0926da1 100644
--- a/libs/shared/lib/vis/visualizations/semanticsubstrates/semanticsubstrates.tsx
+++ b/libs/shared/lib/vis/visualizations/semanticsubstrates/semanticsubstrates.tsx
@@ -1,12 +1,12 @@
 import { useAppDispatch, useGraphQueryResult, useSchemaGraph } from '@graphpolaris/shared/lib/data-access/store';
 import { useEffect, useRef, useState } from 'react';
 import { AxisLabel, EntitiesFromSchema, MinMaxType, PlotSpecifications, PlotType, RelationType } from './Types';
-import { isNodeLinkResult } from '../../shared/ResultNodeLinkParserUseCase';
+import { isNodeLinkResult } from '../../common/ResultNodeLinkParserUseCase';
 import styles from './semanticsubstrates.module.scss';
 import AddPlotButtonComponent from './subcomponents/AddPlotButtonComponent';
 import SVGCheckboxesWithSemanticSubstrLabel from './subcomponents/SVGCheckBoxComponent';
 import AddPlotPopup from './subcomponents/AddPlotPopup';
-import VisConfigPanelComponent from '../../shared/VisConfigPanel/VisConfigPanel';
+import VisConfigPanelComponent from '../../common/VisConfigPanel/VisConfigPanel';
 import Plot from './subcomponents/PlotComponent';
 import LinesBetweenPlots from './subcomponents/LinesBetweenPlotsComponent';
 import Color from 'color';
@@ -122,7 +122,7 @@ export const SemanticSubstrates = ({}: SemanticSubstratesProps) => {
       setState((draft) => {
         draft.entitiesFromSchemaPruned = CalcEntityAttrNamesFromResultUseCase.CalcEntityAttrNamesFromResult(
           graphQueryResult,
-          entitiesFromSchema
+          entitiesFromSchema,
         );
 
         // Generate default plots, if there aren't any currently
@@ -188,7 +188,7 @@ export const SemanticSubstrates = ({}: SemanticSubstratesProps) => {
       state.relationSelectedAttributeNumerical,
       state.relationSelectedAttributeCatecorigal,
       state.relationScaleCalculation,
-      state.relationColourCalculation
+      state.relationColourCalculation,
     );
 
     setPlotState((draft) => {
@@ -421,7 +421,7 @@ export const SemanticSubstrates = ({}: SemanticSubstratesProps) => {
         onDelete={() => onDelete(i)}
         onAxisLabelChanged={(axis: 'x' | 'y', value: string) => onAxisLabelChanged(i, axis, value)}
         onTitleChanged={(entity: string, attrName: string, attrValue: string) => onPlotTitleChanged(i, entity, attrName, attrValue)}
-      />
+      />,
     );
   }
 
@@ -441,7 +441,7 @@ export const SemanticSubstrates = ({}: SemanticSubstratesProps) => {
             relations={plotState.filteredRelations[i][j]}
             color={color.hex()}
             nodeRadius={state.nodeRadius}
-          />
+          />,
         );
       }
     }
diff --git a/libs/shared/lib/vis/visualizations/semanticsubstrates/utils/ToPlotDataParserUseCase.tsx b/libs/shared/lib/vis/visualizations/semanticsubstrates/utils/ToPlotDataParserUseCase.tsx
index 487d5aa32..9109b5fd3 100644
--- a/libs/shared/lib/vis/visualizations/semanticsubstrates/utils/ToPlotDataParserUseCase.tsx
+++ b/libs/shared/lib/vis/visualizations/semanticsubstrates/utils/ToPlotDataParserUseCase.tsx
@@ -4,7 +4,7 @@
  * © Copyright Utrecht University (Department of Information and Computing Sciences)
  */
 import { GraphQueryResult } from '@graphpolaris/shared/lib/data-access';
-import { ParseToUniqueEdges } from '../../../shared/ResultNodeLinkParserUseCase';
+import { ParseToUniqueEdges } from '../../../common/ResultNodeLinkParserUseCase';
 import { Edge, Node } from '../../../../data-access/store';
 import { AxisLabel, PlotInputData, PlotSpecifications, RelationType } from '../Types';
 
@@ -22,7 +22,7 @@ export default class ToPlotDataParserUseCase {
     relationSelectedAttributeNumerical: string,
     relationSelectedAttributeCatecorigal: string,
     relationScaleCalculation: (x: number) => number,
-    relationColourCalculation: (x: string) => string
+    relationColourCalculation: (x: string) => string,
   ): { plots: PlotInputData[]; relations: RelationType[][][] } {
     const { plots, nodePlotIndexDict } = this.filterNodesWithPlotSpecs(queryResult.nodes, plotSpecifications);
 
@@ -90,7 +90,7 @@ export default class ToPlotDataParserUseCase {
     plots: PlotInputData[],
     plotSpecs: PlotSpecifications[],
     nInboundConnsPerNode: number[][],
-    nOutboundConnsPerNode: number[][]
+    nOutboundConnsPerNode: number[][],
   ): void {
     // Determine the node position if plotSpecification had an out- or inboundconnection as x or y axis specified
     plots.forEach((plot, plotIndex) => {
@@ -101,7 +101,7 @@ export default class ToPlotDataParserUseCase {
           plotIndex,
           nodeIndex,
           nOutboundConnsPerNode,
-          nInboundConnsPerNode
+          nInboundConnsPerNode,
         );
         if (x != undefined) node.originalPosition.x = x;
         // Same for the y pos
@@ -110,7 +110,7 @@ export default class ToPlotDataParserUseCase {
           plotIndex,
           nodeIndex,
           nOutboundConnsPerNode,
-          nInboundConnsPerNode
+          nInboundConnsPerNode,
         );
         if (y != undefined) node.originalPosition.y = y;
       });
@@ -125,7 +125,7 @@ export default class ToPlotDataParserUseCase {
    */
   private static filterNodesWithPlotSpecs(
     nodes: Node[],
-    plotSpecs: PlotSpecifications[]
+    plotSpecs: PlotSpecifications[],
   ): {
     plots: PlotInputData[];
     nodePlotIndexDict: Record<string, { plotIndex: number; nodeIndex: number }[]>;
@@ -157,13 +157,13 @@ export default class ToPlotDataParserUseCase {
             plotSpecs[i].xAxis,
             plots[i].nodes.length + 1,
             plotSpecs[i].xAxisAttributeType,
-            node.attributes
+            node.attributes,
           );
           const y = this.getAxisPosEqualDistanceOrAttrType(
             plotSpecs[i].yAxis,
             plots[i].nodes.length + 1,
             plotSpecs[i].yAxisAttributeType,
-            node.attributes
+            node.attributes,
           );
 
           // Add the node to the correct plot
@@ -200,7 +200,7 @@ export default class ToPlotDataParserUseCase {
     plotSpecAxis: AxisLabel,
     nodeIndex: number,
     xAxisAttrType: string,
-    attributes: Record<string, any>
+    attributes: Record<string, any>,
   ): number {
     switch (plotSpecAxis) {
       case AxisLabel.byAttribute:
@@ -227,7 +227,7 @@ export default class ToPlotDataParserUseCase {
     plotIndex: number,
     nodeIndex: number,
     nOutboundConnsPerNode: number[][],
-    nInboundConnsPerNode: number[][]
+    nInboundConnsPerNode: number[][],
   ): number | undefined {
     switch (plotSpecAxis) {
       case AxisLabel.outboundConnections:
diff --git a/libs/shared/lib/vis/visualizations/tablevis/tablevis.tsx b/libs/shared/lib/vis/visualizations/tablevis/tablevis.tsx
index 6f94fbc27..ec0df3bf8 100644
--- a/libs/shared/lib/vis/visualizations/tablevis/tablevis.tsx
+++ b/libs/shared/lib/vis/visualizations/tablevis/tablevis.tsx
@@ -1,10 +1,10 @@
 import React, { useMemo, useRef } from 'react';
 import { Table, AugmentedNodeAttributes } from './components/Table';
 import { SchemaAttribute } from '../../../schema';
-import { VisualizationPropTypes, VISComponentType } from '../../shared';
+import { VisualizationPropTypes, VISComponentType } from '../../common';
 import Input from '@graphpolaris/shared/lib/components/inputs';
 import { GraphMetaData } from '@graphpolaris/shared/lib/data-access/statistics';
-import { SettingsContainer, SettingsHeader } from '@graphpolaris/shared/lib/vis/components/config';
+import { SettingsContainer } from '@graphpolaris/shared/lib/vis/components/config';
 
 export type TableProps = {
   showBarplot: boolean;
-- 
GitLab