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 090a2928f1558d1bcecbdbfd73ac9089eea3458f..3165183bcc43cd371b85d32e546d2904b856a67e 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 67037144021e5825d13d4e4b4f59e7cf193d9aa0..6c6ce98959856cd60d6d8aedfa03fe16d8f9ff06 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 d307dcd99affad6d280fcb2797c40be3724f8313..911a5fbae1729c34867306e5dff68b45101c2cec 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 9a6009e48130ebc770298d6dc6f83a380df57d1d..6c86c681c506e798f44afe892a62be241c18a40d 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 52f4d24a8869f936a0a50faf112a73dec6e1b08d..90544d35de4d2f627d6cc66c5add48507556694c 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 f5cf47861b1b9e6902e7d4c6748e7cc787ddf9f6..f29d19e8faf9994c9bad83491f9ae91ce0b407f2 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 d4ab3688d75c1a897d5548d53ef6986c6308c894..f1cc8dac14a57ed89f9c1bda0dc1454d167f5920 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: {