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

package/lib/__lib__/DSL_DataSpace_LegendApplicationCommand.d.ts

@@ -0,0 +1,28 @@
+/**
+ * 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 declare 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 declare const DSL_DATA_SPACE_LEGEND_APPLICATION_COMMAND_CONFIG: CommandConfigData;
+//# sourceMappingURL=DSL_DataSpace_LegendApplicationCommand.d.ts.map

package/lib/__lib__/DSL_DataSpace_LegendApplicationCommand.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DSL_DataSpace_LegendApplicationCommand.d.ts","sourceRoot":"","sources":["../../src/__lib__/DSL_DataSpace_LegendApplicationCommand.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAEnE,oBAAY,6CAA6C;IACvD,gBAAgB,0CAA0C;IAC1D,aAAa,+CAA+C;IAC5D,aAAa,+CAA+C;IAC5D,YAAY,8CAA8C;IAC1D,kBAAkB,oDAAoD;IACtE,sBAAsB,wDAAwD;IAC9E,0BAA0B,oDAAoD;IAC9E,oBAAoB,8CAA8C;CACnE;AAED,eAAO,MAAM,gDAAgD,EAAE,iBA4C5D,CAAC"}

package/lib/__lib__/DSL_DataSpace_LegendApplicationCommand.js

@@ -0,0 +1,70 @@
+/**
+ * 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.
+ */
+export var DSL_DATA_SPACE_LEGEND_APPLICATION_COMMAND_KEY;
+(function (DSL_DATA_SPACE_LEGEND_APPLICATION_COMMAND_KEY) {
+    DSL_DATA_SPACE_LEGEND_APPLICATION_COMMAND_KEY["RECENTER_DIAGRAM"] = "dsl-dataspace.diagram-viewer.recenter";
+    DSL_DATA_SPACE_LEGEND_APPLICATION_COMMAND_KEY["USE_ZOOM_TOOL"] = "dsl-dataspace.diagram-viewer.use-zoom-tool";
+    DSL_DATA_SPACE_LEGEND_APPLICATION_COMMAND_KEY["USE_VIEW_TOOL"] = "dsl-dataspace.diagram-viewer.use-view-tool";
+    DSL_DATA_SPACE_LEGEND_APPLICATION_COMMAND_KEY["USE_PAN_TOOL"] = "dsl-dataspace.diagram-viewer.use-pan-tool";
+    DSL_DATA_SPACE_LEGEND_APPLICATION_COMMAND_KEY["GO_TO_NEXT_DIAGRAM"] = "dsl-dataspace.diagram-viewer.go-to-next-diagram";
+    DSL_DATA_SPACE_LEGEND_APPLICATION_COMMAND_KEY["GO_TO_PREVIOUS_DIAGRAM"] = "dsl-dataspace.diagram-viewer.go-to-previous-diagram";
+    DSL_DATA_SPACE_LEGEND_APPLICATION_COMMAND_KEY["TOGGLE_DIAGRAM_DESCRIPTION"] = "dsl-dataspace.diagram-viewer.toggle-description";
+    DSL_DATA_SPACE_LEGEND_APPLICATION_COMMAND_KEY["SEARCH_DOCUMENTATION"] = "dsl-dataspace.models-documentation.search";
+})(DSL_DATA_SPACE_LEGEND_APPLICATION_COMMAND_KEY = DSL_DATA_SPACE_LEGEND_APPLICATION_COMMAND_KEY || (DSL_DATA_SPACE_LEGEND_APPLICATION_COMMAND_KEY = {}));
+export const DSL_DATA_SPACE_LEGEND_APPLICATION_COMMAND_CONFIG = {
+    [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',
+    },
+};
+//# sourceMappingURL=DSL_DataSpace_LegendApplicationCommand.js.map

