feat(visManager): removed daisyui from dialog

apps/web/src/components/navbar/DatabaseManagement/forms/settings.tsx

@@ -114,7 +114,7 @@ export const SettingsForm = (props: { onClose(): void; open: 'add' | 'update'; s
   return (
     <Dialog open={!!props.open} onClose={props.onClose} className="lg:min-w-[50rem]">
       <div className="flex justify-between align-center">
-        <h1 className="text-xl font-bold">{formTitle} Database Connection</h1>
+        <h2 className="text-xl font-bold">{formTitle} Database Connection</h2>
         <div>
           {sampleDataPanel === true ? (
             <Button variant="outline" label="Go back" onClick={() => setSampleDataPanel(false)} />

libs/shared/lib/components/Dialog.tsx

@@ -16,13 +16,10 @@ export const Dialog = (props: DialogProps) => {
   }, [props.open]);
 
   return (
-    <dialog className={'fixed inset-0 z-10 overflow-y-auto rounded p-4'} ref={ref} onClose={() => props.onClose()}>
+    <dialog className={'fixed inset-0 z-10 overflow-y-auto rounded p-4 bg-light border'} ref={ref} onClose={() => props.onClose()}>
       <form method="dialog" className={'flex flex-col gap-4 ' + (props?.className ? props?.className : '')}>
         {props.children}
       </form>
-      {/* <form method="dialog" className=""> */}
-      {/* <button>close</button> */}
-      {/* </form> */}
     </dialog>
   );
 };

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/common/Types'; // TODO: MOVE ELSEWHERE
+import { BoundingBox } from '../../vis/common'; // TODO: MOVE ELSEWHERE
 
 /** This is the interface to get the center of an edge */
 export interface GetCenterParams {

libs/shared/lib/vis/common/index.ts

-export type { VisualizationConfiguration, VISComponentType, VisualizationPropTypes } from './types';
+export * from './types';

libs/shared/lib/vis/common/types.ts

@@ -4,6 +4,7 @@ import { SchemaGraph } from '../../schema';
 import type { AppDispatch } from '../../data-access';
 import { FC } from 'react';
 import { Visualizations } from '../hooks';
+import { Edge, Node } from 'reactflow';
 
 export type VisualizationConfiguration = { [id: string]: any };
 
@@ -23,3 +24,76 @@ export type VisualizationPropTypes = {
   handleHover: (val: any) => void;
   handleSelect: (val: any) => void;
 };
+
+export type SchemaElements = {
+  nodes: Node[];
+  edges: Edge[];
+  selfEdges: Edge[];
+};
+
+export interface Point {
+  x: number;
+  y: number;
+}
+
+export interface BoundingBox {
+  topLeft: Point;
+  bottomRight: Point;
+}
+
+export interface NodeQualityDataForEntities {
+  nodeCount: number;
+  attributeNullCount: number;
+  notConnectedNodeCount: number;
+  isAttributeDataIn: boolean; // is true when the data to display has arrived
+  onClickCloseButton: () => void;
+}
+
+export interface NodeQualityDataForRelations {
+  nodeCount: number;
+  attributeNullCount: number;
+  fromRatio: number; // the ratio of from-entity nodes to nodes that have this relation
+  toRatio: number; // the ratio of to-entity nodes to nodes that have this relation
+  isAttributeDataIn: boolean; // is true when the data to display has arrived
+  onClickCloseButton: () => void;
+}
+
+export interface NodeQualityPopupNode extends Node {
+  data: NodeQualityDataForEntities | NodeQualityDataForRelations;
+  nodeID: string; //ID of the node for which the popup is
+}
+
+export interface AttributeAnalyticsData {
+  nodeType: NodeType;
+  nodeID: string;
+  attributes: AttributeWithData[];
+  isAttributeDataIn: boolean; // is true when the data to display has arrived
+  onClickCloseButton: () => void;
+  onClickPlaceInQueryBuilderButton: (name: string, type: string) => void;
+  searchForAttributes: (id: string, searchbarValue: string) => void;
+  resetAttributeFilters: (id: string) => void;
+  applyAttributeFilters: (id: string, category: AttributeCategory, predicate: string, percentage: number) => void;
+}
+
+export enum AttributeCategory {
+  categorical = 'Categorical',
+  numerical = 'Numerical',
+  other = 'Other',
+  undefined = 'undefined',
+}
+
+export enum NodeType {
+  entity = 'entity',
+  relation = 'relation',
+}
+
+export interface AttributeAnalyticsPopupMenuNode extends Node {
+  nodeID: string; //ID of the node for which the popup is
+  data: AttributeAnalyticsData;
+}
+
+export type AttributeWithData = {
+  attribute: any;
+  category: AttributeCategory;
+  nullAmount: number;
+};

libs/shared/lib/vis/visualizations/nodelinkvis/components/NLMachineLearning.tsx

 import { useState } from 'react';
-import { AttributeData, NodeAttributeData } from '../../../common/InputDataTypes';
-import { AttributeCategory } from '../../../common/Types';
 import { GraphType, LinkType, NodeType } from '../types';
 import { ML } from '../../../../data-access/store/mlSlice';