@finos/legend-extension-dsl-data-space 10.4.256 → 10.4.258

package/src/components/DataSpaceQuickStart.tsx

@@ -24,18 +24,29 @@ import {
   ExpandMoreIcon,
   LegendLogo,
   MoreVerticalIcon,
-  QuestionCircleIcon,
+  RefreshIcon,
   StatisticsIcon,
   clsx,
 } from '@finos/legend-art';
+import { IconButton } from '@mui/material';
+import {
+  CollapsibleChevron,
+  CollapsibleWikiSection,
+  DataProductAPGAccessRequestControl,
+} from '@finos/legend-extension-dsl-data-product';
 import { type DataSpaceViewerState } from '../stores/DataSpaceViewerState.js';
 import { useApplicationStore } from '@finos/legend-application';
+import { extractElementNameFromPath } from '@finos/legend-graph';
 import {
+  type DataSpaceExecutableAnalysisResult,
+  type DataSpaceExecutionContextAnalysisResult,
   DataSpaceExecutableTDSResult,
   DataSpaceServiceExecutableInfo,
   DataSpaceMultiExecutionServiceExecutableInfo,
+  LakehouseDataProductExecutableAccessorInfo,
 } from '../graph-manager/action/analytics/DataSpaceAnalysis.js';
 import { DataSpaceMarkdownTextViewer } from './DataSpaceMarkdownTextViewer.js';
+import { DataSpaceOpenDataProductButton } from './DataSpaceExecutionContextViewer.js';
 import type { DSL_DataSpace_LegendApplicationPlugin_Extension } from '../stores/DSL_DataSpace_LegendApplicationPlugin_Extension.js';
 import { useEffect, useRef, useState } from 'react';
 import { DataSpaceWikiPlaceholder } from './DataSpacePlaceholder.js';
@@ -118,6 +129,219 @@ const TDSColumnTypeCellRenderer = (
   );
 };
 