package/lib/__lib__/DSL_DataSpace_LegendApplicationCommand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DSL_DataSpace_LegendApplicationCommand.js","sourceRoot":"","sources":["../../src/__lib__/DSL_DataSpace_LegendApplicationCommand.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAIH,MAAM,CAAN,IAAY,6CASX;AATD,WAAY,6CAA6C;IACvD,2GAA0D,CAAA;IAC1D,6GAA4D,CAAA;IAC5D,6GAA4D,CAAA;IAC5D,2GAA0D,CAAA;IAC1D,uHAAsE,CAAA;IACtE,+HAA8E,CAAA;IAC9E,+HAA8E,CAAA;IAC9E,mHAAkE,CAAA;AACpE,CAAC,EATW,6CAA6C,GAA7C,6CAA6C,KAA7C,6CAA6C,QASxD;AAED,MAAM,CAAC,MAAM,gDAAgD,GAC3D;IACE,CAAC,6CAA6C,CAAC,gBAAgB,CAAC,EAAE;QAChE,KAAK,EAAE,qCAAqC;QAC5C,uBAAuB,EAAE,MAAM;QAC/B,IAAI,EAAE,+BAA+B;KACtC;IACD,CAAC,6CAA6C,CAAC,aAAa,CAAC,EAAE;QAC7D,KAAK,EAAE,0CAA0C;QACjD,uBAAuB,EAAE,MAAM;QAC/B,IAAI,EAAE,+BAA+B;KACtC;IACD,CAAC,6CAA6C,CAAC,aAAa,CAAC,EAAE;QAC7D,KAAK,EAAE,0CAA0C;QACjD,uBAAuB,EAAE,MAAM;QAC/B,IAAI,EAAE,+BAA+B;KACtC;IACD,CAAC,6CAA6C,CAAC,YAAY,CAAC,EAAE;QAC5D,KAAK,EAAE,yCAAyC;QAChD,uBAAuB,EAAE,MAAM;QAC/B,IAAI,EAAE,+BAA+B;KACtC;IACD,CAAC,6CAA6C,CAAC,kBAAkB,CAAC,EAAE;QAClE,KAAK,EAAE,yCAAyC;QAChD,uBAAuB,EAAE,YAAY;QACrC,IAAI,EAAE,+BAA+B;KACtC;IACD,CAAC,6CAA6C,CAAC,sBAAsB,CAAC,EAAE;QACtE,KAAK,EAAE,6CAA6C;QACpD,uBAAuB,EAAE,WAAW;QACpC,IAAI,EAAE,sBAAsB;KAC7B;IACD,CAAC,6CAA6C,CAAC,0BAA0B,CAAC,EACxE;QACE,KAAK,EAAE,+CAA+C;QACtD,uBAAuB,EAAE,MAAM;QAC/B,IAAI,EAAE,+BAA+B;KACtC;IACH,CAAC,6CAA6C,CAAC,oBAAoB,CAAC,EAAE;QACpE,KAAK,EAAE,yCAAyC;QAChD,uBAAuB,EAAE,oBAAoB;QAC7C,2BAA2B,EAAE,CAAC,iBAAiB,CAAC;QAChD,IAAI,EAAE,4CAA4C;KACnD;CACF,CAAC"}

package/lib/__lib__/DSL_DataSpace_LegendApplicationNavigation.d.ts

@@ -0,0 +1,20 @@
+/**
+ * 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.
+ */
+/**
+ * @external_application_navigation This depends on Legend Query routing and is hardcoded so it's potentially brittle
+ */
+export declare const EXTERNAL_APPLICATION_NAVIGATION__generateServiceQueryCreatorUrl: (queryApplicationUrl: string, groupId: string, artifactId: string, versionId: string, servicePath: string) => string;
+//# sourceMappingURL=DSL_DataSpace_LegendApplicationNavigation.d.ts.map

package/lib/__lib__/DSL_DataSpace_LegendApplicationNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DSL_DataSpace_LegendApplicationNavigation.d.ts","sourceRoot":"","sources":["../../src/__lib__/DSL_DataSpace_LegendApplicationNavigation.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAIH;;GAEG;AACH,eAAO,MAAM,+DAA+D,wBACrD,MAAM,WAClB,MAAM,cACH,MAAM,aACP,MAAM,eACJ,MAAM,KAClB,MAKiB,CAAC"}

package/lib/__lib__/DSL_DataSpace_LegendApplicationNavigation.js

