@finos/legend-extension-dsl-data-space 10.4.172 → 10.4.174

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finos/legend-extension-dsl-data-space",
-  "version": "10.4.172",
+  "version": "10.4.174",
   "description": "Legend extension for Data Space DSL",
   "keywords": [
     "legend",
@@ -43,13 +43,13 @@
     "test:watch": "jest --watch"
   },
   "dependencies": {
-    "@finos/legend-application": "16.0.82",
-    "@finos/legend-art": "7.1.132",
-    "@finos/legend-code-editor": "2.0.136",
-    "@finos/legend-extension-dsl-diagram": "8.1.195",
-    "@finos/legend-graph": "32.3.17",
-    "@finos/legend-lego": "2.0.149",
-    "@finos/legend-query-builder": "4.17.64",
+    "@finos/legend-application": "16.0.83",
+    "@finos/legend-art": "7.1.133",
+    "@finos/legend-code-editor": "2.0.138",
+    "@finos/legend-extension-dsl-diagram": "8.1.197",
+    "@finos/legend-graph": "32.3.18",
+    "@finos/legend-lego": "2.0.151",
+    "@finos/legend-query-builder": "4.17.66",
     "@finos/legend-server-depot": "6.1.4",
     "@finos/legend-server-sdlc": "5.3.67",
     "@finos/legend-shared": "11.0.21",
@@ -57,8 +57,8 @@
     "@types/react": "19.0.10",
     "mobx": "6.13.6",
     "mobx-react-lite": "4.1.0",
-    "react": "19.0.0",
-    "react-dom": "19.0.0",
+    "react": "19.0.1",
+    "react-dom": "19.0.1",
     "serializr": "3.0.3"
   },
   "devDependencies": {
@@ -73,7 +73,7 @@
     "typescript": "5.8.2"
   },
   "peerDependencies": {
-    "react": "^19.0.0"
+    "react": "^19.0.1"
   },
   "publishConfig": {
     "directory": "build/publishContent"

package/src/components/DataSpaceWiki.tsx

@@ -16,12 +16,16 @@
 
 import type { DataSpaceViewerState } from '../stores/DataSpaceViewerState.js';
 import { observer } from 'mobx-react-lite';
-import { DataSpaceDiagramViewer } from './DataSpaceDiagramViewer.js';
 import { DataSpaceQuickStart } from './DataSpaceQuickStart.js';
 import { DataSpaceDataAccess } from './DataSpaceDataAccess.js';
 import { DataSpaceDescription } from './DataSpaceDescription.js';
 import { useEffect } from 'react';
 import { ModelsDocumentation } from '@finos/legend-lego/model-documentation';
+import { DiagramViewer } from '@finos/legend-extension-dsl-diagram';
+import {
+  generateAnchorForActivity,
+  generateAnchorForDiagram,
+} from '../stores/DataSpaceViewerNavigation.js';
 
 export const DataSpaceWiki = observer(
   (props: { dataSpaceViewerState: DataSpaceViewerState }) => {
@@ -54,7 +58,41 @@ export const DataSpaceWiki = observer(
     return (
       <div className="data-space__viewer__wiki">
         <DataSpaceDescription dataSpaceViewerState={dataSpaceViewerState} />
-        <DataSpaceDiagramViewer dataSpaceViewerState={dataSpaceViewerState} />
+        <DiagramViewer
+          applicationStore={dataSpaceViewerState.applicationStore}
+          diagramViewerState={dataSpaceViewerState.diagramViewerState}
+          actions={{
+            onQueryClass: dataSpaceViewerState.queryClass,
+            onViewClassDocumentation: (classPath) =>
+              dataSpaceViewerState.modelsDocumentationState.viewClassDocumentation(
+                classPath,
+              ),
+            hasClassDocumentation: (classPath) =>
+              dataSpaceViewerState.modelsDocumentationState.hasClassDocumentation(
+                classPath,
+              ),
+            onSyncZoneWithNavigation: (diagram) => {
+              dataSpaceViewerState.syncZoneWithNavigation(
+                generateAnchorForDiagram(diagram),
+              );
+            },
+            onGenerateAnchorForActivity: (activity) => {
+              return generateAnchorForActivity(activity);
+            },
+            onChangeZone: (zone, force) => {
+              dataSpaceViewerState.changeZone(zone, force);
+            },
+            onSetWikiPageAnchor: (anchorKey: string, element: HTMLElement) => {
+              dataSpaceViewerState.layoutState.setWikiPageAnchor(
+                anchorKey,
+                element,
+              );
+            },
+            onUnsetWikiPageAnchor: (anchorKey: string) => {
+              dataSpaceViewerState.layoutState.unsetWikiPageAnchor(anchorKey);
+            },
+          }}
+        />
         <ModelsDocumentation
           modelsDocumentationState={
             dataSpaceViewerState.modelsDocumentationState

package/src/graph-manager/action/analytics/DataSpaceAnalysis.ts

@@ -24,8 +24,8 @@ import type {
 } from '@finos/legend-graph';
 import { prettyCONSTName, uuid } from '@finos/legend-shared';
 import type { DataSpaceSupportInfo } from '../../../graph/metamodel/pure/model/packageableElements/dataSpace/DSL_DataSpace_DataSpace.js';
-import type { Diagram } from '@finos/legend-extension-dsl-diagram/graph';
 import type { NormalizedDocumentationEntry } from '@finos/legend-lego/model-documentation';
+import type { DiagramAnalysisResult } from '@finos/legend-extension-dsl-diagram';
 
 export class DataSpaceExecutionContextAnalysisResult {
   name!: string;
@@ -59,13 +59,6 @@ export class DataSpaceStereotypeInfo {
   value!: string;
 }
 
-export class DataSpaceDiagramAnalysisResult {
-  readonly uuid = uuid();
-  title!: string;
-  description?: string | undefined;
-  diagram!: Diagram;
-}
-
 export abstract class DataSpaceExecutableInfo {
   id!: string;
   executionContextKey!: string;
@@ -147,7 +140,7 @@ export class DataSpaceAnalysisResult {
 
   elements: string[] = [];
 
-  diagrams: DataSpaceDiagramAnalysisResult[] = [];
+  diagrams: DiagramAnalysisResult[] = [];
 
   executables: DataSpaceExecutableAnalysisResult[] = [];
 

package/src/graph-manager/protocol/pure/v1/V1_DSL_DataSpace_PureGraphManagerExtension.ts

@@ -82,7 +82,6 @@ import {
 } from '../../../../graph-manager/protocol/pure/v1/model/packageableElements/dataSpace/V1_DSL_DataSpace_DataSpace.js';
 import {
   DataSpaceAnalysisResult,
-  DataSpaceDiagramAnalysisResult,
   DataSpaceExecutableAnalysisResult,
   DataSpaceExecutableTDSResultColumn,
   DataSpaceExecutableTDSResult,
@@ -96,6 +95,7 @@ import {
   DataSpaceFunctionPointerExecutableInfo,
   DataSpaceExecutionContextRuntimeMetadata,
 } from '../../../action/analytics/DataSpaceAnalysis.js';
+import { DiagramAnalysisResult } from '@finos/legend-extension-dsl-diagram';
 import { DSL_DataSpace_PureGraphManagerExtension } from '../DSL_DataSpace_PureGraphManagerExtension.js';
 import {
   type V1_DataSpaceAnalysisResult,
@@ -1031,7 +1031,7 @@ export class V1_DSL_DataSpace_PureGraphManagerExtension extends DSL_DataSpace_Pu
     result.diagrams = (
       buildMinimalGraph && isMiniGraphSuccess ? [] : analysisResult.diagrams
     ).map((diagramProtocol) => {
-      const diagram = new DataSpaceDiagramAnalysisResult();
+      const diagram = new DiagramAnalysisResult();
       diagram.title = diagramProtocol.title;
       diagram.description = diagramProtocol.description;
       diagram.diagram = getDiagram(diagramProtocol.diagram, graph);

package/src/stores/DataSpaceViewerDiagramViewerState.ts

@@ -14,165 +14,24 @@
  * limitations under the License.
  */
 
-import { guaranteeNonNullable } from '@finos/legend-shared';
-import { action, computed, makeObservable, observable } from 'mobx';
 import { type DataSpaceViewerState } from './DataSpaceViewerState.js';
-import type { ClassView } from '@finos/legend-extension-dsl-diagram/graph';
-import {
-  DIAGRAM_INTERACTION_MODE,
-  type DiagramRenderer,
-} from '@finos/legend-extension-dsl-diagram/application';
+import { DiagramViewerState } from '@finos/legend-extension-dsl-diagram/application';
 import type { CommandRegistrar } from '@finos/legend-application';
 import { DSL_DATA_SPACE_LEGEND_APPLICATION_COMMAND_KEY } from '../__lib__/DSL_DataSpace_LegendApplicationCommand.js';
 import { DATA_SPACE_VIEWER_ACTIVITY_MODE } from './DataSpaceViewerNavigation.js';
-import type { DataSpaceDiagramAnalysisResult } from '../graph-manager/action/analytics/DataSpaceAnalysis.js';
 
-export class DataSpaceViewerDiagramViewerState implements CommandRegistrar {
+export class DataSpaceViewerDiagramViewerState
+  extends DiagramViewerState
+  implements CommandRegistrar
+{
   readonly dataSpaceViewerState: DataSpaceViewerState;
 
-  _renderer?: DiagramRenderer | undefined;
-  currentDiagram?: DataSpaceDiagramAnalysisResult | undefined;
-  contextMenuClassView?: ClassView | undefined;
-  showDescription = true;
-  expandDescription = false;
-
   constructor(dataSpaceViewerState: DataSpaceViewerState) {
-    makeObservable(this, {
-      _renderer: observable,
-      currentDiagram: observable,
-      contextMenuClassView: observable,
-      showDescription: observable,
-      expandDescription: observable,
-      previousDiagram: computed,
-      nextDiagram: computed,
-      currentDiagramIndex: computed,
-      diagramRenderer: computed,
-      setDiagramRenderer: action,
-      setCurrentDiagram: action,
-      setContextMenuClassView: action,
-      setShowDescription: action,
-      setExpandDescription: action,
-    });
-
-    this.dataSpaceViewerState = dataSpaceViewerState;
-    this.currentDiagram =
-      this.dataSpaceViewerState.dataSpaceAnalysisResult.diagrams[0];
-  }
-
-  get diagramRenderer(): DiagramRenderer {
-    return guaranteeNonNullable(
-      this._renderer,
-      `Diagram renderer must be initialized (this is likely caused by calling this method at the wrong place)`,
+    super(
+      dataSpaceViewerState.dataSpaceAnalysisResult.diagrams,
+      dataSpaceViewerState.queryClass,
     );
-  }
-
-  get isDiagramRendererInitialized(): boolean {
-    return Boolean(this._renderer);
-  }
-
-  // NOTE: we have tried to use React to control the cursor and
-  // could not overcome the jank/lag problem, so we settle with CSS-based approach
-  // See https://css-tricks.com/using-css-cursors/
-  // See https://developer.mozilla.org/en-US/docs/Web/CSS/cursor
-  get diagramCursorClass(): string {
-    if (!this.isDiagramRendererInitialized) {
-      return '';
-    }
-    switch (this.diagramRenderer.interactionMode) {
-      case DIAGRAM_INTERACTION_MODE.PAN: {
-        return this.diagramRenderer.leftClick
-          ? 'data-space__viewer__diagram-viewer__cursor--grabbing'
-          : 'data-space__viewer__diagram-viewer__cursor--grab';
-      }
-      case DIAGRAM_INTERACTION_MODE.ZOOM_IN: {
-        return 'data-space__viewer__diagram-viewer__cursor--zoom-in';
-      }
-      case DIAGRAM_INTERACTION_MODE.ZOOM_OUT: {
-        return 'data-space__viewer__diagram-viewer__cursor--zoom-out';
-      }
-      case DIAGRAM_INTERACTION_MODE.LAYOUT: {
-        if (this.diagramRenderer.mouseOverClassView) {
-          return 'data-space__viewer__diagram-viewer__cursor--pointer';
-        }
-        return '';
-      }
-      default:
-        return '';
-    }
-  }
-
-  get previousDiagram(): DataSpaceDiagramAnalysisResult | undefined {
-    if (!this.currentDiagram) {
-      return undefined;
-    }
-    const idx =
-      this.dataSpaceViewerState.dataSpaceAnalysisResult.diagrams.indexOf(
-        this.currentDiagram,
-      );
-    if (idx === 0 || idx === -1) {
-      return undefined;
-    }
-    return this.dataSpaceViewerState.dataSpaceAnalysisResult.diagrams[idx - 1];
-  }
-
-  get nextDiagram(): DataSpaceDiagramAnalysisResult | undefined {
-    if (!this.currentDiagram) {
-      return undefined;
-    }
-    const idx =
-      this.dataSpaceViewerState.dataSpaceAnalysisResult.diagrams.indexOf(
-        this.currentDiagram,
-      );
-    if (
-      idx ===
-        this.dataSpaceViewerState.dataSpaceAnalysisResult.diagrams.length - 1 ||
-      idx === -1
-    ) {
-      return undefined;
-    }
-    return this.dataSpaceViewerState.dataSpaceAnalysisResult.diagrams[idx + 1];
-  }
-
-  get currentDiagramIndex(): number {
-    return this.currentDiagram
-      ? this.dataSpaceViewerState.dataSpaceAnalysisResult.diagrams.indexOf(
-          this.currentDiagram,
-        ) + 1
-      : 0;
-  }
-
-  setDiagramRenderer(val: DiagramRenderer): void {
-    this._renderer = val;
-  }
-
-  setCurrentDiagram(val: DataSpaceDiagramAnalysisResult): void {
-    this.currentDiagram = val;
-  }
-
-  setContextMenuClassView(val: ClassView | undefined): void {
-    this.contextMenuClassView = val;
-  }
-
-  setupDiagramRenderer(): void {
-    this.diagramRenderer.setIsReadOnly(true);
-    this.diagramRenderer.setEnableLayoutAutoAdjustment(true);
-    this.diagramRenderer.onClassViewDoubleClick = (
-      classView: ClassView,
-    ): void => this.dataSpaceViewerState.queryClass(classView.class.value);
-    this.diagramRenderer.onClassViewRightClick = (
-      classView: ClassView,
-    ): void => {
-      this.setContextMenuClassView(classView);
-    };
-  }
-
-  setShowDescription(val: boolean): void {
-    this.showDescription = val;
-    this.setExpandDescription(false);
-  }
-
-  setExpandDescription(val: boolean): void {
-    this.expandDescription = val;
+    this.dataSpaceViewerState = dataSpaceViewerState;
   }
 
   registerCommands(): void {

package/src/stores/DataSpaceViewerNavigation.ts

@@ -15,10 +15,8 @@
  */
 
 import { NAVIGATION_ZONE_SEPARATOR } from '@finos/legend-application';
-import type {
-  DataSpaceDiagramAnalysisResult,
-  DataSpaceExecutableAnalysisResult,
-} from '../graph-manager/action/analytics/DataSpaceAnalysis.js';
+import type { DataSpaceExecutableAnalysisResult } from '../graph-manager/action/analytics/DataSpaceAnalysis.js';
+import type { DiagramAnalysisResult } from '@finos/legend-extension-dsl-diagram';
 
 export enum DATA_SPACE_VIEWER_ACTIVITY_MODE {
   DESCRIPTION = 'description',
@@ -56,7 +54,7 @@ export const generateAnchorForQuickStart = (
     generateAnchorChunk(quickStart.title),
   ].join(NAVIGATION_ZONE_SEPARATOR);
 export const generateAnchorForDiagram = (
-  diagram: DataSpaceDiagramAnalysisResult,
+  diagram: DiagramAnalysisResult,
 ): string =>
   [
     DATA_SPACE_VIEWER_ACTIVITY_MODE.DIAGRAM_VIEWER,

package/tsconfig.json

@@ -97,7 +97,6 @@
     "./src/components/DSL_DataSpace_LegendApplicationPlugin.tsx",
     "./src/components/DataSpaceDataAccess.tsx",
     "./src/components/DataSpaceDescription.tsx",
-    "./src/components/DataSpaceDiagramViewer.tsx",
     "./src/components/DataSpaceExecutionContextViewer.tsx",
     "./src/components/DataSpaceInfoPanel.tsx",
     "./src/components/DataSpaceMarkdownTextViewer.tsx",

package/lib/components/DataSpaceDiagramViewer.d.ts

@@ -1,22 +0,0 @@
-/**
- * Copyright (c) 2020-present, Goldman Sachs
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import { type DataSpaceViewerState } from '../stores/DataSpaceViewerState.js';
-export declare const DataSpaceDiagramViewer: ((props: {
-    dataSpaceViewerState: DataSpaceViewerState;
-}) => import("react/jsx-runtime").JSX.Element) & {
-    displayName: string;
-};
-//# sourceMappingURL=DataSpaceDiagramViewer.d.ts.map

package/lib/components/DataSpaceDiagramViewer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataSpaceDiagramViewer.d.ts","sourceRoot":"","sources":["../../src/components/DataSpaceDiagramViewer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AA4BH,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AA2b9E,eAAO,MAAM,sBAAsB,WACzB;IAAE,oBAAoB,EAAE,oBAAoB,CAAA;CAAE;;CAuIvD,CAAC"}

package/lib/components/DataSpaceDiagramViewer.js

@@ -1,170 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/**
- * Copyright (c) 2020-present, Goldman Sachs
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import { AnchorLinkIcon, CaretDownIcon, CenterFocusIcon, CircleIcon, CloseIcon, ContextMenu, CustomSelectorInput, DescriptionIcon, ControlledDropdownMenu, MenuContent, MenuContentDivider, MenuContentItem, MousePointerIcon, MoveIcon, ShapesIcon, ThinChevronDownIcon, ThinChevronLeftIcon, ThinChevronRightIcon, ThinChevronUpIcon, ZoomInIcon, ZoomOutIcon, clsx, useResizeDetector, createFilter, } from '@finos/legend-art';
-import {} from '../stores/DataSpaceViewerState.js';
-import { observer } from 'mobx-react-lite';
-import { forwardRef, useEffect, useRef } from 'react';
-import {} from '@finos/legend-extension-dsl-diagram/graph';
-import { DIAGRAM_INTERACTION_MODE, DIAGRAM_RELATIONSHIP_EDIT_MODE, DIAGRAM_ZOOM_LEVELS, DiagramRenderer, } from '@finos/legend-extension-dsl-diagram/application';
-import { DataSpaceWikiPlaceholder } from './DataSpacePlaceholder.js';
-import { at } from '@finos/legend-shared';
-import { DataSpaceMarkdownTextViewer } from './DataSpaceMarkdownTextViewer.js';
-import { useCommands } from '@finos/legend-application';
-import { DATA_SPACE_VIEWER_ACTIVITY_MODE, generateAnchorForActivity, generateAnchorForDiagram, } from '../stores/DataSpaceViewerNavigation.js';
-const DataSpaceDiagramCanvas = observer(forwardRef(function DataSpaceDiagramCanvas(props, _ref) {
-    const { dataSpaceViewerState, diagram } = props;
-    const diagramViewerState = dataSpaceViewerState.diagramViewerState;
-    const ref = _ref;
-    const descriptionText = diagramViewerState.currentDiagram?.description;
-    const { width, height } = useResizeDetector({
-        refreshMode: 'debounce',
-        refreshRate: 50,
-        targetRef: ref,
-    });
-    useEffect(() => {
-        diagramViewerState.setExpandDescription(false);
-    }, [diagramViewerState, diagramViewerState.currentDiagram]);
-    useEffect(() => {
-        const renderer = new DiagramRenderer(ref.current, diagram);
-        diagramViewerState.setDiagramRenderer(renderer);
-        diagramViewerState.setupDiagramRenderer();
-        renderer.render({ initial: true });
-    }, [ref, diagramViewerState, diagram]);
-    useEffect(() => {
-        if (diagramViewerState.isDiagramRendererInitialized) {
-            diagramViewerState.diagramRenderer.refresh();
-        }
-    }, [diagramViewerState, width, height]);
-    // actions
-    const queryClass = () => {
-        if (diagramViewerState.contextMenuClassView) {
-            dataSpaceViewerState.queryClass(diagramViewerState.contextMenuClassView.class.value);
-        }
-    };
-    const viewClassDocumentation = () => {
-        if (diagramViewerState.contextMenuClassView &&
-            dataSpaceViewerState.modelsDocumentationState.hasClassDocumentation(diagramViewerState.contextMenuClassView.class.value.path)) {
-            dataSpaceViewerState.modelsDocumentationState.viewClassDocumentation(diagramViewerState.contextMenuClassView.class.value.path);
-            dataSpaceViewerState.changeZone(generateAnchorForActivity(DATA_SPACE_VIEWER_ACTIVITY_MODE.MODELS_DOCUMENTATION));
-        }
-    };
-    return (_jsxs(ContextMenu, { className: "data-space__viewer__diagram-viewer__canvas", content: _jsxs(MenuContent, { children: [_jsx(MenuContentItem, { onClick: queryClass, disabled: !diagramViewerState.contextMenuClassView, children: "Query" }), _jsx(MenuContentItem, { onClick: viewClassDocumentation, disabled: !diagramViewerState.contextMenuClassView ||
-                        !dataSpaceViewerState.modelsDocumentationState.hasClassDocumentation(diagramViewerState.contextMenuClassView.class.value.path), children: "See Model Documentation" })] }), disabled: !diagramViewerState.contextMenuClassView, menuProps: { elevation: 7 }, onClose: () => diagramViewerState.setContextMenuClassView(undefined), children: [diagramViewerState.showDescription && (_jsxs("div", { className: clsx('data-space__viewer__diagram-viewer__description', {
-                    'data-space__viewer__diagram-viewer__description--expanded': diagramViewerState.expandDescription,
-                }), children: [_jsx("button", { className: "data-space__viewer__diagram-viewer__description__close-btn", tabIndex: -1, title: "Hide Description", onClick: () => diagramViewerState.setShowDescription(false), children: _jsx(CloseIcon, {}) }), _jsx("div", { className: "data-space__viewer__diagram-viewer__description__title", children: diagramViewerState.currentDiagram?.title
-                            ? diagramViewerState.currentDiagram.title
-                            : 'Untitled' }), _jsx("div", { className: "data-space__viewer__diagram-viewer__description__content", children: descriptionText ? (_jsx(DataSpaceMarkdownTextViewer, { value: descriptionText })) : (_jsx("div", { className: "data-space__viewer__diagram-viewer__description__content__placeholder", children: "(not specified)" })) }), _jsx("button", { className: "data-space__viewer__diagram-viewer__description__expand-btn", tabIndex: -1, title: diagramViewerState.expandDescription ? 'Collapse' : 'Expand', onClick: () => diagramViewerState.setExpandDescription(!diagramViewerState.expandDescription), children: diagramViewerState.expandDescription ? (_jsx(ThinChevronUpIcon, {})) : (_jsx(ThinChevronDownIcon, {})) })] })), _jsx("div", { ref: ref, className: clsx('diagram-canvas', diagramViewerState.diagramCursorClass), tabIndex: 0 })] }));
-}));
-const buildDiagramOption = (diagram) => ({
-    label: (_jsxs("div", { className: "data-space__viewer__diagram-viewer__header__navigation__selector__label", children: [_jsx(ShapesIcon, { className: "data-space__viewer__diagram-viewer__header__navigation__selector__icon" }), _jsx("div", { className: "data-space__viewer__diagram-viewer__header__navigation__selector__title", children: diagram.title ? diagram.title : 'Untitled' })] })),
-    value: diagram,
-});
-const DataSpaceDiagramViewerHeader = observer((props) => {
-    const { dataSpaceViewerState } = props;
-    const applicationStore = dataSpaceViewerState.applicationStore;
-    const diagramViewerState = dataSpaceViewerState.diagramViewerState;
-    const diagramOptions = dataSpaceViewerState.dataSpaceAnalysisResult.diagrams.map(buildDiagramOption);
-    const selectedDiagramOption = diagramViewerState.currentDiagram
-        ? buildDiagramOption(diagramViewerState.currentDiagram)
-        : null;
-    const onDiagramOptionChange = (option) => {
-        if (option.value !== diagramViewerState.currentDiagram) {
-            diagramViewerState.setCurrentDiagram(option.value);
-        }
-    };
-    const diagramFilterOption = createFilter({
-        ignoreCase: true,
-        ignoreAccents: false,
-        stringify: (option) => option.data.value.title,
-    });
-    const createModeSwitcher = (editMode, relationshipMode) => () => diagramViewerState.diagramRenderer.changeMode(editMode, relationshipMode);
-    const createCenterZoomer = (zoomLevel) => () => {
-        diagramViewerState.diagramRenderer.zoomCenter(zoomLevel / 100);
-    };
-    const zoomToFit = () => diagramViewerState.diagramRenderer.zoomToFit();
-    return (_jsxs("div", { className: "data-space__viewer__diagram-viewer__header", children: [_jsxs("div", { className: "data-space__viewer__diagram-viewer__header__navigation", children: [_jsx(CustomSelectorInput, { className: "data-space__viewer__diagram-viewer__header__navigation__selector", options: diagramOptions, onChange: onDiagramOptionChange, value: selectedDiagramOption, placeholder: "Search for a diagram", darkMode: !applicationStore.layoutService
-                            .TEMPORARY__isLightColorThemeEnabled, filterOption: diagramFilterOption }), _jsx("div", { className: "data-space__viewer__diagram-viewer__header__navigation__pager", children: _jsx("input", { className: "data-space__viewer__diagram-viewer__header__navigation__pager__input input--dark", value: diagramViewerState.currentDiagramIndex, type: "number", onChange: (event) => {
-                                const value = parseInt(event.target.value, 10);
-                                if (isNaN(value) ||
-                                    value < 1 ||
-                                    value >
-                                        dataSpaceViewerState.dataSpaceAnalysisResult.diagrams.length) {
-                                    return;
-                                }
-                                diagramViewerState.setCurrentDiagram(at(dataSpaceViewerState.dataSpaceAnalysisResult.diagrams, value - 1));
-                            } }) }), _jsxs("div", { className: "data-space__viewer__diagram-viewer__header__navigation__pager__count", children: ["/", dataSpaceViewerState.dataSpaceAnalysisResult.diagrams.length] })] }), _jsx("div", { className: "data-space__viewer__diagram-viewer__header__actions", children: diagramViewerState.isDiagramRendererInitialized && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "data-space__viewer__diagram-viewer__header__group", children: [_jsx("button", { className: "data-space__viewer__diagram-viewer__header__tool", tabIndex: -1, onClick: () => {
-                                        if (diagramViewerState.currentDiagram) {
-                                            dataSpaceViewerState.syncZoneWithNavigation(generateAnchorForDiagram(diagramViewerState.currentDiagram));
-                                        }
-                                    }, title: "Copy Link", children: _jsx(AnchorLinkIcon, {}) }), _jsx("button", { className: "data-space__viewer__diagram-viewer__header__tool", tabIndex: -1, onClick: () => diagramViewerState.diagramRenderer.recenter(), title: "Recenter (R)", children: _jsx(CenterFocusIcon, { className: "data-space__viewer__diagram-viewer__icon--recenter" }) }), _jsx("button", { className: clsx('data-space__viewer__diagram-viewer__header__tool', {
-                                        'data-space__viewer__diagram-viewer__header__tool--active': diagramViewerState.showDescription,
-                                    }), tabIndex: -1, onClick: () => diagramViewerState.setShowDescription(!diagramViewerState.showDescription), title: "Toggle Description (D)", children: _jsx(DescriptionIcon, { className: "data-space__viewer__diagram-viewer__icon--description" }) })] }), _jsx("div", { className: "data-space__viewer__diagram-viewer__header__group__separator" }), _jsxs("div", { className: "data-space__viewer__diagram-viewer__header__group", children: [_jsx("button", { className: clsx('data-space__viewer__diagram-viewer__header__tool', {
-                                        'data-space__viewer__diagram-viewer__header__tool--active': diagramViewerState.diagramRenderer.interactionMode ===
-                                            DIAGRAM_INTERACTION_MODE.LAYOUT,
-                                    }), tabIndex: -1, onClick: createModeSwitcher(DIAGRAM_INTERACTION_MODE.LAYOUT, DIAGRAM_RELATIONSHIP_EDIT_MODE.NONE), title: "View Tool (V)", children: _jsx(MousePointerIcon, { className: "data-space__viewer__diagram-viewer__icon--layout" }) }), _jsx("button", { className: clsx('data-space__viewer__diagram-viewer__header__tool', {
-                                        'data-space__viewer__diagram-viewer__header__tool--active': diagramViewerState.diagramRenderer.interactionMode ===
-                                            DIAGRAM_INTERACTION_MODE.PAN,
-                                    }), tabIndex: -1, onClick: createModeSwitcher(DIAGRAM_INTERACTION_MODE.PAN, DIAGRAM_RELATIONSHIP_EDIT_MODE.NONE), title: "Pan Tool (M)", children: _jsx(MoveIcon, { className: "data-space__viewer__diagram-viewer__icon--pan" }) }), _jsx("button", { className: clsx('data-space__viewer__diagram-viewer__header__tool', {
-                                        'data-space__viewer__diagram-viewer__header__tool--active': diagramViewerState.diagramRenderer.interactionMode ===
-                                            DIAGRAM_INTERACTION_MODE.ZOOM_IN,
-                                    }), tabIndex: -1, title: "Zoom In (Z)", onClick: createModeSwitcher(DIAGRAM_INTERACTION_MODE.ZOOM_IN, DIAGRAM_RELATIONSHIP_EDIT_MODE.NONE), children: _jsx(ZoomInIcon, { className: "data-space__viewer__diagram-viewer__icon--zoom-in" }) }), _jsx("button", { className: clsx('data-space__viewer__diagram-viewer__header__tool', {
-                                        'data-space__viewer__diagram-viewer__header__tool--active': diagramViewerState.diagramRenderer.interactionMode ===
-                                            DIAGRAM_INTERACTION_MODE.ZOOM_OUT,
-                                    }), tabIndex: -1, title: "Zoom Out (Z)", onClick: createModeSwitcher(DIAGRAM_INTERACTION_MODE.ZOOM_OUT, DIAGRAM_RELATIONSHIP_EDIT_MODE.NONE), children: _jsx(ZoomOutIcon, { className: "data-space__viewer__diagram-viewer__icon--zoom-out" }) })] }), _jsx("div", { className: "data-space__viewer__diagram-viewer__header__group__separator" }), _jsxs(ControlledDropdownMenu, { className: "data-space__viewer__diagram-viewer__header__group data-space__viewer__diagram-viewer__header__dropdown", title: "Zoom...", content: _jsxs(MenuContent, { children: [_jsx(MenuContentItem, { className: "data-space__viewer__diagram-viewer__header__zoomer__dropdown__menu__item", onClick: zoomToFit, children: "Fit" }), _jsx(MenuContentDivider, {}), DIAGRAM_ZOOM_LEVELS.map((zoomLevel) => (_jsxs(MenuContentItem, { className: "data-space__viewer__diagram-viewer__header__zoomer__dropdown__menu__item", onClick: createCenterZoomer(zoomLevel), children: [zoomLevel, "%"] }, zoomLevel)))] }), menuProps: {
-                                anchorOrigin: { vertical: 'bottom', horizontal: 'right' },
-                                transformOrigin: { vertical: 'top', horizontal: 'right' },
-                                elevation: 7,
-                            }, children: [_jsxs("div", { className: "data-space__viewer__diagram-viewer__header__dropdown__label data-space__viewer__diagram-viewer__header__zoomer__dropdown__label", children: [Math.round(diagramViewerState.diagramRenderer.zoom * 100), "%"] }), _jsx("div", { className: "data-space__viewer__diagram-viewer__header__dropdown__trigger data-space__viewer__diagram-viewer__header__zoomer__dropdown__trigger", children: _jsx(CaretDownIcon, {}) })] })] })) })] }));
-});
-export const DataSpaceDiagramViewer = observer((props) => {
-    const { dataSpaceViewerState } = props;
-    const diagramViewerState = dataSpaceViewerState.diagramViewerState;
-    const analysisResult = dataSpaceViewerState.dataSpaceAnalysisResult;
-    const sectionRef = useRef(null);
-    const anchor = generateAnchorForActivity(DATA_SPACE_VIEWER_ACTIVITY_MODE.DIAGRAM_VIEWER);
-    useCommands(diagramViewerState);
-    useEffect(() => {
-        if (sectionRef.current) {
-            dataSpaceViewerState.layoutState.setWikiPageAnchor(anchor, sectionRef.current);
-        }
-        return () => dataSpaceViewerState.layoutState.unsetWikiPageAnchor(anchor);
-    }, [dataSpaceViewerState, anchor]);
-    const diagramCanvasRef = useRef(null);
-    const previousDiagram = diagramViewerState.previousDiagram;
-    const nextDiagram = diagramViewerState.nextDiagram;
-    const showPreviousDiagram = () => {
-        if (previousDiagram) {
-            diagramViewerState.setCurrentDiagram(previousDiagram);
-            dataSpaceViewerState.syncZoneWithNavigation(generateAnchorForDiagram(previousDiagram));
-        }
-    };
-    const showNextDiagram = () => {
-        if (nextDiagram) {
-            diagramViewerState.setCurrentDiagram(nextDiagram);
-            dataSpaceViewerState.syncZoneWithNavigation(generateAnchorForDiagram(nextDiagram));
-        }
-    };
-    return (_jsxs("div", { ref: sectionRef, className: "data-space__viewer__wiki__section", children: [_jsx("div", { className: "data-space__viewer__wiki__section__header", children: _jsxs("div", { className: "data-space__viewer__wiki__section__header__label", children: ["Diagrams", _jsx("button", { className: "data-space__viewer__wiki__section__header__anchor", tabIndex: -1, onClick: () => dataSpaceViewerState.changeZone(anchor, true), children: _jsx(AnchorLinkIcon, {}) })] }) }), _jsxs("div", { className: "data-space__viewer__wiki__section__content", children: [analysisResult.diagrams.length > 0 && (_jsxs("div", { className: "data-space__viewer__diagram-viewer", children: [_jsx(DataSpaceDiagramViewerHeader, { dataSpaceViewerState: dataSpaceViewerState }), _jsx("div", { className: "data-space__viewer__diagram-viewer__carousel", children: _jsxs("div", { className: "data-space__viewer__diagram-viewer__carousel__frame", children: [_jsx("div", { className: "data-space__viewer__diagram-viewer__carousel__frame__display", children: diagramViewerState.currentDiagram && (_jsx(DataSpaceDiagramCanvas, { dataSpaceViewerState: dataSpaceViewerState, diagram: diagramViewerState.currentDiagram.diagram, ref: diagramCanvasRef })) }), _jsx("button", { className: "data-space__viewer__diagram-viewer__carousel__frame__navigator data-space__viewer__diagram-viewer__carousel__frame__navigator--back", tabIndex: -1, title: `Previous - ${previousDiagram?.title
-                                                ? previousDiagram.title
-                                                : '(untitled)'} (⇦)`, disabled: !previousDiagram, onClick: showPreviousDiagram, children: _jsx(ThinChevronLeftIcon, {}) }), _jsx("button", { className: "data-space__viewer__diagram-viewer__carousel__frame__navigator data-space__viewer__diagram-viewer__carousel__frame__navigator--next", tabIndex: -1, title: `Next - ${nextDiagram?.title ? nextDiagram.title : '(untitled)'} (⇨)`, disabled: !nextDiagram, onClick: showNextDiagram, children: _jsx(ThinChevronRightIcon, {}) }), _jsx("div", { className: "data-space__viewer__diagram-viewer__carousel__frame__indicators", children: _jsx("div", { className: "data-space__viewer__diagram-viewer__carousel__frame__indicators__notch", children: analysisResult.diagrams.map((diagram) => (_jsx("button", { className: clsx('data-space__viewer__diagram-viewer__carousel__frame__indicator', {
-                                                        'data-space__viewer__diagram-viewer__carousel__frame__indicator--active': diagramViewerState.currentDiagram === diagram,
-                                                    }), title: `View Diagram - ${diagram.title ? diagram.title : '(untitled)'}`, onClick: () => {
-                                                        diagramViewerState.setCurrentDiagram(diagram);
-                                                        dataSpaceViewerState.syncZoneWithNavigation(generateAnchorForDiagram(diagram));
-                                                    }, children: _jsx(CircleIcon, {}) }, diagram.uuid))) }) })] }) })] })), !analysisResult.diagrams.length && (_jsx(DataSpaceWikiPlaceholder, { message: "(not specified)" }))] })] }));
-});
-//# sourceMappingURL=DataSpaceDiagramViewer.js.map

package/lib/components/DataSpaceDiagramViewer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataSpaceDiagramViewer.js","sourceRoot":"","sources":["../../src/components/DataSpaceDiagramViewer.tsx"],"names":[],"mappings":"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"}