diff --git a/libs/shared/lib/data-access/store/visualizationSlice.ts b/libs/shared/lib/data-access/store/visualizationSlice.ts
index 46d3a32b3f7617e2d7facfb61df885aac9eab2bb..d30872f88d484b6985de4983377e5e78a9769363 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 5aca28f86ddeb5707a3e8ce2df9617328a9ab041..3c72a06ab8e358a0419e774c3bc06838fe76a513 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 7c0954347fda348698be19f898b1549a9da32c75..4e326e2b47f4d80f252fa35beb9650051f6db6b7 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 746b19811c22239091da6054ed1b416942a623a0..0a2de554bb2c2d523e071533a9d0724058e7f9ef 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 23f2c1d916e45ca4030444635eaf2f53e855f9e6..49abd52496010fa24766318e1b62268fe0dde221 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 3268205e8f2165052b929881a4302e2d0998555a..99142b43a8d8fb13565e48b1a9bdc2a9001d8bf6 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 50556010dbedaf23e2e3efb3eab6cdbf1514cfec..1866be585b653ecca9b368a34091bde2c1e84b59 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 0000000000000000000000000000000000000000..c038b77dde09961339f7ae2cc149e3292911abc8
--- /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 917f8727a73755b43b2ea39696b23ceca4123722..bfd4ddd04972baccc4ef356d57738dc2a95fddc2 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 bd029a3cf0e993b8946d0adcbf7b676863633eb4..d39d750dfd0c98d25fb10614652441f9a63d61ac 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 363603889d55d4ffa2604e801680315d3fbceeb5..c07ae01e5fe5cceaf81490debc1f3513d6054ef9 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 00c79f3989e350f7d0a6220f44b74f61ff9c9b44..7c2e0c356ea7905030b1a662144dc640b04cb9f2 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 95583b1200a17dd442d7901fcfad9c914d777b8c..d07976fe3cdfda787d3f9be8616caeb75494b46c 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 7f51d9148f8bdd70efda8af318b97b54fe6c7044..f180fe776c7d40ec3ab036c512aabbcfd3ae11c4 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 3c4a9097e2fa4b7f8c02856646709c4a70ee973b..9cf5e59146c856719a3502695f9bbe5cd25ab7bd 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 abefb821bc0e5699fe912e1f0e9dc6e9571a2c06..9b507cdc1ab906b4446007cda067c373bdfde3fb 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 a9060ba684527164542ce3cb7af7ac60d597436b..7c8504fce5d2c0de498058ef7fa44cdb400d2419 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 b4e64596b56e4608fa0f38448cc5f975192bc0ec..5bb20b18f23a8d2568d0b78d6a4a280bc83c5940 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 5fd46c775164393a22959e91380b0ff7c7316bf2..7f0926da1d2ae26f3fb0e53caeb1994d7bed0a6c 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 487d5aa3256cf3241e2430996f7314c244292e17..9109b5fd3d63f9c65c0f69059111eb539960fbd1 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 6f94fbc27a8351dce580e0ec70fb55d3ca57bd58..ec0df3bf81fafc365082c7bf6c60282ee5715be3 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;