[Workspace] Add privacy levels to the workspace

changelogs/fragments/8907.yml

@@ -0,0 +1,2 @@
+feat:
+- Add privacy levels to the workspace ([#8907](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/8907))

src/plugins/workspace/public/components/workspace_collaborators/workspace_collaborators.tsx

@@ -4,7 +4,7 @@
  */
 
 import React from 'react';
-import { EuiPage, EuiPanel } from '@elastic/eui';
+import { EuiFlexGroup, EuiFlexItem, EuiPage, EuiPanel } from '@elastic/eui';
 import { i18n } from '@osd/i18n';
 
 import { useObservable } from 'react-use';
@@ -25,6 +25,7 @@ import {
 } from '../workspace_form';
 import { WorkspaceAttributeWithPermission } from '../../../../../core/types';
 import { WorkspaceClient } from '../../workspace_client';
+import { WorkspaceCollaboratorPrivacySettingPanel } from '../workspace_form/workspace_collaborator_privacy_setting_panel';
 
 export const WorkspaceCollaborators = () => {
   const {
@@ -116,13 +117,23 @@ export const WorkspaceCollaborators = () => {
         ]}
         setMountPoint={application?.setAppRightControls}
       />
-      <EuiPanel>
-        <WorkspaceCollaboratorTable
-          permissionSettings={permissionSettings}
-          displayedCollaboratorTypes={displayedCollaboratorTypes}
-          handleSubmitPermissionSettings={handleSubmitPermissionSettings}
-        />
-      </EuiPanel>
+      <EuiFlexGroup direction="column">
+        <EuiFlexItem>
+          <WorkspaceCollaboratorPrivacySettingPanel
+            permissionSettings={permissionSettings}
+            handleSubmitPermissionSettings={handleSubmitPermissionSettings}
+          />
+        </EuiFlexItem>
+        <EuiFlexItem>
+          <EuiPanel>
+            <WorkspaceCollaboratorTable
+              permissionSettings={permissionSettings}
+              displayedCollaboratorTypes={displayedCollaboratorTypes}
+              handleSubmitPermissionSettings={handleSubmitPermissionSettings}
+            />
+          </EuiPanel>
+        </EuiFlexItem>
+      </EuiFlexGroup>
     </EuiPage>
   );
 };

src/plugins/workspace/public/components/workspace_creator/workspace_creator.tsx

@@ -58,6 +58,7 @@ export const WorkspaceCreator = (props: WorkspaceCreatorProps) => {
     navigationUI: NavigationPublicPluginStart['ui'];
   }>();
   const [isFormSubmitting, setIsFormSubmitting] = useState(false);
+  const [goToCollaborators, setGoToCollaborators] = useState(false);
   const isPermissionEnabled = application?.capabilities.workspaces.permissionEnabled;
 
   const { isOnlyAllowEssential, availableUseCases } = useFormAvailableUseCases({
@@ -145,7 +146,7 @@ export const WorkspaceCreator = (props: WorkspaceCreatorProps) => {
               ?.features[0].id;
             // Redirect page after one second, leave one second time to show create successful toast.
             window.setTimeout(() => {
-              if (isPermissionEnabled) {
+              if (isPermissionEnabled && goToCollaborators) {
                 navigateToAppWithinWorkspace(
                   { application, http },
                   newWorkspaceId,
@@ -186,6 +187,7 @@ export const WorkspaceCreator = (props: WorkspaceCreatorProps) => {
       isFormSubmitting,
       availableUseCases,
       isPermissionEnabled,
+      goToCollaborators,
     ]
   );
 
@@ -225,6 +227,8 @@ export const WorkspaceCreator = (props: WorkspaceCreatorProps) => {
               availableUseCases={availableUseCases}
               defaultValues={defaultWorkspaceFormValues}
               isSubmitting={isFormSubmitting}
+              goToCollaborators={goToCollaborators}
+              onGoToCollaboratorsChange={setGoToCollaborators}
             />
           )}
         </EuiPageContent>

src/plugins/workspace/public/components/workspace_creator/workspace_creator_form.tsx

@@ -19,9 +19,12 @@ import { generateRightSidebarScrollProps, RightSidebarScrollField } from './util
 import { CreatorDetailsPanel } from './creator_details_panel';
 
 import './workspace_creator_form.scss';
+import { WorkspacePrivacySettingPanel } from '../workspace_form/workspace_privacy_setting_panel';
 
 interface WorkspaceCreatorFormProps extends WorkspaceFormProps {
   isSubmitting: boolean;
+  goToCollaborators: boolean;
+  onGoToCollaboratorsChange: (value: boolean) => void;
 }
 
 export const WorkspaceCreatorForm = (props: WorkspaceCreatorFormProps) => {
@@ -42,6 +45,7 @@ export const WorkspaceCreatorForm = (props: WorkspaceCreatorFormProps) => {
     handleColorChange,
     handleUseCaseChange,
     setSelectedDataSourceConnections,
+    setPermissionSettings,
   } = useWorkspaceForm(props);
 
   const isDashboardAdmin = application?.capabilities?.dashboards?.isDashboardAdmin ?? false;
@@ -110,6 +114,15 @@ export const WorkspaceCreatorForm = (props: WorkspaceCreatorFormProps) => {
               </EuiPanel>
             </>
           )}
+          <EuiSpacer size="m" />
+          {isDashboardAdmin && (
+            <WorkspacePrivacySettingPanel
+              onPermissionChange={setPermissionSettings}
+              permissionSettings={formData.permissionSettings}
+              goToCollaborators={props.goToCollaborators}
+              onGoToCollaboratorsChange={props.onGoToCollaboratorsChange}
+            />
+          )}
         </EuiForm>
       </EuiFlexItem>
       <EuiFlexItem grow={false}>

src/plugins/workspace/public/components/workspace_form/constants.ts

@@ -18,6 +18,12 @@ export enum WorkspacePermissionItemType {
   Group = 'group',
 }
 
+export enum WorkspacePrivacyItemType {
+  PrivateToCollaborators = 'privat-to-collaborators',
+  AnyoneCanView = 'anyone-can-view',
+  AnyoneCanEdit = 'anyone-can-edit',
+}
+
 export const optionIdToWorkspacePermissionModesMap: {
   [key: string]: WorkspacePermissionMode[];
 } = {
@@ -102,6 +108,42 @@ export const detailsColorHelpText = i18n.translate(
   }
 );
 
+export const privacyTypePrivateTitle = i18n.translate(
+  'workspace.privacy.privateToCollaborators.title',
+  {
+    defaultMessage: 'Private to collaborators',
+  }
+);
+
+export const privacyTypeViewTitle = i18n.translate('workspace.privacy.anyoneCanView.title', {
+  defaultMessage: 'Anyone can view',
+});
+
+export const privacyTypeEditTitle = i18n.translate('workspace.privacy.anyoneCanEdit.title', {
+  defaultMessage: 'Anyone can edit',
+});
+
+export const privacyTypePrivateDescription = i18n.translate(
+  'workspace.privacy.privateToCollaborators.description',
+  {
+    defaultMessage: 'Only collaborators can access the workspace.',
+  }
+);
+
+export const privacyTypeViewDescription = i18n.translate(
+  'workspace.privacy.anyoneCanView.description',
+  {
+    defaultMessage: 'Anyone can view workspace assets.',
+  }
+);
+
+export const privacyTypeEditDescription = i18n.translate(
+  'workspace.privacy.anyoneCanEdit.description',
+  {
+    defaultMessage: 'Anyone can view and edit workspace assets.',
+  }
+);
+
 export const PERMISSION_TYPE_LABEL_ID = 'workspace-form-permission-type-label';
 export const PERMISSION_COLLABORATOR_LABEL_ID = 'workspace-form-permission-collaborator-label';
 export const PERMISSION_ACCESS_LEVEL_LABEL_ID = 'workspace-form-permission-access-level-label';