Adds resource access management dashboard

Signed-off-by: Darshit Chanpura <dchanp@amazon.com>

Author: DarshitChanpura

common/index.ts

@@ -22,9 +22,11 @@ export const PLUGIN_USERS_APP_ID = `${PLUGIN_NAME}_users`;
 export const PLUGIN_PERMISSIONS_APP_ID = `${PLUGIN_NAME}_permissions`;
 export const PLUGIN_TENANTS_APP_ID = `${PLUGIN_NAME}_tenants`;
 export const PLUGIN_AUDITLOG_APP_ID = `${PLUGIN_NAME}_auditlog`;
+export const PLUGIN_RESOURCE_ACCESS_MANAGEMENT_APP_ID = `${PLUGIN_NAME}_resource_access_management`;
 
 export const APP_ID_LOGIN = 'login';
 export const APP_ID_CUSTOMERROR = 'customerror';
+export const APP_ID_RESOURCE_ACCESS_MANAGEMENT = 'resource_access_management';
 export const OPENDISTRO_SECURITY_ANONYMOUS = 'opendistro_security_anonymous';
 
 export const API_PREFIX = '/api/v1';
@@ -34,6 +36,7 @@ export const API_ENDPOINT_DASHBOARDSINFO = API_PREFIX + '/auth/dashboardsinfo';
 export const API_ENDPOINT_AUTHTYPE = API_PREFIX + '/auth/type';
 export const LOGIN_PAGE_URI = '/app/' + APP_ID_LOGIN;
 export const CUSTOM_ERROR_PAGE_URI = '/app/' + APP_ID_CUSTOMERROR;
+export const RESOURCE_ACCESS_MANAGEMENT_URI = '/app/' + APP_ID_RESOURCE_ACCESS_MANAGEMENT;
 export const API_AUTH_LOGIN = '/auth/login';
 export const API_AUTH_LOGOUT = '/auth/logout';
 export const OPENID_AUTH_LOGIN = '/auth/openid/login';

public/apps/configuration/constants.tsx

@@ -240,6 +240,7 @@ export const CLUSTER_PERMISSIONS: string[] = [
   'cluster:admin/search/pipeline/delete',
   'cluster:admin/search/pipeline/get',
   'cluster:admin/search/pipeline/put',
+  'cluster:admin/security/resource/share',
   'cluster:admin/settings/update',
   'cluster:admin/snapshot/create',
   'cluster:admin/snapshot/clone',

public/apps/resource-sharing/_index.scss

@@ -0,0 +1,6 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+// stylelint-disable-next-line @osd/stylelint/no_modifying_global_selectors

public/apps/resource-sharing/resource-access-management-app.tsx

@@ -0,0 +1,95 @@
+/*
+ *   Copyright OpenSearch Contributors
+ *
+ *   Licensed under the Apache License, Version 2.0 (the "License").
+ *   You may not use this file except in compliance with the License.
+ *   A copy of the License is located at
+ *
+ *       http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *   or in the "license" file accompanying this file. This file 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 './_index.scss';
+
+import React from 'react';
+import ReactDOM from 'react-dom';
+import { I18nProvider } from '@osd/i18n/react';
+
+import { EuiPage, EuiPageBody, EuiPageHeader, EuiTitle, EuiText, EuiSpacer } from '@elastic/eui';
+
+import { AppMountParameters, CoreStart } from '../../../../../src/core/public';
+import { DataSourceManagementPluginSetup } from '../../../../../src/plugins/data_source_management/public';
+import { SecurityPluginStartDependencies, ClientConfigType } from '../../types';
+
+import { ResourceSharingPanel } from './resource-sharing-panel';
+import { buildResourceApi } from '../../utils/resource-sharing-utils';
+
+interface Props {
+  coreStart: CoreStart;
+  depsStart: SecurityPluginStartDependencies;
+  params: AppMountParameters;
+  config: ClientConfigType;
+  redirect: string;
+  dataSourceManagement?: DataSourceManagementPluginSetup;
+}
+
+const ResourceAccessManagementApp: React.FC<Props> = ({ coreStart, depsStart }) => {
+  const {
+    http,
+    notifications: { toasts },
+  } = coreStart;
+  const TopNav = depsStart?.navigation?.ui?.TopNavMenu;
+
+  return (
+    <>
+      {TopNav ? (
+        <TopNav appName="resource-access" showSearchBar={false} useDefaultBehaviors={true} />
+      ) : null}
+      <EuiPage restrictWidth="2000px">
+        <EuiPageBody component="main">
+          <EuiPageHeader>
+            <EuiTitle size="l">
+              <h1>Resource Access Management</h1>
+            </EuiTitle>
+            <EuiText color="subdued">Manage sharing for detectors, forecasters, and more.</EuiText>
+          </EuiPageHeader>
+
+          <EuiSpacer size="m" />
+
+          <ResourceSharingPanel api={buildResourceApi(http)} toasts={toasts} />
+        </EuiPageBody>
+      </EuiPage>
+    </>
+  );
+};
+
+export function renderApp(
+  coreStart: CoreStart,
+  depsStart: SecurityPluginStartDependencies,
+  params: AppMountParameters,
+  config: ClientConfigType,
+  redirect: string,
+  dataSourceManagement?: DataSourceManagementPluginSetup
+) {
+  const deps: Props = {
+    coreStart,
+    depsStart,
+    params,
+    config,
+    dataSourceManagement,
+    redirect,
+  };
+
+  ReactDOM.render(
+    <I18nProvider>
+      <ResourceAccessManagementApp {...deps} />
+    </I18nProvider>,
+    params.element
+  );
+
+  return () => ReactDOM.unmountComponentAtNode(params.element);
+}