@finos/legend-extension-dsl-data-space 10.0.11 → 10.0.13

package/lib/stores/studio/DataSpacePreviewState.js

@@ -19,6 +19,7 @@ import { action, flow, makeObservable, observable } from 'mobx';
 import { DSL_DataSpace_getGraphManagerExtension } from '../../graph-manager/protocol/pure/DSL_DataSpace_PureGraphManagerExtension.js';
 import { DataSpaceViewerState } from '../DataSpaceViewerState.js';
 import { InMemoryGraphData } from '@finos/legend-graph';
+import { EXTERNAL_APPLICATION_NAVIGATION__generateServiceQueryCreatorUrl } from '../../__lib__/DSL_DataSpace_LegendApplicationNavigation.js';
 export class DataSpacePreviewState extends EditorExtensionState {
     editorStore;
     loadDataSpaceState = ActionState.create();
@@ -58,15 +59,26 @@ export class DataSpacePreviewState extends EditorExtensionState {
                 .map((element) => this.editorStore.graphManagerState.graphManager.elementToEntity(element))
                 .concat(this.editorStore.graphManagerState.graph.dependencyManager.allOwnElements.map((element) => this.editorStore.graphManagerState.graphManager.elementToEntity(element))), undefined, this.loadDataSpaceState));
             this.dataSpaceViewerState = new DataSpaceViewerState(this.editorStore.applicationStore, this.editorStore.graphManagerState, groupId, artifactId, versionId, analysisResult, {
-                retriveGraphData: () => new InMemoryGraphData(this.editorStore.graphManagerState.graph),
+                retrieveGraphData: () => new InMemoryGraphData(this.editorStore.graphManagerState.graph),
+                queryDataSpace: () => {
+                    this.editorStore.applicationStore.notificationService.notifyWarning('This feature is not supported in preview mode');
+                },
                 viewProject: () => {
                     this.editorStore.applicationStore.notificationService.notifyWarning('This feature is not supported in preview mode');
                 },
                 viewSDLCProject: async () => {
                     this.editorStore.applicationStore.notificationService.notifyWarning('This feature is not supported in preview mode');
                 },
-                onDiagramClassDoubleClick: (classView) => {
-                    queryClass(classView.class.value, this.editorStore).catch(this.editorStore.applicationStore.alertUnhandledError);
+                queryClass: (_class) => {
+                    queryClass(_class, this.editorStore).catch(this.editorStore.applicationStore.alertUnhandledError);
+                },
+                openServiceQuery: (servicePath) => {
+                    if (this.editorStore.applicationStore.config.queryApplicationUrl) {
+                        this.editorStore.applicationStore.navigationService.navigator.visitAddress(EXTERNAL_APPLICATION_NAVIGATION__generateServiceQueryCreatorUrl(this.editorStore.applicationStore.config.queryApplicationUrl, groupId, artifactId, versionId, servicePath));
+                    }
+                    else {
+                        this.editorStore.applicationStore.notificationService.notifyWarning('Query application URL is not configured');
+                    }
                 },
             });
             this.loadDataSpaceState.pass();

package/lib/stores/studio/DataSpacePreviewState.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataSpacePreviewState.js","sourceRoot":"","sources":["../../../src/stores/studio/DataSpacePreviewState.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"DataSpacePreviewState.js","sourceRoot":"","sources":["../../../src/stores/studio/DataSpacePreviewState.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finos/legend-extension-dsl-data-space",
-  "version": "10.0.11",
+  "version": "10.0.13",
   "description": "Legend extension for Data Space DSL",
   "keywords": [
     "legend",
@@ -44,18 +44,18 @@
     "test:watch": "jest --watch"
   },
   "dependencies": {
-    "@finos/legend-application": "15.0.7",
-    "@finos/legend-application-query": "13.0.0",
-    "@finos/legend-application-studio": "24.2.0",
-    "@finos/legend-art": "7.0.8",
-    "@finos/legend-extension-dsl-diagram": "8.0.11",
-    "@finos/legend-graph": "28.1.4",
-    "@finos/legend-lego": "0.1.13",
-    "@finos/legend-query-builder": "3.2.0",
-    "@finos/legend-server-depot": "6.0.4",
-    "@finos/legend-shared": "10.0.3",
-    "@finos/legend-storage": "3.0.53",
-    "@types/react": "18.2.0",
+    "@finos/legend-application": "15.0.9",
+    "@finos/legend-application-query": "13.0.2",
+    "@finos/legend-application-studio": "25.0.1",
+    "@finos/legend-art": "7.0.10",
+    "@finos/legend-extension-dsl-diagram": "8.0.13",
+    "@finos/legend-graph": "28.1.5",
+    "@finos/legend-lego": "1.0.1",
+    "@finos/legend-query-builder": "3.2.2",
+    "@finos/legend-server-depot": "6.0.5",
+    "@finos/legend-shared": "10.0.4",
+    "@finos/legend-storage": "3.0.54",
+    "@types/react": "18.2.1",
     "mobx": "6.9.0",
     "mobx-react-lite": "3.4.3",
     "react": "18.2.0",
@@ -63,7 +63,7 @@
     "serializr": "3.0.2"
   },
   "devDependencies": {
-    "@finos/legend-dev-utils": "2.0.57",
+    "@finos/legend-dev-utils": "2.0.59",
     "@jest/globals": "29.5.0",
     "cross-env": "7.0.3",
     "eslint": "8.39.0",

package/src/__lib__/DSL_DataSpace_LegendApplicationCommand.ts

@@ -0,0 +1,74 @@
+/**
+ * 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 { CommandConfigData } from '@finos/legend-application';
+
+export enum DSL_DATA_SPACE_LEGEND_APPLICATION_COMMAND_KEY {
+  RECENTER_DIAGRAM = 'dsl-dataspace.diagram-viewer.recenter',
+  USE_ZOOM_TOOL = 'dsl-dataspace.diagram-viewer.use-zoom-tool',
+  USE_VIEW_TOOL = 'dsl-dataspace.diagram-viewer.use-view-tool',
+  USE_PAN_TOOL = 'dsl-dataspace.diagram-viewer.use-pan-tool',
+  GO_TO_NEXT_DIAGRAM = 'dsl-dataspace.diagram-viewer.go-to-next-diagram',
+  GO_TO_PREVIOUS_DIAGRAM = 'dsl-dataspace.diagram-viewer.go-to-previous-diagram',
+  TOGGLE_DIAGRAM_DESCRIPTION = 'dsl-dataspace.diagram-viewer.toggle-description',
+  SEARCH_DOCUMENTATION = 'dsl-dataspace.models-documentation.search',
+}
+
+export const DSL_DATA_SPACE_LEGEND_APPLICATION_COMMAND_CONFIG: CommandConfigData =
+  {
+    [DSL_DATA_SPACE_LEGEND_APPLICATION_COMMAND_KEY.RECENTER_DIAGRAM]: {
+      title: 'Data Space Diagram Viewer: Recenter',
+      defaultKeyboardShortcut: 'KeyR',
+      when: 'When diagram viewer is active',
+    },
+    [DSL_DATA_SPACE_LEGEND_APPLICATION_COMMAND_KEY.USE_ZOOM_TOOL]: {
+      title: 'Data Space Diagram Viewer: Use zoom tool',
+      defaultKeyboardShortcut: 'KeyZ',
+      when: 'When diagram viewer is active',
+    },
+    [DSL_DATA_SPACE_LEGEND_APPLICATION_COMMAND_KEY.USE_VIEW_TOOL]: {
+      title: 'Data Space Diagram Viewer: Use view tool',
+      defaultKeyboardShortcut: 'KeyV',
+      when: 'When diagram viewer is active',
+    },
+    [DSL_DATA_SPACE_LEGEND_APPLICATION_COMMAND_KEY.USE_PAN_TOOL]: {
+      title: 'Data Space Diagram Viewer: Use pan tool',
+      defaultKeyboardShortcut: 'KeyM',
+      when: 'When diagram viewer is active',
+    },
+    [DSL_DATA_SPACE_LEGEND_APPLICATION_COMMAND_KEY.GO_TO_NEXT_DIAGRAM]: {
+      title: 'Data Space Diagram Viewer: Next Diagram',
+      defaultKeyboardShortcut: 'ArrowRight',
+      when: 'When diagram viewer is active',
+    },
+    [DSL_DATA_SPACE_LEGEND_APPLICATION_COMMAND_KEY.GO_TO_PREVIOUS_DIAGRAM]: {
+      title: 'Data Space Diagram Viewer: Previous Diagram',
+      defaultKeyboardShortcut: 'ArrowLeft',
+      when: 'When viewing diagram',
+    },
+    [DSL_DATA_SPACE_LEGEND_APPLICATION_COMMAND_KEY.TOGGLE_DIAGRAM_DESCRIPTION]:
+      {
+        title: 'Data Space Diagram Viewer: Toggle Description',
+        defaultKeyboardShortcut: 'KeyD',
+        when: 'When diagram viewer is active',
+      },
+    [DSL_DATA_SPACE_LEGEND_APPLICATION_COMMAND_KEY.SEARCH_DOCUMENTATION]: {
+      title: 'Data Space Models Documentation: Search',
+      defaultKeyboardShortcut: 'Control+Shift+KeyF',
+      additionalKeyboardShortcuts: ['Meta+Shift+KeyF'],
+      when: 'When models documnetation viewer is active',
+    },
+  };

package/src/__lib__/DSL_DataSpace_LegendApplicationNavigation.ts

@@ -0,0 +1,33 @@
+/**
+ * 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 { generateGAVCoordinates } from '@finos/legend-storage';
+
+/**
+ * @external_application_navigation This depends on Legend Query routing and is hardcoded so it's potentially brittle
+ */
+export const EXTERNAL_APPLICATION_NAVIGATION__generateServiceQueryCreatorUrl = (
+  queryApplicationUrl: string,
+  groupId: string,
+  artifactId: string,
+  versionId: string,
+  servicePath: string,
+): string =>
+  `${queryApplicationUrl}/create-from-service/${generateGAVCoordinates(
+    groupId,
+    artifactId,
+    versionId,
+  )}/${servicePath}`;

package/src/components/DSL_DataSpace_LegendApplicationPlugin.tsx

@@ -16,7 +16,10 @@
 
 import {
   LegendApplicationPlugin,
+  type LegendApplicationSetup,
   type LegendApplicationPluginManager,
+  collectKeyedCommandConfigEntriesFromConfig,
+  type KeyedCommandConfigEntry,
 } from '@finos/legend-application';
 import packageJson from '../../package.json';
 import type {
@@ -24,11 +27,13 @@ import type {
   QueryBuilder_LegendApplicationPlugin_Extension,
 } from '@finos/legend-query-builder';
 import { DataSpaceQueryBuilderState } from '../stores/query/DataSpaceQueryBuilderState.js';
-import type { QuerySearchSpecification } from '@finos/legend-graph';
 import {
   createQueryClassTaggedValue,
   createQueryDataSpaceTaggedValue,
 } from '../stores/query/DataSpaceQueryCreatorStore.js';
+import { DSL_DATA_SPACE_LEGEND_APPLICATION_COMMAND_CONFIG } from '../__lib__/DSL_DataSpace_LegendApplicationCommand.js';
+import type { QuerySearchSpecification } from '@finos/legend-graph';
+import { configureDataGridComponent } from '@finos/legend-lego/data-grid';
 
 export class DSL_DataSpace_LegendApplicationPlugin
   extends LegendApplicationPlugin
@@ -46,6 +51,20 @@ export class DSL_DataSpace_LegendApplicationPlugin
     pluginManager.registerApplicationPlugin(this);
   }
 
+  override getExtraKeyedCommandConfigEntries(): KeyedCommandConfigEntry[] {
+    return collectKeyedCommandConfigEntriesFromConfig(
+      DSL_DATA_SPACE_LEGEND_APPLICATION_COMMAND_CONFIG,
+    );
+  }
+
+  override getExtraApplicationSetups(): LegendApplicationSetup[] {
+    return [
+      async (applicationStore) => {
+        configureDataGridComponent();
+      },
+    ];
+  }
+
   getExtraLoadQueryFilterOptions(): LoadQueryFilterOption[] {
     return [
       {

package/src/components/DataSpaceDataAccess.tsx

@@ -15,125 +15,15 @@
  */
 
 import { observer } from 'mobx-react-lite';
-import {
-  AnchorLinkIcon,
-  PanelLoadingIndicator,
-  QuestionCircleIcon,
-} from '@finos/legend-art';
-import {
-  DATA_SPACE_VIEWER_ACTIVITY_MODE,
-  generateAnchorForActivity,
-  type DataSpaceViewerState,
-} from '../stores/DataSpaceViewerState.js';
+import { AnchorLinkIcon, QuestionCircleIcon } from '@finos/legend-art';
+import { type DataSpaceViewerState } from '../stores/DataSpaceViewerState.js';
 import { useApplicationStore } from '@finos/legend-application';
-import { DataSpaceWikiPlaceholder } from './DataSpacePlaceholder.js';
 import { useEffect, useRef } from 'react';
-import { flowResult } from 'mobx';
 import {
-  DatasetEntitlementAccessApprovedReport,
-  DatasetEntitlementAccessGrantedReport,
-  DatasetEntitlementAccessNotGrantedReport,
-  DatasetEntitlementAccessRequestedReport,
-  DatasetEntitlementUnsupportedReport,
-} from '@finos/legend-graph';
-import { DataGrid } from '@finos/legend-lego/data-grid';
-
-const DataAccessOverview = observer(
-  (props: { dataSpaceViewerState: DataSpaceViewerState }) => {
-    const { dataSpaceViewerState } = props;
-    const dataAccessState = dataSpaceViewerState.dataAccessState;
-    const applicationStore = useApplicationStore();
-
-    useEffect(() => {
-      flowResult(dataAccessState.fetchDatasetSpecifications())
-        .then(() => dataAccessState.fetchDatasetEntitlementReports())
-        .catch(applicationStore.alertUnhandledError);
-    }, [
-      applicationStore,
-      dataAccessState,
-      dataSpaceViewerState.currentExecutionContext,
-    ]);
-
-    return (
-      <div className="data-space__viewer__data-access__overview">
-        <PanelLoadingIndicator
-          isLoading={
-            dataAccessState.fetchDatasetSpecificationsState.isInProgress ||
-            dataAccessState.fetchDatasetEntitlementReportsState.isInProgress
-          }
-        />
-        <div className="data-space__viewer__data-access__chart"></div>
-        <div className="data-space__viewer__data-access__grid data-space__viewer__grid ag-theme-balham-dark">
-          <DataGrid
-            rowData={dataAccessState.datasets}
-            gridOptions={{
-              suppressScrollOnNewData: true,
-              getRowId: (rowData) => rowData.data.uuid,
-            }}
-            suppressFieldDotNotation={true}
-            columnDefs={[
-              {
-                minWidth: 50,
-                sortable: true,
-                resizable: true,
-                valueGetter: (params) => params.data?.specification.name,
-                headerName: 'Dataset',
-                flex: 1,
-              },
-              {
-                minWidth: 50,
-                sortable: true,
-                resizable: true,
-                valueGetter: (params) => params.data?.specification.type,
-                headerName: 'Type',
-                flex: 1,
-              },
-              {
-                minWidth: 50,
-                sortable: true,
-                resizable: true,
-                headerName: 'Access Status',
-                valueGetter: (params) => {
-                  const entitlementReport = params.data?.entitlementReport;
-                  if (
-                    entitlementReport instanceof
-                    DatasetEntitlementAccessGrantedReport
-                  ) {
-                    return 'Access Granted';
-                  } else if (
-                    entitlementReport instanceof
-                    DatasetEntitlementAccessApprovedReport
-                  ) {
-                    return 'Access Approved';
-                  } else if (
-                    entitlementReport instanceof
-                    DatasetEntitlementAccessRequestedReport
-                  ) {
-                    return 'Access Requested';
-                  } else if (
-                    entitlementReport instanceof
-                    DatasetEntitlementAccessNotGrantedReport
-                  ) {
-                    return '(x) Access Not Granted';
-                  } else if (
-                    entitlementReport instanceof
-                    DatasetEntitlementUnsupportedReport
-                  ) {
-                    return '(unsupported)';
-                  }
-                  return '';
-                },
-                flex: 1,
-                wrapText: true,
-                autoHeight: true,
-              },
-            ]}
-          />
-        </div>
-      </div>
-    );
-  },
-);
+  DATA_SPACE_VIEWER_ACTIVITY_MODE,
+  generateAnchorForActivity,
+} from '../stores/DataSpaceViewerNavigation.js';
+import { DataAccessOverview } from '@finos/legend-query-builder';
 
 export const DataSpaceDataAccess = observer(
   (props: { dataSpaceViewerState: DataSpaceViewerState }) => {
@@ -190,12 +80,9 @@ export const DataSpaceDataAccess = observer(
         </div>
         <div className="data-space__viewer__wiki__section__content">
           <div className="data-space__viewer__data-access">
-            {!dataSpaceViewerState.TEMPORARY__enableExperimentalFeatures && (
-              <DataSpaceWikiPlaceholder message="View Data Access (Work in Progress)" />
-            )}
-            {dataSpaceViewerState.TEMPORARY__enableExperimentalFeatures && (
-              <DataAccessOverview dataSpaceViewerState={dataSpaceViewerState} />
-            )}
+            <DataAccessOverview
+              dataAccessState={dataSpaceViewerState.currentDataAccessState}
+            />
           </div>
         </div>
       </div>

package/src/components/DataSpaceDescription.tsx

@@ -15,15 +15,15 @@
  */
 
 import { AnchorLinkIcon } from '@finos/legend-art';
-import {
-  DATA_SPACE_VIEWER_ACTIVITY_MODE,
-  generateAnchorForActivity,
-  type DataSpaceViewerState,
-} from '../stores/DataSpaceViewerState.js';
+import { type DataSpaceViewerState } from '../stores/DataSpaceViewerState.js';
 import { observer } from 'mobx-react-lite';
 import { DataSpaceWikiPlaceholder } from './DataSpacePlaceholder.js';
 import { DataSpaceMarkdownTextViewer } from './DataSpaceMarkdownTextViewer.js';
 import { useEffect, useRef } from 'react';
+import {
+  DATA_SPACE_VIEWER_ACTIVITY_MODE,
+  generateAnchorForActivity,
+} from '../stores/DataSpaceViewerNavigation.js';
 
 export const DataSpaceDescription = observer(
   (props: { dataSpaceViewerState: DataSpaceViewerState }) => {