@@ -0,0 +1,21 @@
+/**
+ * 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, groupId, artifactId, versionId, servicePath) => `${queryApplicationUrl}/create-from-service/${generateGAVCoordinates(groupId, artifactId, versionId)}/${servicePath}`;
+//# sourceMappingURL=DSL_DataSpace_LegendApplicationNavigation.js.map

package/lib/__lib__/DSL_DataSpace_LegendApplicationNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DSL_DataSpace_LegendApplicationNavigation.js","sourceRoot":"","sources":["../../src/__lib__/DSL_DataSpace_LegendApplicationNavigation.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAE/D;;GAEG;AACH,MAAM,CAAC,MAAM,+DAA+D,GAAG,CAC7E,mBAA2B,EAC3B,OAAe,EACf,UAAkB,EAClB,SAAiB,EACjB,WAAmB,EACX,EAAE,CACV,GAAG,mBAAmB,wBAAwB,sBAAsB,CAClE,OAAO,EACP,UAAU,EACV,SAAS,CACV,IAAI,WAAW,EAAE,CAAC"}

package/lib/components/DSL_DataSpace_LegendApplicationPlugin.d.ts

@@ -13,12 +13,14 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { LegendApplicationPlugin, type LegendApplicationPluginManager } from '@finos/legend-application';
+import { LegendApplicationPlugin, type LegendApplicationSetup, type LegendApplicationPluginManager, type KeyedCommandConfigEntry } from '@finos/legend-application';
 import type { LoadQueryFilterOption, QueryBuilder_LegendApplicationPlugin_Extension } from '@finos/legend-query-builder';
 export declare class DSL_DataSpace_LegendApplicationPlugin extends LegendApplicationPlugin implements QueryBuilder_LegendApplicationPlugin_Extension {
     static NAME: string;
     constructor();
     install(pluginManager: LegendApplicationPluginManager<LegendApplicationPlugin>): void;
+    getExtraKeyedCommandConfigEntries(): KeyedCommandConfigEntry[];
+    getExtraApplicationSetups(): LegendApplicationSetup[];
     getExtraLoadQueryFilterOptions(): LoadQueryFilterOption[];
 }
 //# sourceMappingURL=DSL_DataSpace_LegendApplicationPlugin.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DSL_DataSpace_LegendApplicationPlugin.d.ts","sourceRoot":"","sources":["../../src/components/DSL_DataSpace_LegendApplicationPlugin.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EACL,uBAAuB,EACvB,KAAK,8BAA8B,EACpC,MAAM,2BAA2B,CAAC;AAEnC,OAAO,KAAK,EACV,qBAAqB,EACrB,8CAA8C,EAC/C,MAAM,6BAA6B,CAAC;AAQrC,qBAAa,qCACX,SAAQ,uBACR,YAAW,8CAA8C;IAEzD,MAAM,CAAC,IAAI,SAA4C;;IAMvD,OAAO,CACL,aAAa,EAAE,8BAA8B,CAAC,uBAAuB,CAAC,GACrE,IAAI;IAIP,8BAA8B,IAAI,qBAAqB,EAAE;CAgD1D"}
+{"version":3,"file":"DSL_DataSpace_LegendApplicationPlugin.d.ts","sourceRoot":"","sources":["../../src/components/DSL_DataSpace_LegendApplicationPlugin.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EACL,uBAAuB,EACvB,KAAK,sBAAsB,EAC3B,KAAK,8BAA8B,EAEnC,KAAK,uBAAuB,EAC7B,MAAM,2BAA2B,CAAC;AAEnC,OAAO,KAAK,EACV,qBAAqB,EACrB,8CAA8C,EAC/C,MAAM,6BAA6B,CAAC;AAUrC,qBAAa,qCACX,SAAQ,uBACR,YAAW,8CAA8C;IAEzD,MAAM,CAAC,IAAI,SAA4C;;IAMvD,OAAO,CACL,aAAa,EAAE,8BAA8B,CAAC,uBAAuB,CAAC,GACrE,IAAI;IAIE,iCAAiC,IAAI,uBAAuB,EAAE;IAM9D,yBAAyB,IAAI,sBAAsB,EAAE;IAQ9D,8BAA8B,IAAI,qBAAqB,EAAE;CAgD1D"}

package/lib/components/DSL_DataSpace_LegendApplicationPlugin.js

@@ -13,10 +13,12 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { LegendApplicationPlugin, } from '@finos/legend-application';
+import { LegendApplicationPlugin, collectKeyedCommandConfigEntriesFromConfig, } from '@finos/legend-application';
 import packageJson from '../../package.json';
 import { DataSpaceQueryBuilderState } from '../stores/query/DataSpaceQueryBuilderState.js';
 import { createQueryClassTaggedValue, createQueryDataSpaceTaggedValue, } from '../stores/query/DataSpaceQueryCreatorStore.js';
+import { DSL_DATA_SPACE_LEGEND_APPLICATION_COMMAND_CONFIG } from '../__lib__/DSL_DataSpace_LegendApplicationCommand.js';
+import { configureDataGridComponent } from '@finos/legend-lego/data-grid';
 class DSL_DataSpace_LegendApplicationPlugin extends LegendApplicationPlugin {
     static NAME = packageJson.extensions.applicationPlugin;
     constructor() {
@@ -25,6 +27,16 @@ class DSL_DataSpace_LegendApplicationPlugin extends LegendApplicationPlugin {
     install(pluginManager) {
         pluginManager.registerApplicationPlugin(this);
     }
+    getExtraKeyedCommandConfigEntries() {
+        return collectKeyedCommandConfigEntriesFromConfig(DSL_DATA_SPACE_LEGEND_APPLICATION_COMMAND_CONFIG);
+    }
+    getExtraApplicationSetups() {
+        return [
+            async (applicationStore) => {
+                configureDataGridComponent();
+            },
+        ];
+    }
     getExtraLoadQueryFilterOptions() {
         return [
             {

package/lib/components/DSL_DataSpace_LegendApplicationPlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"DSL_DataSpace_LegendApplicationPlugin.js","sourceRoot":"","sources":["../../src/components/DSL_DataSpace_LegendApplicationPlugin.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EACL,uBAAuB,GAExB,MAAM,2BAA2B,CAAC;AACnC,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAK7C,OAAO,EAAE,0BAA0B,EAAE,MAAM,+CAA+C,CAAC;AAE3F,OAAO,EACL,2BAA2B,EAC3B,+BAA+B,GAChC,MAAM,+CAA+C,CAAC;AAEvD,MAAa,qCACX,SAAQ,uBAAuB;IAG/B,MAAM,CAAC,IAAI,GAAG,WAAW,CAAC,UAAU,CAAC,iBAAiB,CAAC;IAEvD;QACE,KAAK,CAAC,qCAAqC,CAAC,IAAI,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IACzE,CAAC;IAED,OAAO,CACL,aAAsE;QAEtE,aAAa,CAAC,yBAAyB,CAAC,IAAI,CAAC,CAAC;IAChD,CAAC;IAED,8BAA8B;QAC5B,OAAO;YACL;gBACE,GAAG,EAAE,0BAA0B;gBAC/B,KAAK,EAAE,CAAC,iBAAiB,EAAsB,EAAE;oBAC/C,IAAI,iBAAiB,YAAY,0BAA0B,EAAE;wBAC3D,OAAO,oBAAoB,CAAC;qBAC7B;oBACD,OAAO,SAAS,CAAC;gBACnB,CAAC;gBACD,cAAc,EAAE,CACd,mBAAmB,EACnB,iBAAiB,EACS,EAAE;oBAC5B,IAAI,iBAAiB,YAAY,0BAA0B,EAAE;wBAC3D,mBAAmB,CAAC,YAAY,GAAG;4BACjC,+BAA+B,CAAC,iBAAiB,CAAC,SAAS,CAAC,IAAI,CAAC;yBAClE,CAAC;qBACH;oBACD,OAAO,mBAAmB,CAAC;gBAC7B,CAAC;aACF;YACD;gBACE,GAAG,EAAE,qBAAqB;gBAC1B,KAAK,EAAE,CAAC,iBAAiB,EAAsB,EAAE;oBAC/C,IAAI,iBAAiB,YAAY,0BAA0B,EAAE;wBAC3D,OAAO,eAAe,CAAC;qBACxB;oBACD,OAAO,SAAS,CAAC;gBACnB,CAAC;gBACD,cAAc,EAAE,CACd,mBAAmB,EACnB,iBAAiB,EACS,EAAE;oBAC5B,IACE,iBAAiB,YAAY,0BAA0B;wBACvD,iBAAiB,CAAC,KAAK,EACvB;wBACA,mBAAmB,CAAC,YAAY,GAAG;4BACjC,+BAA+B,CAAC,iBAAiB,CAAC,SAAS,CAAC,IAAI,CAAC;4BACjE,2BAA2B,CAAC,iBAAiB,CAAC,KAAK,CAAC,IAAI,CAAC;yBAC1D,CAAC;qBACH;oBACD,OAAO,mBAAmB,CAAC;gBAC7B,CAAC;aACF;SACF,CAAC;IACJ,CAAC;;SA/DU,qCAAqC"}
+{"version":3,"file":"DSL_DataSpace_LegendApplicationPlugin.js","sourceRoot":"","sources":["../../src/components/DSL_DataSpace_LegendApplicationPlugin.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EACL,uBAAuB,EAGvB,0CAA0C,GAE3C,MAAM,2BAA2B,CAAC;AACnC,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAK7C,OAAO,EAAE,0BAA0B,EAAE,MAAM,+CAA+C,CAAC;AAC3F,OAAO,EACL,2BAA2B,EAC3B,+BAA+B,GAChC,MAAM,+CAA+C,CAAC;AACvD,OAAO,EAAE,gDAAgD,EAAE,MAAM,sDAAsD,CAAC;AAExH,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAE1E,MAAa,qCACX,SAAQ,uBAAuB;IAG/B,MAAM,CAAC,IAAI,GAAG,WAAW,CAAC,UAAU,CAAC,iBAAiB,CAAC;IAEvD;QACE,KAAK,CAAC,qCAAqC,CAAC,IAAI,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IACzE,CAAC;IAED,OAAO,CACL,aAAsE;QAEtE,aAAa,CAAC,yBAAyB,CAAC,IAAI,CAAC,CAAC;IAChD,CAAC;IAEQ,iCAAiC;QACxC,OAAO,0CAA0C,CAC/C,gDAAgD,CACjD,CAAC;IACJ,CAAC;IAEQ,yBAAyB;QAChC,OAAO;YACL,KAAK,EAAE,gBAAgB,EAAE,EAAE;gBACzB,0BAA0B,EAAE,CAAC;YAC/B,CAAC;SACF,CAAC;IACJ,CAAC;IAED,8BAA8B;QAC5B,OAAO;YACL;gBACE,GAAG,EAAE,0BAA0B;gBAC/B,KAAK,EAAE,CAAC,iBAAiB,EAAsB,EAAE;oBAC/C,IAAI,iBAAiB,YAAY,0BAA0B,EAAE;wBAC3D,OAAO,oBAAoB,CAAC;qBAC7B;oBACD,OAAO,SAAS,CAAC;gBACnB,CAAC;gBACD,cAAc,EAAE,CACd,mBAAmB,EACnB,iBAAiB,EACS,EAAE;oBAC5B,IAAI,iBAAiB,YAAY,0BAA0B,EAAE;wBAC3D,mBAAmB,CAAC,YAAY,GAAG;4BACjC,+BAA+B,CAAC,iBAAiB,CAAC,SAAS,CAAC,IAAI,CAAC;yBAClE,CAAC;qBACH;oBACD,OAAO,mBAAmB,CAAC;gBAC7B,CAAC;aACF;YACD;gBACE,GAAG,EAAE,qBAAqB;gBAC1B,KAAK,EAAE,CAAC,iBAAiB,EAAsB,EAAE;oBAC/C,IAAI,iBAAiB,YAAY,0BAA0B,EAAE;wBAC3D,OAAO,eAAe,CAAC;qBACxB;oBACD,OAAO,SAAS,CAAC;gBACnB,CAAC;gBACD,cAAc,EAAE,CACd,mBAAmB,EACnB,iBAAiB,EACS,EAAE;oBAC5B,IACE,iBAAiB,YAAY,0BAA0B;wBACvD,iBAAiB,CAAC,KAAK,EACvB;wBACA,mBAAmB,CAAC,YAAY,GAAG;4BACjC,+BAA+B,CAAC,iBAAiB,CAAC,SAAS,CAAC,IAAI,CAAC;4BACjE,2BAA2B,CAAC,iBAAiB,CAAC,KAAK,CAAC,IAAI,CAAC;yBAC1D,CAAC;qBACH;oBACD,OAAO,mBAAmB,CAAC;gBAC7B,CAAC;aACF;SACF,CAAC;IACJ,CAAC;;SA7EU,qCAAqC"}

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

@@ -1 +1 @@
-{"version":3,"file":"DataSpaceDataAccess.d.ts","sourceRoot":"","sources":["../../src/components/DataSpaceDataAccess.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAQH,OAAO,EAGL,KAAK,oBAAoB,EAC1B,MAAM,mCAAmC,CAAC;AA+G3C,eAAO,MAAM,mBAAmB,WACtB;IAAE,oBAAoB,EAAE,oBAAoB,CAAA;CAAE;;CAiEvD,CAAC"}
+{"version":3,"file":"DataSpaceDataAccess.d.ts","sourceRoot":"","sources":["../../src/components/DataSpaceDataAccess.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAIH,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAS9E,eAAO,MAAM,mBAAmB,WACtB;IAAE,oBAAoB,EAAE,oBAAoB,CAAA;CAAE;;CA8DvD,CAAC"}

package/lib/components/DataSpaceDataAccess.js

@@ -15,83 +15,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * limitations under the License.
  */
 import { observer } from 'mobx-react-lite';
