diff --git a/apps/web/src/app/app.tsx b/apps/web/src/app/app.tsx
index 9496ca0ec8d4790a8578dfa5f2f3b9fb0d85f03a..1cd6e4a66c3b9f44b5ac0a281696c273c28635ba 100644
--- a/apps/web/src/app/app.tsx
+++ b/apps/web/src/app/app.tsx
@@ -21,7 +21,7 @@ import { VisualizationPanel } from '@graphpolaris/shared/lib/vis';
import { QueryBuilder } from '@graphpolaris/shared/lib/querybuilder';
import DataViewer from '@graphpolaris/shared/lib/data-viewer';
import { useVisualizationManager } from '@graphpolaris/shared/lib/vis/manager';
-import ConfigPanel from '@graphpolaris/shared/lib/vis/configuration';
+import { ConfigPanel } from '@graphpolaris/shared/lib/vis/configuration';
// const Schema = React.lazy(() => import('@graphpolaris/shared/lib/schema/panel'));
// const VisualizationPanel = React.lazy(() => import('@graphpolaris/shared/lib/vis'));
// const QueryBuilder = React.lazy(() => import('@graphpolaris/shared/lib/querybuilder'));
diff --git a/libs/shared/lib/components/configuration/index.tsx b/libs/shared/lib/vis/configuration/components.tsx
similarity index 100%
rename from libs/shared/lib/components/configuration/index.tsx
rename to libs/shared/lib/vis/configuration/components.tsx
diff --git a/libs/shared/lib/vis/configuration/index.tsx b/libs/shared/lib/vis/configuration/index.tsx
index 77bd7d2c9bf0e578ae7e573ac74ae4225db78bb2..2f98579c75ad64611ab47810bdcfc20c8bb14bbe 100644
--- a/libs/shared/lib/vis/configuration/index.tsx
+++ b/libs/shared/lib/vis/configuration/index.tsx
@@ -1,41 +1,2 @@
-import React from 'react';
-import { Button } from '../../components';
-import { Delete } from '@mui/icons-material';
-import Input from '../../components/inputs';
-import { VISUALIZATION_TYPES, VisualizationManager } from '../manager';
-
-type Props = {
- manager: VisualizationManager;
-};
-
-export default function ConfigPanel({ manager }: Props) {
- return (
- <div className="w-full h-full flex flex-col border">
- <div className="border-b border-secondary-200 py-2">
- <div className="flex justify-between items-center px-4 py-2">
- <span className="text-xs font-bold">Visualisation</span>
- <Button
- type="secondary"
- variant="ghost"
- size="xs"
- iconComponent={<Delete />}
- onClick={() => {
- if (manager.active) manager.deleteVisualization(manager.active);
- }}
- />
- </div>
- <div className="flex justify-between items-center px-4 py-1">
- <span className="text-xs font-normal">Type</span>
- <div className="w-36">
- <Input type="dropdown" size="xs" options={VISUALIZATION_TYPES} value={manager.active} onChange={() => {}} />
- </div>
- </div>
- <div className="flex justify-between items-center px-4 py-1">
- <span className="text-xs font-normal">Name</span>
- <input type="text" className="border rouded w-36" value={manager.active} onChange={() => {}} />
- </div>
- </div>
- {manager.active && <div className="border-b border-secondary-200 py-2">{manager.renderSettings()}</div>}
- </div>
- );
-}
+export { ConfigPanel } from './panel';
+export { SettingsContainer, SettingsHeader } from './components';
diff --git a/libs/shared/lib/vis/configuration/panel.tsx b/libs/shared/lib/vis/configuration/panel.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..fafdef91c58329bbf9aa57d1ad39ec0390f6e8a4
--- /dev/null
+++ b/libs/shared/lib/vis/configuration/panel.tsx
@@ -0,0 +1,41 @@
+import React from 'react';
+import { Button } from '../../components';
+import { Delete } from '@mui/icons-material';
+import Input from '../../components/inputs';
+import { VISUALIZATION_TYPES, VisualizationManager } from '../manager';
+
+type Props = {
+ manager: VisualizationManager;
+};
+
+export function ConfigPanel({ manager }: Props) {
+ return (
+ <div className="w-full h-full flex flex-col border">
+ <div className="border-b border-secondary-200 py-2">
+ <div className="flex justify-between items-center px-4 py-2">
+ <span className="text-xs font-bold">Visualisation</span>
+ <Button
+ type="secondary"
+ variant="ghost"
+ size="xs"
+ iconComponent={<Delete />}
+ onClick={() => {
+ if (manager.active) manager.deleteVisualization(manager.active);
+ }}
+ />
+ </div>
+ <div className="flex justify-between items-center px-4 py-1">
+ <span className="text-xs font-normal">Type</span>
+ <div className="w-36">
+ <Input type="dropdown" size="xs" options={VISUALIZATION_TYPES} value={manager.active} onChange={() => {}} />
+ </div>
+ </div>
+ <div className="flex justify-between items-center px-4 py-1">
+ <span className="text-xs font-normal">Name</span>
+ <input type="text" className="border rouded w-36" value={manager.active} onChange={() => {}} />
+ </div>
+ </div>
+ {manager.active && <div className="border-b border-secondary-200 py-2">{manager.renderSettings()}</div>}
+ </div>
+ );
+}
diff --git a/libs/shared/lib/vis/visualizations/matrixvis/matrixvis.tsx b/libs/shared/lib/vis/visualizations/matrixvis/matrixvis.tsx
index b0954e8aa72b902b3a49eafb6d166791e5b860cf..0491f9a81323402e779f9c795836f5218cf13400 100644
--- a/libs/shared/lib/vis/visualizations/matrixvis/matrixvis.tsx
+++ b/libs/shared/lib/vis/visualizations/matrixvis/matrixvis.tsx
@@ -6,7 +6,7 @@ import { MatrixPixi } from './components/MatrixPixi';
import { VisualizationPropTypes, VISComponentType } from '../../types';
import Input from '@graphpolaris/shared/lib/components/inputs';
import { GraphMetaData } from '@graphpolaris/shared/lib/data-access/statistics';
-import { SettingsContainer, SettingsHeader } from '@graphpolaris/shared/lib/components/configuration';
+import { SettingsContainer, SettingsHeader } from '@graphpolaris/shared/lib/vis/configuration';
export interface MatrixVisProps {
marks: string;
@@ -48,7 +48,7 @@ const MatrixSettings = ({
}) => {
return (
<SettingsContainer>
- <SettingsHeader name="JSON visualization" />
+ <SettingsHeader name="Matrix visualization" />
<Input
type="dropdown"
label="Configure marks"
diff --git a/libs/shared/lib/vis/visualizations/nodelinkvis/nodelinkvis.tsx b/libs/shared/lib/vis/visualizations/nodelinkvis/nodelinkvis.tsx
index 1788afec5c69554cd376a9f05aaa5da2e5fe2d8f..1a019a0e66d61929412fefc94f5d0e8a152f9c2f 100644
--- a/libs/shared/lib/vis/visualizations/nodelinkvis/nodelinkvis.tsx
+++ b/libs/shared/lib/vis/visualizations/nodelinkvis/nodelinkvis.tsx
@@ -7,7 +7,7 @@ import { ML, setShortestPathSource, setShortestPathTarget } from '../../../data-
import { VisualizationPropTypes, VISComponentType } from '../../types';
import Input from '@graphpolaris/shared/lib/components/inputs';
import { GraphMetaData } from '@graphpolaris/shared/lib/data-access/statistics';
-import { SettingsContainer, SettingsHeader } from '@graphpolaris/shared/lib/components/configuration';
+import { SettingsContainer, SettingsHeader } from '@graphpolaris/shared/lib/vis/configuration';
export interface NodelinkVisProps {
layout: string;
diff --git a/libs/shared/lib/vis/visualizations/paohvis/paohvis.tsx b/libs/shared/lib/vis/visualizations/paohvis/paohvis.tsx
index ba55bee18894f79507cf4589be4d50e901c8c26f..c3a04c3807301958a0e1255af90691556e425bb6 100644
--- a/libs/shared/lib/vis/visualizations/paohvis/paohvis.tsx
+++ b/libs/shared/lib/vis/visualizations/paohvis/paohvis.tsx
@@ -29,7 +29,7 @@ import MakePaohvisMenu from './components/MakePaohvisMenu';
import { RowLabelColumn } from './components/RowLabelColumn';
import { VISComponentType, VisualizationPropTypes } from '../../types';
import { GraphMetaData } from '@graphpolaris/shared/lib/data-access/statistics';
-import { SettingsContainer, SettingsHeader } from '@graphpolaris/shared/lib/components/configuration';
+import { SettingsContainer, SettingsHeader } from '@graphpolaris/shared/lib/vis/configuration';
type PaohvisViewModelState = {
rowHeight: number;
diff --git a/libs/shared/lib/vis/visualizations/rawjsonvis/rawjsonvis.tsx b/libs/shared/lib/vis/visualizations/rawjsonvis/rawjsonvis.tsx
index 8009c5ffd86ef2e3ae56621cfeed6f5aac4efa44..4bb5a18dc7a25178570590610a74cb079240aaa3 100644
--- a/libs/shared/lib/vis/visualizations/rawjsonvis/rawjsonvis.tsx
+++ b/libs/shared/lib/vis/visualizations/rawjsonvis/rawjsonvis.tsx
@@ -2,7 +2,7 @@ import React, { useEffect } from 'react';
import ReactJSONView from 'react-json-view';
import { VisualizationPropTypes, VISComponentType } from '../../types';
import { GraphMetaData } from '@graphpolaris/shared/lib/data-access/statistics';
-import { SettingsContainer, SettingsHeader } from '@graphpolaris/shared/lib/components/configuration';
+import { SettingsContainer, SettingsHeader } from '@graphpolaris/shared/lib/vis/configuration';
export interface RawJSONVisProps {}
diff --git a/libs/shared/lib/vis/visualizations/tablevis/tablevis.tsx b/libs/shared/lib/vis/visualizations/tablevis/tablevis.tsx
index 4aa2c453fb41235e41b8fbee277619d9c36adeb1..75de93f5251f884ddb255d1d000bbe06daf6f113 100644
--- a/libs/shared/lib/vis/visualizations/tablevis/tablevis.tsx
+++ b/libs/shared/lib/vis/visualizations/tablevis/tablevis.tsx
@@ -4,7 +4,7 @@ import { SchemaAttribute } from '../../../schema';
import { VisualizationPropTypes, VISComponentType } from '../../types';
import Input from '@graphpolaris/shared/lib/components/inputs';
import { GraphMetaData } from '@graphpolaris/shared/lib/data-access/statistics';
-import { SettingsContainer, SettingsHeader } from '@graphpolaris/shared/lib/components/configuration';
+import { SettingsContainer, SettingsHeader } from '@graphpolaris/shared/lib/vis/configuration';
export type TableProps = {
showBarplot: boolean;