Hide create data source routes when data_source.manageableBy is none (#…

…7298) (#7378)

(cherry picked from commit 805d409)
Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

changelogs/fragments/7298.yml

@@ -0,0 +1,2 @@
+feat:
+- Disable certain routes when data_source.manageableBy is none ([#7298](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/7298))

src/plugins/data_source_management/public/management_app/mount_management_section.test.tsx

@@ -119,4 +119,37 @@ describe('mountManagementSection', () => {
       expect(route.prop('path')).not.toEqual(['/:id']);
     });
   });
+
+  it('renders CreateDataSourcePanel when canManageDataSource is true', async () => {
+    const mockGetStartServices: StartServicesAccessor<DataSourceManagementStartDependencies> = jest
+      .fn()
+      .mockResolvedValue([
+        {
+          chrome: { docTitle: { reset: jest.fn() } },
+          application: { capabilities: { dataSource: { canManage: false } } },
+          savedObjects: {},
+          uiSettings: {},
+          notifications: {},
+          overlays: {},
+          http: {},
+          docLinks: {},
+        },
+      ]);
+
+    await mountManagementSection(mockGetStartServices, mockParams, mockAuthMethodsRegistry, true);
+    const wrapper = shallow(
+      <OpenSearchDashboardsContextProvider services={{}}>
+        <I18nProvider>
+          <Router history={mockParams.history}>
+            <Switch>
+              <Route path={['/:id']} component={EditDataSourceWithRouter} />
+              <Route path={['/']} component={DataSourceHomePanel} />
+            </Switch>
+          </Router>
+        </I18nProvider>
+      </OpenSearchDashboardsContextProvider>
+    );
+
+    expect(wrapper.find(Route)).toHaveLength(2);
+  });
 });

src/plugins/data_source_management/public/management_app/mount_management_section.tsx

@@ -49,20 +49,26 @@ export async function mountManagementSection(
     authenticationMethodRegistry: authMethodsRegistry,
   };
 
+  const canManageDataSource = !!application.capabilities?.dataSource?.canManage;
+
   const content = (
     <Router history={params.history}>
       <Switch>
-        <Route path={['/create']}>
-          <CreateDataSourcePanel {...params} featureFlagStatus={featureFlagStatus} />
-        </Route>
-        {featureFlagStatus && (
+        {canManageDataSource && (
+          <Route path={['/create']}>
+            <CreateDataSourcePanel {...params} featureFlagStatus={featureFlagStatus} />
+          </Route>
+        )}
+        {featureFlagStatus && canManageDataSource && (
           <Route path={['/configure/OpenSearch']}>
             <CreateDataSourceWizardWithRouter />
           </Route>
         )}
-        <Route path={['/configure/:type']}>
-          <ConfigureDirectQueryDataSourceWithRouter notifications={notifications} />
-        </Route>
+        {canManageDataSource && (
+          <Route path={['/configure/:type']}>
+            <ConfigureDirectQueryDataSourceWithRouter notifications={notifications} />
+          </Route>
+        )}
         {featureFlagStatus && (
           <Route path={['/:id']}>
             <EditDataSourceWithRouter />