-import { AnchorLinkIcon, PanelLoadingIndicator, QuestionCircleIcon, } from '@finos/legend-art';
-import { DATA_SPACE_VIEWER_ACTIVITY_MODE, generateAnchorForActivity, } from '../stores/DataSpaceViewerState.js';
+import { AnchorLinkIcon, QuestionCircleIcon } from '@finos/legend-art';
+import {} 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) => {
-    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 (_jsxs("div", { className: "data-space__viewer__data-access__overview", children: [_jsx(PanelLoadingIndicator, { isLoading: dataAccessState.fetchDatasetSpecificationsState.isInProgress ||
-                    dataAccessState.fetchDatasetEntitlementReportsState.isInProgress }), _jsx("div", { className: "data-space__viewer__data-access__chart" }), _jsx("div", { className: "data-space__viewer__data-access__grid data-space__viewer__grid ag-theme-balham-dark", children: _jsx(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,
-                        },
-                    ] }) })] }));
-});
+import { DATA_SPACE_VIEWER_ACTIVITY_MODE, generateAnchorForActivity, } from '../stores/DataSpaceViewerNavigation.js';
+import { DataAccessOverview } from '@finos/legend-query-builder';
 export const DataSpaceDataAccess = observer((props) => {
     const { dataSpaceViewerState } = props;
     const applicationStore = useApplicationStore();
@@ -110,6 +39,6 @@ export const DataSpaceDataAccess = observer((props) => {
             applicationStore.navigationService.navigator.visitAddress(documentationUrl);
         }
     };
-    return (_jsxs("div", { ref: sectionRef, className: "data-space__viewer__wiki__section", children: [_jsxs("div", { className: "data-space__viewer__wiki__section__header", children: [_jsxs("div", { className: "data-space__viewer__wiki__section__header__label", children: ["Data Access", _jsx("button", { className: "data-space__viewer__wiki__section__header__anchor", tabIndex: -1, onClick: () => dataSpaceViewerState.changeZone(anchor, true), children: _jsx(AnchorLinkIcon, {}) })] }), Boolean(documentationUrl) && (_jsx("button", { className: "data-space__viewer__wiki__section__header__documentation", tabIndex: -1, onClick: seeDocumentation, title: "See Documentation", children: _jsx(QuestionCircleIcon, {}) }))] }), _jsx("div", { className: "data-space__viewer__wiki__section__content", children: _jsxs("div", { className: "data-space__viewer__data-access", children: [!dataSpaceViewerState.TEMPORARY__enableExperimentalFeatures && (_jsx(DataSpaceWikiPlaceholder, { message: "View Data Access (Work in Progress)" })), dataSpaceViewerState.TEMPORARY__enableExperimentalFeatures && (_jsx(DataAccessOverview, { dataSpaceViewerState: dataSpaceViewerState }))] }) })] }));
+    return (_jsxs("div", { ref: sectionRef, className: "data-space__viewer__wiki__section", children: [_jsxs("div", { className: "data-space__viewer__wiki__section__header", children: [_jsxs("div", { className: "data-space__viewer__wiki__section__header__label", children: ["Data Access", _jsx("button", { className: "data-space__viewer__wiki__section__header__anchor", tabIndex: -1, onClick: () => dataSpaceViewerState.changeZone(anchor, true), children: _jsx(AnchorLinkIcon, {}) })] }), Boolean(documentationUrl) && (_jsx("button", { className: "data-space__viewer__wiki__section__header__documentation", tabIndex: -1, onClick: seeDocumentation, title: "See Documentation", children: _jsx(QuestionCircleIcon, {}) }))] }), _jsx("div", { className: "data-space__viewer__wiki__section__content", children: _jsx("div", { className: "data-space__viewer__data-access", children: _jsx(DataAccessOverview, { dataAccessState: dataSpaceViewerState.currentDataAccessState }) }) })] }));
 });
 //# sourceMappingURL=DataSpaceDataAccess.js.map

