feat: filter out ADMIN application and add feature dependency logic

src/core/public/application/types.ts

@@ -251,6 +251,21 @@ export interface App<HistoryLocationState = unknown> {
    * ```
    */
   exactRoute?: boolean;
+
+  /**
+   * The feature group of workspace, won't be displayed as feature if feature set is ADMIN.
+   */
+  featureGroup?: Array<'WORKSPACE' | 'ADMIN'>;
+
+  /**
+   * The dependencies of one application, required feature will be automatic select and can't
+   * be unselect in the workspace configuration.
+   */
+  dependencies?: {
+    [key: string]: {
+      type: 'required' | 'optional';
+    };
+  };
 }
 
 /**

src/plugins/workspace/public/components/utils/feature.test.ts

@@ -0,0 +1,37 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import { isFeatureDependOnSelectedFeatures, getFinalFeatureIdsByDependency } from './feature';
+
+describe('feature utils', () => {
+  describe('isFeatureDependOnSelectedFeatures', () => {
+    it('should return true', () => {
+      expect(isFeatureDependOnSelectedFeatures('a', ['b'], { b: ['a'] })).toBe(true);
+      expect(isFeatureDependOnSelectedFeatures('a', ['b'], { b: ['a', 'c'] })).toBe(true);
+    });
+    it('should return false', () => {
+      expect(isFeatureDependOnSelectedFeatures('a', ['b'], { b: ['c'] })).toBe(false);
+      expect(isFeatureDependOnSelectedFeatures('a', ['b'], {})).toBe(false);
+    });
+  });
+
+  describe('getFinalFeatureIdsByDependency', () => {
+    it('should return consistent feature ids', () => {
+      expect(getFinalFeatureIdsByDependency(['a'], { a: ['b'] }, ['c', 'd'])).toStrictEqual([
+        'c',
+        'd',
+        'a',
+        'b',
+      ]);
+      expect(getFinalFeatureIdsByDependency(['a'], { a: ['b', 'e'] }, ['c', 'd'])).toStrictEqual([
+        'c',
+        'd',
+        'a',
+        'b',
+        'e',
+      ]);
+    });
+  });
+});

src/plugins/workspace/public/components/utils/feature.ts

@@ -0,0 +1,30 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+export const isFeatureDependOnSelectedFeatures = (
+  featureId: string,
+  selectedFeatureIds: string[],
+  featureDependencies: { [key: string]: string[] }
+) =>
+  selectedFeatureIds.some((selectedFeatureId) =>
+    (featureDependencies[selectedFeatureId] || []).some((dependencies) =>
+      dependencies.includes(featureId)
+    )
+  );
+
+export const getFinalFeatureIdsByDependency = (
+  featureIds: string[],
+  featureDependencies: { [key: string]: string[] },
+  oldFeatureIds: string[] = []
+) =>
+  Array.from(
+    new Set([
+      ...oldFeatureIds,
+      ...featureIds.reduce(
+        (pValue, featureId) => [...pValue, ...(featureDependencies[featureId] || [])],
+        featureIds
+      ),
+    ])
+  );

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

@@ -33,12 +33,17 @@ import {
 } from '@elastic/eui';
 
 import { WorkspaceTemplate } from '../../../../../core/types';
-import { AppNavLinkStatus, ApplicationStart } from '../../../../../core/public';
+import { App, AppNavLinkStatus, ApplicationStart } from '../../../../../core/public';
 import { useApplications, useWorkspaceTemplate } from '../../hooks';
 import { WORKSPACE_OP_TYPE_CREATE, WORKSPACE_OP_TYPE_UPDATE } from '../../../common/constants';
+import {
+  isFeatureDependOnSelectedFeatures,
+  getFinalFeatureIdsByDependency,
+} from '../utils/feature';
+
 import { WorkspaceIconSelector } from './workspace_icon_selector';
 
-interface WorkspaceFeature {
+interface WorkspaceFeature extends Pick<App, 'dependencies'> {
   id: string;
   name: string;
   templates: WorkspaceTemplate[];
@@ -74,6 +79,7 @@ interface WorkspaceFormProps {
   defaultValues?: WorkspaceFormData;
   opType?: string;
 }
+
 export const WorkspaceForm = ({
   application,
   onSubmit,
@@ -115,13 +121,16 @@ export const WorkspaceForm = ({
       const apps = category2Applications[currentKey];
       const features = apps
         .filter(
-          ({ navLinkStatus, chromeless }) =>
-            navLinkStatus !== AppNavLinkStatus.hidden && !chromeless
+          ({ navLinkStatus, chromeless, featureGroup }) =>
+            navLinkStatus !== AppNavLinkStatus.hidden &&
+            !chromeless &&
+            !featureGroup?.includes('ADMIN')
         )
-        .map(({ id, title, workspaceTemplate }) => ({
+        .map(({ id, title, workspaceTemplate, dependencies }) => ({
           id,
           name: title,
           templates: workspaceTemplate || [],
+          dependencies,
         }));
       if (features.length === 1 || currentKey === 'undefined') {
         return [...previousValue, ...features];
@@ -141,6 +150,38 @@ export const WorkspaceForm = ({
     [defaultVISTheme]
   );
 
+  const allFeatures = useMemo(
+    () =>
+      featureOrGroups.reduce<WorkspaceFeature[]>(
+        (previousData, currentData) => [
+          ...previousData,
+          ...(isWorkspaceFeatureGroup(currentData) ? currentData.features : [currentData]),
+        ],
+        []
+      ),
+    [featureOrGroups]
+  );
+
+  const featureDependencies = useMemo(
+    () =>
+      allFeatures.reduce<{ [key: string]: string[] }>(
+        (pValue, { id, dependencies }) =>
+          dependencies
+            ? {
+                ...pValue,
+                [id]: [
+                  ...(pValue[id] || []),
+                  ...Object.keys(dependencies).filter(
+                    (key) => dependencies[key].type === 'required'
+                  ),
+                ],
+              }
+            : pValue,
+        {}
+      ),
+    [allFeatures]
+  );
+
   if (!formIdRef.current) {
     formIdRef.current = workspaceHtmlIdGenerator();
   }
@@ -150,27 +191,33 @@ export const WorkspaceForm = ({
       const templateId = e.target.value;
       setSelectedTemplateId(templateId);
       setSelectedFeatureIds(
-        featureOrGroups.reduce<string[]>(
-          (previousData, currentData) => [
-            ...previousData,
-            ...(isWorkspaceFeatureGroup(currentData) ? currentData.features : [currentData])
-              .filter(({ templates }) => !!templates.find((template) => template.id === templateId))
-              .map((feature) => feature.id),
-          ],
-          []
+        getFinalFeatureIdsByDependency(
+          allFeatures
+            .filter(({ templates }) => !!templates.find((template) => template.id === templateId))
+            .map((feature) => feature.id),
+          featureDependencies
         )
       );
     },
-    [featureOrGroups]
+    [allFeatures, featureDependencies]
   );
 
-  const handleFeatureChange = useCallback<EuiCheckboxGroupProps['onChange']>((featureId) => {
-    setSelectedFeatureIds((previousData) =>
-      previousData.includes(featureId)
-        ? previousData.filter((id) => id !== featureId)
-        : [...previousData, featureId]
-    );
-  }, []);
+  const handleFeatureChange = useCallback<EuiCheckboxGroupProps['onChange']>(
+    (featureId) => {
+      setSelectedFeatureIds((previousData) => {
+        if (!previousData.includes(featureId)) {
+          return getFinalFeatureIdsByDependency([featureId], featureDependencies, previousData);
+        }
+
+        if (isFeatureDependOnSelectedFeatures(featureId, previousData, featureDependencies)) {
+          return previousData;
+        }
+
+        return previousData.filter((selectedId) => selectedId !== featureId);
+      });
+    },
+    [featureDependencies]
+  );
 
   const handleFeatureCheckboxChange = useCallback<EuiCheckboxProps['onChange']>(
     (e) => {
@@ -187,14 +234,37 @@ export const WorkspaceForm = ({
           setSelectedFeatureIds((previousData) => {
             const notExistsIds = groupFeatureIds.filter((id) => !previousData.includes(id));
             if (notExistsIds.length > 0) {
-              return [...previousData, ...notExistsIds];
+              return getFinalFeatureIdsByDependency(
+                notExistsIds,
+                featureDependencies,
+                previousData
+              );
             }
-            return previousData.filter((id) => !groupFeatureIds.includes(id));
+            let groupRemainFeatureIds = groupFeatureIds;
+            const outGroupFeatureIds = previousData.filter(
+              (featureId) => !groupFeatureIds.includes(featureId)
+            );
+
+            while (true) {
+              const lastRemainFeatures = groupRemainFeatureIds.length;
+              groupRemainFeatureIds = groupRemainFeatureIds.filter((featureId) =>
+                isFeatureDependOnSelectedFeatures(
+                  featureId,
+                  [...outGroupFeatureIds, ...groupRemainFeatureIds],
+                  featureDependencies
+                )
+              );
+              if (lastRemainFeatures === groupRemainFeatureIds.length) {
+                break;
+              }
+            }
+
+            return [...outGroupFeatureIds, ...groupRemainFeatureIds];
           });
         }
       }
     },
-    [featureOrGroups]
+    [featureOrGroups, featureDependencies]
   );
 
   const handleFormSubmit = useCallback<FormEventHandler>(