From 7e4c86f4efff509b10a4ef7fa6b13aaa4f2d8663 Mon Sep 17 00:00:00 2001
From: 2427021 <s.a.vink@students.uu.nl>
Date: Tue, 5 Mar 2024 08:11:28 +0100
Subject: [PATCH] fix(dataNotShowing): fixed vis naming
---
.../lib/components/buttons/buttons.module.scss.d.ts | 1 +
libs/shared/lib/vis/visualizationManager.tsx | 4 ++--
.../shared/lib/vis/visualizations/matrixvis/matrixvis.tsx | 2 +-
.../lib/vis/visualizations/nodelinkvis/nodelinkvis.tsx | 4 ++--
libs/shared/lib/vis/visualizations/paohvis/paohvis.tsx | 8 ++++----
.../lib/vis/visualizations/rawjsonvis/rawjsonvis.tsx | 2 +-
libs/shared/lib/vis/visualizations/tablevis/tablevis.tsx | 4 ++--
7 files changed, 13 insertions(+), 12 deletions(-)
diff --git a/libs/shared/lib/components/buttons/buttons.module.scss.d.ts b/libs/shared/lib/components/buttons/buttons.module.scss.d.ts
index 090a2928f..3165183bc 100644
--- a/libs/shared/lib/components/buttons/buttons.module.scss.d.ts
+++ b/libs/shared/lib/components/buttons/buttons.module.scss.d.ts
@@ -1,6 +1,7 @@
declare const classNames: {
readonly btn: 'btn';
readonly 'btn-lg': 'btn-lg';
+ readonly '5': '5';
readonly 'btn-icon-only': 'btn-icon-only';
readonly 'btn-md': 'btn-md';
readonly 'btn-sm': 'btn-sm';
diff --git a/libs/shared/lib/vis/visualizationManager.tsx b/libs/shared/lib/vis/visualizationManager.tsx
index 670371440..6c6ce9895 100644
--- a/libs/shared/lib/vis/visualizationManager.tsx
+++ b/libs/shared/lib/vis/visualizationManager.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useMemo, useState } from 'react';
+import React, { useEffect, useState } from 'react';
import { useAppDispatch } from '@graphpolaris/shared/lib/data-access';
import { addVisualization } from '../data-access/store/visualizationSlice';
import {
@@ -15,7 +15,7 @@ export const Visualizations: Record<string, Function> = {
PaohVis: () => import('./visualizations/paohvis/paohvis'),
RawJSONVis: () => import('./visualizations/rawjsonvis/rawjsonvis'),
NodeLinkVis: () => import('./visualizations/nodelinkvis/nodelinkvis'),
- // MapVis: () => import(''),
+ // MapVis: () => import('./visualizations/mapvis/mapvis'),
MatrixVis: () => import('./visualizations/matrixvis/matrixvis'),
};
diff --git a/libs/shared/lib/vis/visualizations/matrixvis/matrixvis.tsx b/libs/shared/lib/vis/visualizations/matrixvis/matrixvis.tsx
index d307dcd99..911a5fbae 100644
--- a/libs/shared/lib/vis/visualizations/matrixvis/matrixvis.tsx
+++ b/libs/shared/lib/vis/visualizations/matrixvis/matrixvis.tsx
@@ -26,7 +26,7 @@ export const MatrixVis = React.memo(({ data, ml, settings }: VisualizationPropTy
);
});
-const displayName = 'Matrix';
+const displayName = 'MatrixVis';
export const MatrixVisComponent: VISComponentType = {
displayName: displayName,
diff --git a/libs/shared/lib/vis/visualizations/nodelinkvis/nodelinkvis.tsx b/libs/shared/lib/vis/visualizations/nodelinkvis/nodelinkvis.tsx
index 9a6009e48..6c86c681c 100644
--- a/libs/shared/lib/vis/visualizations/nodelinkvis/nodelinkvis.tsx
+++ b/libs/shared/lib/vis/visualizations/nodelinkvis/nodelinkvis.tsx
@@ -18,7 +18,7 @@ export const NodeLinkVis = React.memo(({ data, ml, dispatch }: VisualizationProp
parseQueryResult(data, ml, {
defaultX: (ref.current?.clientWidth || 1000) / 2,
defaultY: (ref.current?.clientHeight || 1000) / 2,
- }),
+ })
);
}
}, [data, ml]);
@@ -71,7 +71,7 @@ export const NodeLinkVis = React.memo(({ data, ml, dispatch }: VisualizationProp
});
export const NodeLinkComponent: VISComponentType = {
- displayName: 'NodeLink',
+ displayName: 'NodeLinkVis',
VIS: NodeLinkVis,
settings: {
layout: {
diff --git a/libs/shared/lib/vis/visualizations/paohvis/paohvis.tsx b/libs/shared/lib/vis/visualizations/paohvis/paohvis.tsx
index 52f4d24a8..90544d35d 100644
--- a/libs/shared/lib/vis/visualizations/paohvis/paohvis.tsx
+++ b/libs/shared/lib/vis/visualizations/paohvis/paohvis.tsx
@@ -132,7 +132,7 @@ export const PaohVis = (props: PaohVisProps) => {
entityOrRelationType: string,
attribute: string,
predicate: string,
- compareValue: string,
+ compareValue: string
): void {
const attributeName: string = attribute.split(':')[0];
const attributeType: string = attribute.split(':')[1];
@@ -373,7 +373,7 @@ export const PaohVis = (props: PaohVisProps) => {
relationName: string,
isEntityVerticalEqualToRelationFrom: boolean,
chosenAttribute: Attribute,
- nodeOrder: PaohvisNodeOrder,
+ nodeOrder: PaohvisNodeOrder
): void {
setViewModel((draft) => {
draft.entityVertical = entityVertical;
@@ -564,7 +564,7 @@ export const PaohVis = (props: PaohVisProps) => {
gapBetweenRanges={props.gapBetweenRanges}
onMouseEnter={onMouseEnterHyperEdge}
onMouseLeave={onMouseLeaveHyperEdge}
- />,
+ />
);
colOffset += hyperEdgeRange.hyperEdges.length;
});
@@ -639,7 +639,7 @@ export const PaohVis = (props: PaohVisProps) => {
};
export const PaohVisComponent: VISComponentType = {
- displayName: 'Paoh',
+ displayName: 'PaohVis',
VIS: PaohVis,
settings: {},
};
diff --git a/libs/shared/lib/vis/visualizations/rawjsonvis/rawjsonvis.tsx b/libs/shared/lib/vis/visualizations/rawjsonvis/rawjsonvis.tsx
index f5cf47861..f29d19e8f 100644
--- a/libs/shared/lib/vis/visualizations/rawjsonvis/rawjsonvis.tsx
+++ b/libs/shared/lib/vis/visualizations/rawjsonvis/rawjsonvis.tsx
@@ -29,7 +29,7 @@ export const RawJSONVis = React.memo(({ data }: VisualizationPropTypes) => {
});
export const RawJSONComponent: VISComponentType = {
- displayName: 'RawJSON',
+ displayName: 'RawJSONVis',
VIS: RawJSONVis,
settings: {},
};
diff --git a/libs/shared/lib/vis/visualizations/tablevis/tablevis.tsx b/libs/shared/lib/vis/visualizations/tablevis/tablevis.tsx
index d4ab3688d..f1cc8dac1 100644
--- a/libs/shared/lib/vis/visualizations/tablevis/tablevis.tsx
+++ b/libs/shared/lib/vis/visualizations/tablevis/tablevis.tsx
@@ -24,7 +24,7 @@ export const TableVis = ({ data, schema, settings }: VisualizationPropTypes) =>
type: Object.fromEntries(types.map((t) => [t.name, t.type])),
};
}),
- [data.nodes],
+ [data.nodes]
);
return (
@@ -37,7 +37,7 @@ export const TableVis = ({ data, schema, settings }: VisualizationPropTypes) =>
};
export const TableComponent: VISComponentType = {
- displayName: 'Table',
+ displayName: 'TableVis',
VIS: TableVis,
settings: {
showBarplot: {
--
GitLab