package/lib/components/DataSpaceDataAccess.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataSpaceDataAccess.js","sourceRoot":"","sources":["../../src/components/DataSpaceDataAccess.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DataSpaceDataAccess.js","sourceRoot":"","sources":["../../src/components/DataSpaceDataAccess.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvE,OAAO,EAA6B,MAAM,mCAAmC,CAAC;AAC9E,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EACL,+BAA+B,EAC/B,yBAAyB,GAC1B,MAAM,wCAAwC,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAEjE,MAAM,CAAC,MAAM,mBAAmB,GAAG,QAAQ,CACzC,CAAC,KAAqD,EAAE,EAAE;IACxD,MAAM,EAAE,oBAAoB,EAAE,GAAG,KAAK,CAAC;IACvC,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,CAAC;IAC/C,MAAM,cAAc,GAAG,oBAAoB,CAAC,uBAAuB,CAAC;IACpE,MAAM,gBAAgB,GAAG,cAAc,CAAC,WAAW,EAAE,gBAAgB,CAAC;IACtE,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,MAAM,GAAG,yBAAyB,CACtC,+BAA+B,CAAC,WAAW,CAC5C,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,UAAU,CAAC,OAAO,EAAE;YACtB,oBAAoB,CAAC,WAAW,CAAC,iBAAiB,CAChD,MAAM,EACN,UAAU,CAAC,OAAO,CACnB,CAAC;SACH;QACD,OAAO,GAAG,EAAE,CAAC,oBAAoB,CAAC,WAAW,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC;IAC5E,CAAC,EAAE,CAAC,oBAAoB,EAAE,MAAM,CAAC,CAAC,CAAC;IAEnC,MAAM,gBAAgB,GAAG,GAAS,EAAE;QAClC,IAAI,gBAAgB,EAAE;YACpB,gBAAgB,CAAC,iBAAiB,CAAC,SAAS,CAAC,YAAY,CACvD,gBAAgB,CACjB,CAAC;SACH;IACH,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,GAAG,EAAE,UAAU,EAAE,SAAS,EAAC,mCAAmC,aACjE,eAAK,SAAS,EAAC,2CAA2C,aACxD,eAAK,SAAS,EAAC,kDAAkD,4BAE/D,iBACE,SAAS,EAAC,mDAAmD,EAC7D,QAAQ,EAAE,CAAC,CAAC,EACZ,OAAO,EAAE,GAAG,EAAE,CAAC,oBAAoB,CAAC,UAAU,CAAC,MAAM,EAAE,IAAI,CAAC,YAE5D,KAAC,cAAc,KAAG,GACX,IACL,EACL,OAAO,CAAC,gBAAgB,CAAC,IAAI,CAC5B,iBACE,SAAS,EAAC,0DAA0D,EACpE,QAAQ,EAAE,CAAC,CAAC,EACZ,OAAO,EAAE,gBAAgB,EACzB,KAAK,EAAC,mBAAmB,YAEzB,KAAC,kBAAkB,KAAG,GACf,CACV,IACG,EACN,cAAK,SAAS,EAAC,4CAA4C,YACzD,cAAK,SAAS,EAAC,iCAAiC,YAC9C,KAAC,kBAAkB,IACjB,eAAe,EAAE,oBAAoB,CAAC,sBAAsB,GAC5D,GACE,GACF,IACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"DataSpaceDescription.d.ts","sourceRoot":"","sources":["../../src/components/DataSpaceDescription.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAGH,OAAO,EAGL,KAAK,oBAAoB,EAC1B,MAAM,mCAAmC,CAAC;AAM3C,eAAO,MAAM,oBAAoB,WACvB;IAAE,oBAAoB,EAAE,oBAAoB,CAAA;CAAE;;CAiDvD,CAAC"}
+{"version":3,"file":"DataSpaceDescription.d.ts","sourceRoot":"","sources":["../../src/components/DataSpaceDescription.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAGH,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAU9E,eAAO,MAAM,oBAAoB,WACvB;IAAE,oBAAoB,EAAE,oBAAoB,CAAA;CAAE;;CAiDvD,CAAC"}

package/lib/components/DataSpaceDescription.js

@@ -15,11 +15,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * limitations under the License.
  */
 import { AnchorLinkIcon } from '@finos/legend-art';
-import { DATA_SPACE_VIEWER_ACTIVITY_MODE, generateAnchorForActivity, } from '../stores/DataSpaceViewerState.js';
+import {} 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) => {
     const { dataSpaceViewerState } = props;
     const analysisResult = dataSpaceViewerState.dataSpaceAnalysisResult;

package/lib/components/DataSpaceDescription.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataSpaceDescription.js","sourceRoot":"","sources":["../../src/components/DataSpaceDescription.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EACL,+BAA+B,EAC/B,yBAAyB,GAE1B,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE1C,MAAM,CAAC,MAAM,oBAAoB,GAAG,QAAQ,CAC1C,CAAC,KAAqD,EAAE,EAAE;IACxD,MAAM,EAAE,oBAAoB,EAAE,GAAG,KAAK,CAAC;IACvC,MAAM,cAAc,GAAG,oBAAoB,CAAC,uBAAuB,CAAC;IACpE,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,MAAM,GAAG,yBAAyB,CACtC,+BAA+B,CAAC,WAAW,CAC5C,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,UAAU,CAAC,OAAO,EAAE;YACtB,oBAAoB,CAAC,WAAW,CAAC,iBAAiB,CAChD,MAAM,EACN,UAAU,CAAC,OAAO,CACnB,CAAC;SACH;QACD,OAAO,GAAG,EAAE,CAAC,oBAAoB,CAAC,WAAW,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC;IAC5E,CAAC,EAAE,CAAC,oBAAoB,EAAE,MAAM,CAAC,CAAC,CAAC;IAEnC,OAAO,CACL,eAAK,GAAG,EAAE,UAAU,EAAE,SAAS,EAAC,mCAAmC,aACjE,cAAK,SAAS,EAAC,2CAA2C,YACxD,eAAK,SAAS,EAAC,kDAAkD,4BAE/D,iBACE,SAAS,EAAC,mDAAmD,EAC7D,QAAQ,EAAE,CAAC,CAAC,EACZ,OAAO,EAAE,GAAG,EAAE,CAAC,oBAAoB,CAAC,UAAU,CAAC,MAAM,EAAE,IAAI,CAAC,YAE5D,KAAC,cAAc,KAAG,GACX,IACL,GACF,EACN,eAAK,SAAS,EAAC,4CAA4C,aACxD,cAAc,CAAC,WAAW,KAAK,SAAS,IAAI,CAC3C,cAAK,SAAS,EAAC,iCAAiC,YAC9C,cAAK,SAAS,EAAC,0CAA0C,YACvD,KAAC,2BAA2B,IAC1B,KAAK,EAAE,cAAc,CAAC,WAAW,GACjC,GACE,GACF,CACP,EACA,cAAc,CAAC,WAAW,KAAK,SAAS,IAAI,CAC3C,KAAC,wBAAwB,IAAC,OAAO,EAAC,iBAAiB,GAAG,CACvD,IACG,IACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"DataSpaceDescription.js","sourceRoot":"","sources":["../../src/components/DataSpaceDescription.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAA6B,MAAM,mCAAmC,CAAC;AAC9E,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EACL,+BAA+B,EAC/B,yBAAyB,GAC1B,MAAM,wCAAwC,CAAC;AAEhD,MAAM,CAAC,MAAM,oBAAoB,GAAG,QAAQ,CAC1C,CAAC,KAAqD,EAAE,EAAE;IACxD,MAAM,EAAE,oBAAoB,EAAE,GAAG,KAAK,CAAC;IACvC,MAAM,cAAc,GAAG,oBAAoB,CAAC,uBAAuB,CAAC;IACpE,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,MAAM,GAAG,yBAAyB,CACtC,+BAA+B,CAAC,WAAW,CAC5C,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,UAAU,CAAC,OAAO,EAAE;YACtB,oBAAoB,CAAC,WAAW,CAAC,iBAAiB,CAChD,MAAM,EACN,UAAU,CAAC,OAAO,CACnB,CAAC;SACH;QACD,OAAO,GAAG,EAAE,CAAC,oBAAoB,CAAC,WAAW,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC;IAC5E,CAAC,EAAE,CAAC,oBAAoB,EAAE,MAAM,CAAC,CAAC,CAAC;IAEnC,OAAO,CACL,eAAK,GAAG,EAAE,UAAU,EAAE,SAAS,EAAC,mCAAmC,aACjE,cAAK,SAAS,EAAC,2CAA2C,YACxD,eAAK,SAAS,EAAC,kDAAkD,4BAE/D,iBACE,SAAS,EAAC,mDAAmD,EAC7D,QAAQ,EAAE,CAAC,CAAC,EACZ,OAAO,EAAE,GAAG,EAAE,CAAC,oBAAoB,CAAC,UAAU,CAAC,MAAM,EAAE,IAAI,CAAC,YAE5D,KAAC,cAAc,KAAG,GACX,IACL,GACF,EACN,eAAK,SAAS,EAAC,4CAA4C,aACxD,cAAc,CAAC,WAAW,KAAK,SAAS,IAAI,CAC3C,cAAK,SAAS,EAAC,iCAAiC,YAC9C,cAAK,SAAS,EAAC,0CAA0C,YACvD,KAAC,2BAA2B,IAC1B,KAAK,EAAE,cAAc,CAAC,WAAW,GACjC,GACE,GACF,CACP,EACA,cAAc,CAAC,WAAW,KAAK,SAAS,IAAI,CAC3C,KAAC,wBAAwB,IAAC,OAAO,EAAC,iBAAiB,GAAG,CACvD,IACG,IACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

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

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

package/lib/components/DataSpaceDiagramViewer.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 /**
  * Copyright (c) 2020-present, Goldman Sachs
  *
@@ -14,79 +14,150 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { AnchorLinkIcon, CircleIcon, ThinChevronLeftIcon, ThinChevronRightIcon, clsx, useResizeDetector, } from '@finos/legend-art';
-import { DATA_SPACE_VIEWER_ACTIVITY_MODE, generateAnchorForActivity, generateAnchorForDiagram, } from '../stores/DataSpaceViewerState.js';
+import { AnchorLinkIcon, CaretDownIcon, CenterFocusIcon, CircleIcon, CloseIcon, ContextMenu, CustomSelectorInput, DescriptionIcon, DropdownMenu, MenuContent, MenuContentDivider, MenuContentItem, MousePointerIcon, MoveIcon, ShapesIcon, ThinChevronDownIcon, ThinChevronLeftIcon, ThinChevronRightIcon, ThinChevronUpIcon, ZoomInIcon, ZoomOutIcon, clsx, useResizeDetector, } 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 { DiagramRenderer } from '@finos/legend-extension-dsl-diagram/application';
-import { getNullableFirstEntry, getNullableLastEntry, guaranteeNonNullable, } from '@finos/legend-shared';
+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 { getNonNullableEntry } 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 diagramCanvasRef = ref;
+    const descriptionText = diagramViewerState.currentDiagram?.description;
     const { width, height } = useResizeDetector({
         refreshMode: 'debounce',
         refreshRate: 50,
         targetRef: diagramCanvasRef,
     });
+    useEffect(() => {
+        diagramViewerState.setExpandDescription(false);
+    }, [diagramViewerState, diagramViewerState.currentDiagram]);
     useEffect(() => {
         const renderer = new DiagramRenderer(diagramCanvasRef.current, diagram);
-        dataSpaceViewerState.setDiagramRenderer(renderer);
-        dataSpaceViewerState.setupDiagramRenderer();
+        diagramViewerState.setDiagramRenderer(renderer);
+        diagramViewerState.setupDiagramRenderer();
         renderer.render({ initial: true });
-    }, [diagramCanvasRef, dataSpaceViewerState, diagram]);
+    }, [diagramCanvasRef, diagramViewerState, diagram]);
     useEffect(() => {
-        if (dataSpaceViewerState.isDiagramRendererInitialized) {
-            dataSpaceViewerState.diagramRenderer.refresh();
+        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));
         }
-    }, [dataSpaceViewerState, width, height]);
-    return (_jsx("div", { ref: diagramCanvasRef, className: clsx('diagram-canvas ', dataSpaceViewerState.diagramCursorClass), tabIndex: 0 }));
+    };
+    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: "View 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: diagramCanvasRef, 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 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 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: true }), _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(getNonNullableEntry(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(DropdownMenu, { 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]);
-    // diagram selector
     const diagramCanvasRef = useRef(null);
+    const previousDiagram = diagramViewerState.previousDiagram;
+    const nextDiagram = diagramViewerState.nextDiagram;
     const showPreviousDiagram = () => {
-        if (!dataSpaceViewerState.currentDiagram) {
-            return;
-        }
-        const idx = analysisResult.diagrams.indexOf(dataSpaceViewerState.currentDiagram);
-        if (idx === 0 || idx === -1) {
-            return;
+        if (previousDiagram) {
+            diagramViewerState.setCurrentDiagram(previousDiagram);
+            dataSpaceViewerState.syncZoneWithNavigation(generateAnchorForDiagram(previousDiagram));
         }
-        const previousDiagram = guaranteeNonNullable(analysisResult.diagrams[idx - 1]);
-        dataSpaceViewerState.setCurrentDiagram(previousDiagram);
-        dataSpaceViewerState.syncZoneWithNavigation(generateAnchorForDiagram(previousDiagram));
     };
     const showNextDiagram = () => {
-        if (!dataSpaceViewerState.currentDiagram) {
-            return;
-        }
-        const idx = analysisResult.diagrams.indexOf(dataSpaceViewerState.currentDiagram);
-        if (idx === analysisResult.diagrams.length - 1 || idx === -1) {
-            return;
+        if (nextDiagram) {
+            diagramViewerState.setCurrentDiagram(nextDiagram);
+            dataSpaceViewerState.syncZoneWithNavigation(generateAnchorForDiagram(nextDiagram));
         }
-        const nextDiagram = guaranteeNonNullable(analysisResult.diagrams[idx + 1]);
-        dataSpaceViewerState.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 && (_jsx("div", { className: "data-space__viewer__diagram-viewer", children: _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: dataSpaceViewerState.currentDiagram && (_jsx(DataSpaceDiagramCanvas, { dataSpaceViewerState: dataSpaceViewerState, diagram: dataSpaceViewerState.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", disabled: getNullableFirstEntry(analysisResult.diagrams) ===
-                                            dataSpaceViewerState.currentDiagram, 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", disabled: getNullableLastEntry(analysisResult.diagrams) ===
-                                            dataSpaceViewerState.currentDiagram, 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': dataSpaceViewerState.currentDiagram === diagram,
-                                                }), onClick: () => {
-                                                    dataSpaceViewerState.setCurrentDiagram(diagram);
-                                                    dataSpaceViewerState.syncZoneWithNavigation(generateAnchorForDiagram(diagram));
-                                                }, children: _jsx(CircleIcon, {}) }, diagram.uuid))) }) })] }) }) })), analysisResult.diagrams.length <= 0 && (_jsx(DataSpaceWikiPlaceholder, { message: "(not specified)" }))] })] }));
+    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 <= 0 && (_jsx(DataSpaceWikiPlaceholder, { message: "(not specified)" }))] })] }));
 });
 //# sourceMappingURL=DataSpaceDiagramViewer.js.map