+const DATA_PRODUCT_GROUP_AUTO_COLLAPSE_THRESHOLD = 3;
+
+type DataSpaceDataProductAccessGroup = {
+  dataProductPath: string;
+  accessPointGroupIds: string[];
+};
+
+/**
+ * Resolves the `(dataProductPath, accessPointGroupId)` pairs an executable
+ * needs access to: either the Lakehouse Data Products its accessors reference,
+ * or — for an executable served by a mappingProvider execution context — the
+ * Data Product and access point groups that context resolves through.
+ */
+const resolveDataProductAccessGroups = (
+  executableAnalysisResult: DataSpaceExecutableAnalysisResult,
+  executionContext: DataSpaceExecutionContextAnalysisResult | undefined,
+): DataSpaceDataProductAccessGroup[] => {
+  const groupsByDataProduct = new Map<string, string[]>();
+  const addGroup = (
+    dataProductPath: string,
+    accessPointGroupId: string,
+  ): void => {
+    const accessPointGroupIds = groupsByDataProduct.get(dataProductPath) ?? [];
+    if (!accessPointGroupIds.includes(accessPointGroupId)) {
+      accessPointGroupIds.push(accessPointGroupId);
+    }
+    groupsByDataProduct.set(dataProductPath, accessPointGroupIds);
+  };
+  for (const accessor of executableAnalysisResult.executableAccessorInfo) {
+    if (accessor instanceof LakehouseDataProductExecutableAccessorInfo) {
+      addGroup(accessor.dataProductPath, accessor.accessPointGroupId);
+    }
+  }
+  if (groupsByDataProduct.size === 0) {
+    const mappingProvider = executionContext?.mappingProvider;
+    mappingProvider?.keys.forEach((key) =>
+      addGroup(mappingProvider.element, key),
+    );
+  }
+  return Array.from(groupsByDataProduct.entries()).map(
+    ([dataProductPath, accessPointGroupIds]) => ({
+      dataProductPath,
+      accessPointGroupIds,
+    }),
+  );
+};
+
+/**
+ * Renders the "Request Access" button + status for each
+ * `(dataProductPath, accessPointGroupId)` pair, grouped by Data Product path.
+ * Access states are shared across executables + APGs of the same DP via
+ * `DataSpaceViewerState.dataProductAccessStates`.
+ */
+const DataSpaceDataProductAccessPanel = observer(
+  (props: {
+    viewerState: DataSpaceViewerState;
+    groups: DataSpaceDataProductAccessGroup[];
+  }) => {
+    const { viewerState, groups } = props;
+    const tokenProvider =
+      viewerState.mappingProviderAccessConfig?.tokenProvider ??
+      ((): undefined => undefined);
+    const [collapsedDataProducts, setCollapsedDataProducts] = useState<
+      Set<string>
+    >(
+      () =>
+        new Set(
+          groups.length >= DATA_PRODUCT_GROUP_AUTO_COLLAPSE_THRESHOLD
+            ? groups.map((group) => group.dataProductPath)
+            : [],
+        ),
+    );
+    if (groups.length === 0) {
+      return null;
+    }
+    const toggleGroupCollapse = (dataProductPath: string): void => {
+      setCollapsedDataProducts((prev) => {
+        const next = new Set(prev);
+        if (next.has(dataProductPath)) {
+          next.delete(dataProductPath);
+        } else {
+          next.add(dataProductPath);
+        }
+        return next;
+      });
+    };
+    return (
+      <div className="data-space__viewer__quickstart__tds__apg-access">
+        <div className="data-space__viewer__quickstart__tds__apg-access__header">
+          Data Product Access
+        </div>
+        {groups.map((group) => {
+          const isGroupCollapsed = collapsedDataProducts.has(
+            group.dataProductPath,
+          );
+          const accessState = viewerState.getDataProductAccessState(
+            group.dataProductPath,
+          );
+          return (
+            <div
+              key={group.dataProductPath}
+              className="data-space__viewer__quickstart__tds__apg-access__group"
+            >
+              <div className="data-space__viewer__quickstart__tds__apg-access__group__header-row">
+                <button
+                  className="data-space__viewer__quickstart__tds__apg-access__group__caret-btn"
+                  tabIndex={-1}
+                  onClick={() => toggleGroupCollapse(group.dataProductPath)}
+                  title={isGroupCollapsed ? 'Expand' : 'Collapse'}
+                >
+                  <ExpandMoreIcon
+                    className={clsx(
+                      'data-space__viewer__quickstart__tds__apg-access__group__caret',
+                      {
+                        'data-space__viewer__quickstart__tds__apg-access__group__caret--collapsed':
+                          isGroupCollapsed,
+                      },
+                    )}
+                  />
+                </button>
+                <div className="data-space__viewer__quickstart__tds__apg-access__group__header">
+                  <span
+                    className="data-space__viewer__quickstart__tds__apg-access__group__label"
+                    title={group.dataProductPath}
+                  >
+                    {extractElementNameFromPath(group.dataProductPath)}
+                  </span>
+                  <span className="data-space__viewer__quickstart__tds__apg-access__group__count">
+                    {group.accessPointGroupIds.length}
+                  </span>
+                </div>
+                <div className="data-space__viewer__quickstart__tds__apg-access__group__actions">
+                  <DataSpaceOpenDataProductButton
+                    dataSpaceViewerState={viewerState}
+                    dataProductPath={group.dataProductPath}
+                  />
+                  {accessState && (
+                    <IconButton
+                      className="data-space__viewer__quickstart__tds__apg-access__group__refresh-btn"
+                      size="small"
+                      color="primary"
+                      title="Refresh Data Product access"
+                      disabled={accessState.initializingState.isInProgress}
+                      onClick={(): void =>
+                        viewerState.refreshDataProductAccessState(
+                          group.dataProductPath,
+                        )
+                      }
+                    >
+                      <RefreshIcon />
+                    </IconButton>
+                  )}
+                </div>
+              </div>
+              {!isGroupCollapsed && (
+                <div className="data-space__viewer__quickstart__tds__apg-access__group__rows">
+                  {group.accessPointGroupIds.map((accessPointGroupId) => {
+                    const apgState =
+                      accessState?.dataProductViewerState?.apgStates.find(
+                        (state) => state.apg.id === accessPointGroupId,
+                      );
+                    return (
+                      <div
+                        key={accessPointGroupId}
+                        className="data-space__viewer__quickstart__tds__apg-access__row"
+                      >
+                        <span
+                          className="data-space__viewer__quickstart__tds__apg-access__row__apg"
+                          title={accessPointGroupId}
+                        >
+                          {accessPointGroupId}
+                        </span>
+                        <div className="data-space__viewer__quickstart__tds__apg-access__row__actions">
+                          {apgState && accessState?.dataAccessState ? (
+                            <DataProductAPGAccessRequestControl
+                              apgState={apgState}
+                              dataAccessState={accessState.dataAccessState}
+                              tokenProvider={tokenProvider}
+                            />
+                          ) : accessState?.errorMessage ? (
+                            <span title={accessState.errorMessage}>
+                              Unavailable
+                            </span>
+                          ) : accessState?.initializingState.isInProgress ? (
+                            <span>Loading...</span>
+                          ) : null}
+                        </div>
+                      </div>
+                    );
+                  })}
+                </div>
+              )}
+            </div>
+          );
+        })}
+      </div>
+    );
+  },
+);
+
+const resolveExecutionContextForExecutable = (
+  dataSpaceViewerState: DataSpaceViewerState,
+  executableAnalysisResult: DataSpaceExecutableAnalysisResult,
+): DataSpaceExecutionContextAnalysisResult | undefined => {
+  const analysisResult = dataSpaceViewerState.dataSpaceAnalysisResult;
+  const executionContextKey =
+    executableAnalysisResult.info?.executionContextKey;
+  return executionContextKey
+    ? (analysisResult.executionContextsIndex.get(executionContextKey) ??
+        analysisResult.defaultExecutionContext)
+    : analysisResult.defaultExecutionContext;
+};
+
 const DataSpaceExecutableResultView = observer(
   (props: {
     executableState: DataSpaceViewerExecutableState;
@@ -137,6 +361,13 @@ const DataSpaceExecutableResultView = observer(
       dataSpaceViewerState.quickStartState.dataAccessStateIndex.get(
         executableAnalysisResult,
       );
+    const dataProductAccessGroups = resolveDataProductAccessGroups(
+      executableAnalysisResult,
+      resolveExecutionContextForExecutable(
+        dataSpaceViewerState,
+        executableAnalysisResult,
+      ),
+    );
     const isTDSResult =
       resultState instanceof DataSpaceExecutableTDSResultState;
 
@@ -397,19 +628,26 @@ const DataSpaceExecutableResultView = observer(
               </div>
             </div>
           )}
-          {selectedTab === EXECUTABLE_ACTION_TAB.DATA_ACCESS &&
-            (dataAccessState ? (
-              <DataAccessOverview
-                dataAccessState={dataAccessState}
-                compact={true}
+          {selectedTab === EXECUTABLE_ACTION_TAB.DATA_ACCESS && (
+            <>
+              <DataSpaceDataProductAccessPanel
+                viewerState={dataSpaceViewerState}
+                groups={dataProductAccessGroups}
               />
-            ) : (
-              <div className="data-space__viewer__quickstart__tds__placeholder-panel">
-                <BlankPanelContent>
-                  No data access information available
-                </BlankPanelContent>
-              </div>
-            ))}
+              {dataAccessState ? (
+                <DataAccessOverview
+                  dataAccessState={dataAccessState}
+                  compact={true}
+                />
+              ) : dataProductAccessGroups.length === 0 ? (
+                <div className="data-space__viewer__quickstart__tds__placeholder-panel">
+                  <BlankPanelContent>
+                    No data access information available
+                  </BlankPanelContent>
+                </div>
+              ) : null}
+            </>
+          )}
           {selectedTab === EXECUTABLE_ACTION_TAB.USAGE_STATS && (
             <div className="data-space__viewer__quickstart__tds__placeholder-panel">
               <BlankPanelContent>
@@ -471,14 +709,6 @@ const DataSpaceExecutableAnalysisResultView = observer(
     const executableAnalysisResult = executableState.value;
     const quickStartRef = useRef<HTMLDivElement>(null);
     const anchor = generateAnchorForQuickStart(executableAnalysisResult);
-    const isCollapsed =
-      dataSpaceViewerState.layoutState.sectionCollapseState.isSectionCollapsed(
-        anchor,
-      );
-    const toggleCollapse = (): void =>
-      dataSpaceViewerState.layoutState.sectionCollapseState.toggleSectionCollapse(
-        anchor,
-      );
 
     useEffect(() => {
       if (quickStartRef.current) {
@@ -510,37 +740,30 @@ const DataSpaceExecutableAnalysisResultView = observer(
     return (
       <div ref={quickStartRef} className="data-space__viewer__quickstart__item">
         <div className="data-space__viewer__quickstart__item__header">
-          <button
-            className="data-space__viewer__quickstart__item__header__caret-btn"
-            tabIndex={-1}
-            onClick={toggleCollapse}
-            title={isCollapsed ? 'Expand' : 'Collapse'}
-          >
-            <ExpandMoreIcon
-              className={clsx(
-                'data-space__viewer__quickstart__item__header__caret',
-                {
-                  'data-space__viewer__quickstart__item__header__caret--collapsed':
-                    isCollapsed,
-                },
-              )}
-            />
-          </button>
           <div className="data-space__viewer__quickstart__item__header__title">
             {executableAnalysisResult.title}
           </div>
           <div className="data-space__viewer__quickstart__item__header__type">
             {executableTypeLabel}
           </div>
+          <CollapsibleChevron
+            viewerState={dataSpaceViewerState}
+            anchor={anchor}
+          />
           <button
             className="data-space__viewer__quickstart__item__header__anchor"
             tabIndex={-1}
-            onClick={() => dataSpaceViewerState.changeZone(anchor, true)}
+            onClick={() => {
+              dataSpaceViewerState.changeZone(anchor, true);
+              dataSpaceViewerState.copyLinkToClipboard(anchor);
+            }}
           >
             <AnchorLinkIcon />
           </button>
         </div>
-        {!isCollapsed && (
+        {!dataSpaceViewerState.layoutState.sectionCollapseState.isSectionCollapsed(
+          anchor,
+        ) && (
           <>
             {executableAnalysisResult.description !== undefined && (
               <div className="data-space__viewer__quickstart__item__description">
@@ -568,24 +791,11 @@ const DataSpaceExecutableAnalysisResultView = observer(
 export const DataSpaceQuickStart = observer(
   (props: { dataSpaceViewerState: DataSpaceViewerState }) => {
     const { dataSpaceViewerState } = props;
-    const applicationStore = useApplicationStore();
     const analysisResult = dataSpaceViewerState.dataSpaceAnalysisResult;
-    const documentationUrl = analysisResult.supportInfo?.documentationUrl;
     const sectionRef = useRef<HTMLDivElement>(null);
     const anchor = generateAnchorForActivity(
       DATA_SPACE_VIEWER_ACTIVITY_MODE.QUICK_START,
     );
-    const executableAnchors = dataSpaceViewerState.executableStates.map(
-      (executableState) => generateAnchorForQuickStart(executableState.value),
-    );
-    const isCollapsed =
-      dataSpaceViewerState.layoutState.sectionCollapseState.areAllSectionsCollapsed(
-        executableAnchors,
-      );
-    const toggleCollapse = (): void =>
-      dataSpaceViewerState.layoutState.sectionCollapseState.toggleAllSectionsCollapse(
-        executableAnchors,
-      );
 
     useEffect(() => {
       if (sectionRef.current) {
@@ -597,71 +807,31 @@ export const DataSpaceQuickStart = observer(
       return () => dataSpaceViewerState.layoutState.unsetWikiPageAnchor(anchor);
     }, [dataSpaceViewerState, anchor]);
 
-    const seeDocumentation = (): void => {
-      if (documentationUrl) {
-        applicationStore.navigationService.navigator.visitAddress(
-          documentationUrl,
-        );
-      }
-    };
-
     return (
-      <div ref={sectionRef} className="data-space__viewer__wiki__section">
-        <div className="data-space__viewer__wiki__section__header">
-          <div className="data-space__viewer__wiki__section__header__label">
-            {executableAnchors.length > 0 && (
-              <button
-                className="data-space__viewer__wiki__section__header__caret-btn"
-                tabIndex={-1}
-                onClick={toggleCollapse}
-                title={isCollapsed ? 'Expand All' : 'Collapse All'}
-              >
-                <ExpandMoreIcon
-                  className={clsx(
-                    'data-space__viewer__wiki__section__header__caret',
-                    {
-                      'data-space__viewer__wiki__section__header__caret--collapsed':
-                        isCollapsed,
-                    },
-                  )}
-                />
-              </button>
+      <div ref={sectionRef} className="viewer__wiki__section">
+        <CollapsibleWikiSection
+          viewerState={dataSpaceViewerState}
+          section={DATA_SPACE_VIEWER_ACTIVITY_MODE.QUICK_START}
+          showDocumentation={true}
+        >
+          <div className="viewer__wiki__section__content">
+            {dataSpaceViewerState.executableStates.length !== 0 && (
+              <div className="data-space__viewer__quickstart">
+                {dataSpaceViewerState.executableStates.map(
+                  (executableState) => (
+                    <DataSpaceExecutableAnalysisResultView
+                      key={executableState.uuid}
+                      executableState={executableState}
+                    />
+                  ),
+                )}
+              </div>
+            )}
+            {analysisResult.executables.length === 0 && (
+              <DataSpaceWikiPlaceholder message="(not specified)" />
             )}
-            Quick Start
-            <button
-              className="data-space__viewer__wiki__section__header__anchor"
-              tabIndex={-1}
-              onClick={() => dataSpaceViewerState.changeZone(anchor, true)}
-            >
-              <AnchorLinkIcon />
-            </button>
           </div>
-          {Boolean(documentationUrl) && (
-            <button
-              className="data-space__viewer__wiki__section__header__documentation"
-              tabIndex={-1}
-              onClick={seeDocumentation}
-              title="See Documentation"
-            >
-              <QuestionCircleIcon />
-            </button>
-          )}
-        </div>
-        <div className="data-space__viewer__wiki__section__content">
-          {dataSpaceViewerState.executableStates.length !== 0 && (
-            <div className="data-space__viewer__quickstart">
-              {dataSpaceViewerState.executableStates.map((executableState) => (
-                <DataSpaceExecutableAnalysisResultView
-                  key={executableState.uuid}
-                  executableState={executableState}
-                />
-              ))}
-            </div>
-          )}
-          {analysisResult.executables.length === 0 && (
-            <DataSpaceWikiPlaceholder message="(not specified)" />
-          )}
-        </div>
+        </CollapsibleWikiSection>
       </div>
     );
   },

package/src/components/DataSpaceViewer.tsx

@@ -56,6 +56,11 @@ const DataSpaceHeader = observer(
     const applicationStore = useApplicationStore();
     const headerRef = useRef<HTMLDivElement>(null);
     const analysisResult = dataSpaceViewerState.dataSpaceAnalysisResult;
+    const hasMultipleExecutionContexts =
+      analysisResult.executionContextsIndex.size > 1;
+    const runQueryContext =
+      analysisResult.defaultExecutionContext ??
+      Array.from(analysisResult.executionContextsIndex.values())[0];
 
     useEffect(() => {
       if (headerRef.current) {
@@ -97,61 +102,94 @@ const DataSpaceHeader = observer(
               qualityState={dataSpaceViewerState.qualityState}
             />
             <div className="data-space__viewer__header__actions">
-              {dataSpaceViewerState.currentExecutionContext && (
-                <ControlledDropdownMenu
-                  className="data-space__viewer__header__execution-context-selector"
-                  menuProps={{
-                    anchorOrigin: { vertical: 'bottom', horizontal: 'center' },
-                    transformOrigin: { vertical: 'top', horizontal: 'center' },
-                    elevation: 7,
-                  }}
-                  title={`Current Execution Context: ${dataSpaceViewerState.currentExecutionContext.name}\nClick to switch`}
-                  content={
-                    <MenuContent>
-                      {Array.from(
-                        dataSpaceViewerState.dataSpaceAnalysisResult.executionContextsIndex.values(),
-                      ).map((context) => (
-                        <MenuContentItem
-                          key={context.name}
-                          className={clsx(
-                            'data-space__viewer__header__execution-context-selector__option',
-                            {
-                              'data-space__viewer__header__execution-context-selector__option--active':
-                                context ===
-                                dataSpaceViewerState.currentExecutionContext,
-                            },
-                          )}
-                          onClick={() =>
-                            dataSpaceViewerState.setCurrentExecutionContext(
-                              context,
-                            )
-                          }
-                        >
-                          {context.name}
-                        </MenuContentItem>
-                      ))}
-                    </MenuContent>
-                  }
-                >
+              {runQueryContext && (
+                <div className="data-space__viewer__header__execution-context-selector">
                   <div className="data-space__viewer__header__execution-context-selector__trigger">
-                    <div className="data-space__viewer__header__execution-context-selector__trigger__icon">
+                    <div
+                      className="data-space__viewer__header__execution-context-selector__trigger__icon"
+                      title="Run Query"
+                      onClick={() =>
+                        dataSpaceViewerState.queryDataSpace(
+                          runQueryContext.name,
+                        )
+                      }
+                    >
                       <PlayIcon />
                     </div>
-                    <div className="data-space__viewer__header__execution-context-selector__trigger__label">
-                      {dataSpaceViewerState.currentExecutionContext.name}
-                    </div>
-                    <div className="data-space__viewer__header__execution-context-selector__trigger__dropdown-icon">
-                      <CaretDownIcon />
-                    </div>
+                    {hasMultipleExecutionContexts ? (
+                      <ControlledDropdownMenu
+                        className="data-space__viewer__header__execution-context-selector__trigger__switcher"
+                        menuProps={{
+                          anchorOrigin: {
+                            vertical: 'bottom',
+                            horizontal: 'center',
+                          },
+                          transformOrigin: {
+                            vertical: 'top',
+                            horizontal: 'center',
+                          },
+                          elevation: 0,
+                          MenuListProps: {
+                            className:
+                              'data-space__viewer__header__execution-context-selector__menu',
+                          },
+                        }}
+                        title={`Run Query in another execution context\nDefault: ${runQueryContext.name}`}
+                        content={
+                          <MenuContent>
+                            {Array.from(
+                              dataSpaceViewerState.dataSpaceAnalysisResult.executionContextsIndex.values(),
+                            ).map((context) => (
+                              <MenuContentItem
+                                key={context.name}
+                                className={clsx(
+                                  'data-space__viewer__header__execution-context-selector__option',
+                                  {
+                                    'data-space__viewer__header__execution-context-selector__option--active':
+                                      context ===
+                                      dataSpaceViewerState.currentExecutionContext,
+                                  },
+                                )}
+                                onClick={() => {
+                                  dataSpaceViewerState.setCurrentExecutionContext(
+                                    context,
+                                  );
+                                  dataSpaceViewerState.queryDataSpace(
+                                    context.name,
+                                  );
+                                }}
+                              >
+                                {context.name}
+                              </MenuContentItem>
+                            ))}
+                          </MenuContent>
+                        }
+                      >
+                        <div className="data-space__viewer__header__execution-context-selector__trigger__label">
+                          Run Query
+                        </div>
+                        <div className="data-space__viewer__header__execution-context-selector__trigger__dropdown-icon">
+                          <CaretDownIcon />
+                        </div>
+                      </ControlledDropdownMenu>
+                    ) : (
+                      <div className="data-space__viewer__header__execution-context-selector__trigger__label">
+                        Run Query
+                      </div>
+                    )}
                   </div>
-                </ControlledDropdownMenu>
+                </div>
               )}
               <ControlledDropdownMenu
                 className="data-space__viewer__header__actions-selector"
                 menuProps={{
                   anchorOrigin: { vertical: 'bottom', horizontal: 'right' },
                   transformOrigin: { vertical: 'top', horizontal: 'right' },
-                  elevation: 7,
+                  elevation: 0,
+                  MenuListProps: {
+                    className:
+                      'data-space__viewer__header__actions-selector__menu',
+                  },
                 }}
                 title="More Actions..."
                 content={

package/src/components/DataSpaceViewerActivityBar.tsx

@@ -126,13 +126,17 @@ export const DataSpaceViewerActivityBar = observer(
           <LaunchIcon className="data-space__viewer__activity-bar__icon--launch" />
         ),
       },
-      {
-        mode: DATA_SPACE_VIEWER_ACTIVITY_MODE.DATA_ACCESS,
-        title: 'Data Access',
-        icon: (
-          <DataAccessIcon className="data-space__viewer__activity-bar__icon--access" />
-        ),
-      },
+      ...(dataSpaceViewerState.isDataAccessAvailable
+        ? [
+            {
+              mode: DATA_SPACE_VIEWER_ACTIVITY_MODE.DATA_ACCESS,
+              title: 'Data Access',
+              icon: (
+                <DataAccessIcon className="data-space__viewer__activity-bar__icon--access" />
+              ),
+            },
+          ]
+        : []),
     ];
 
     const activities: ActivityBarItemConfig[] = [

package/src/components/__test-utils__/DataSpaceViewerTestUtils.ts

@@ -107,12 +107,7 @@ export const TEST_DATA_SPACE_VERSION_ID = '0.0.0';
 
 export type TEST__DataSpaceViewerActionOverrides = {
   viewDataProduct?:
-    | ((
-        groupId: string,
-        artifactId: string,
-        versionId: string,
-        dataProductPath: string,
-      ) => void)
+    | ((dataProductPath: string, deploymentId: number) => void)
     | undefined;
   fetchDataSpaceQuality?: (() => Promise<DataSpaceQualityResult>) | undefined;
 };