[7.x] Spaces - Client NP Migration, Phase 1 (#40856)

x-pack/legacy/plugins/infra/public/utils/use_kibana_space_id.ts

@@ -11,6 +11,7 @@ import * as rt from 'io-ts';
 import { useKibanaInjectedVar } from './use_kibana_injected_var';
 
 export const useKibanaSpaceId = (): string => {
+  // NOTICE: use of `activeSpace` is deprecated and will not be made available in the New Platform.
   const activeSpace = useKibanaInjectedVar('activeSpace');
 
   return pipe(

x-pack/legacy/plugins/security/public/views/management/edit_role/index.js

@@ -15,7 +15,6 @@ import 'plugins/security/services/shield_user';
 import 'plugins/security/services/shield_role';
 import 'plugins/security/services/shield_indices';
 import { xpackInfo } from 'plugins/xpack_main/services/xpack_info';
-import { SpacesManager } from '../../../../../spaces/public/lib';
 import { ROLES_PATH, CLONE_ROLES_PATH, EDIT_ROLES_PATH } from '../management_urls';
 import { getEditRoleBreadcrumbs, getCreateRoleBreadcrumbs } from '../breadcrumbs';
 
@@ -79,7 +78,7 @@ const routeDefinition = action => ({
     },
     spaces(spacesEnabled) {
       if (spacesEnabled) {
-        return new SpacesManager().getSpaces();
+        return kfetch({ method: 'get', pathname: '/api/spaces/space' });
       }
       return [];
     },

x-pack/legacy/plugins/spaces/index.ts

@@ -48,7 +48,6 @@ export const spaces = (kibana: Record<string, any>) =>
     },
 
     uiExports: {
-      chromeNavControls: ['plugins/spaces/views/nav_control'],
       styleSheetPaths: resolve(__dirname, 'public/index.scss'),
       managementSections: ['plugins/spaces/views/management'],
       apps: [
@@ -60,7 +59,7 @@ export const spaces = (kibana: Record<string, any>) =>
           hidden: true,
         },
       ],
-      hacks: [],
+      hacks: ['plugins/spaces/legacy'],
       mappings,
       migrations: {
         space: {
@@ -73,19 +72,21 @@ export const spaces = (kibana: Record<string, any>) =>
           hidden: true,
         },
       },
-      home: ['plugins/spaces/register_feature'],
-      injectDefaultVars(server: any) {
+      home: [],
+      injectDefaultVars(server: Server) {
         return {
-          spaces: [],
-          activeSpace: null,
           serverBasePath: server.config().get('server.basePath'),
+          activeSpace: null,
         };
       },
       async replaceInjectedVars(
         vars: Record<string, any>,
         request: Legacy.Request,
-        server: Record<string, any>
+        server: Server
       ) {
+        // NOTICE: use of `activeSpace` is deprecated and will not be made available in the New Platform.
+        // Known usages:
+        // - x-pack/legacy/plugins/infra/public/utils/use_kibana_space_id.ts
         const spacesPlugin = server.newPlatform.setup.plugins.spaces as SpacesPluginSetup;
         if (!spacesPlugin) {
           throw new Error('New Platform XPack Spaces plugin is not available.');

x-pack/legacy/plugins/spaces/public/components/manage_spaces_button.test.tsx

@@ -4,37 +4,40 @@
  * you may not use this file except in compliance with the Elastic License.
  */
 
-import { setMockCapabilities } from '../__mocks__/ui_capabilities';
 import React from 'react';
 import { shallowWithIntl } from 'test_utils/enzyme_helpers';
 import { ManageSpacesButton } from './manage_spaces_button';
 
 describe('ManageSpacesButton', () => {
   it('renders as expected', () => {
-    setMockCapabilities({
-      navLinks: {},
-      management: {},
-      catalogue: {},
-      spaces: {
-        manage: true,
-      },
-    });
-
-    const component = <ManageSpacesButton />;
+    const component = (
+      <ManageSpacesButton
+        capabilities={{
+          navLinks: {},
+          management: {},
+          catalogue: {},
+          spaces: {
+            manage: true,
+          },
+        }}
+      />
+    );
     expect(shallowWithIntl(component)).toMatchSnapshot();
   });
 
   it(`doesn't render if user profile forbids managing spaces`, () => {
-    setMockCapabilities({
-      navLinks: {},
-      management: {},
-      catalogue: {},
-      spaces: {
-        manage: false,
-      },
-    });
-
-    const component = <ManageSpacesButton />;
+    const component = (
+      <ManageSpacesButton
+        capabilities={{
+          navLinks: {},
+          management: {},
+          catalogue: {},
+          spaces: {
+            manage: false,
+          },
+        }}
+      />
+    );
     expect(shallowWithIntl(component)).toMatchSnapshot();
   });
 });

x-pack/legacy/plugins/spaces/public/components/manage_spaces_button.tsx

@@ -7,20 +7,21 @@
 import { EuiButton } from '@elastic/eui';
 import { FormattedMessage } from '@kbn/i18n/react';
 import React, { Component, CSSProperties } from 'react';
-import { capabilities } from 'ui/capabilities';
-import { MANAGE_SPACES_URL } from '../lib/constants';
+import { Capabilities } from 'src/core/public';
+import { getManageSpacesUrl } from '../lib/constants';
 
 interface Props {
   isDisabled?: boolean;
   className?: string;
   size?: 's' | 'm';
   style?: CSSProperties;
   onClick?: () => void;
+  capabilities: Capabilities;
 }
 
 export class ManageSpacesButton extends Component<Props, {}> {
   public render() {
-    if (!capabilities.get().spaces.manage) {
+    if (!this.props.capabilities.spaces.manage) {
       return null;
     }
 
@@ -44,6 +45,6 @@ export class ManageSpacesButton extends Component<Props, {}> {
     if (this.props.onClick) {
       this.props.onClick();
     }
-    window.location.replace(MANAGE_SPACES_URL);
+    window.location.replace(getManageSpacesUrl());
   };
 }

x-pack/legacy/plugins/spaces/public/register_feature.ts → x-pack/legacy/plugins/spaces/public/create_feature_catalogue_entry.ts

@@ -6,13 +6,12 @@
 
 import { i18n } from '@kbn/i18n';
 import {
+  FeatureCatalogueEntry,
   FeatureCatalogueCategory,
-  FeatureCatalogueRegistryProvider,
-  // @ts-ignore
-} from 'ui/registry/feature_catalogue';
+} from '../../../../../src/plugins/home/public';
 import { getSpacesFeatureDescription } from './lib/constants';
 
-FeatureCatalogueRegistryProvider.register(() => {
+export const createSpacesFeatureCatalogueEntry = (): FeatureCatalogueEntry => {
   return {
     id: 'spaces',
     title: i18n.translate('xpack.spaces.spacesTitle', {
@@ -24,4 +23,4 @@ FeatureCatalogueRegistryProvider.register(() => {
     showOnHomePage: true,
     category: FeatureCatalogueCategory.ADMIN,
   };
-});
+};

x-pack/legacy/plugins/spaces/public/index.ts

@@ -0,0 +1,10 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+import { SpacesPlugin } from './plugin';
+
+export const plugin = () => {
+  return new SpacesPlugin();
+};

x-pack/legacy/plugins/spaces/public/legacy.ts

@@ -0,0 +1,18 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+
+import { npSetup, npStart } from 'ui/new_platform';
+import { plugin } from '.';
+import { SpacesPlugin, PluginsSetup } from './plugin';
+
+const spacesPlugin: SpacesPlugin = plugin();
+
+const plugins: PluginsSetup = {
+  home: npSetup.plugins.home,
+};
+
+export const setup = spacesPlugin.setup(npSetup.core, plugins);
+export const start = spacesPlugin.start(npStart.core);

x-pack/legacy/plugins/spaces/public/lib/constants.ts

@@ -5,7 +5,7 @@
  */
 
 import { i18n } from '@kbn/i18n';
-import chrome from 'ui/chrome';
+import { npSetup } from 'ui/new_platform';
 
 let spacesFeatureDescription: string;
 
@@ -20,4 +20,5 @@ export const getSpacesFeatureDescription = () => {
   return spacesFeatureDescription;
 };
 
-export const MANAGE_SPACES_URL = chrome.addBasePath(`/app/kibana#/management/spaces/list`);
+export const getManageSpacesUrl = () =>
+  npSetup.core.http.basePath.prepend(`/app/kibana#/management/spaces/list`);

x-pack/legacy/plugins/spaces/public/lib/copy_saved_objects_to_space/copy_saved_objects_to_space_action.tsx

@@ -11,7 +11,6 @@ import {
   SavedObjectsManagementRecord,
 } from '../../../../../../../src/legacy/core_plugins/management/public';
 import { CopySavedObjectsToSpaceFlyout } from '../../views/management/components/copy_saved_objects_to_space';
-import { Space } from '../../../common/model/space';
 import { SpacesManager } from '../spaces_manager';
 
 export class CopyToSpaceSavedObjectsManagementAction extends SavedObjectsManagementAction {
@@ -31,7 +30,7 @@ export class CopyToSpaceSavedObjectsManagementAction extends SavedObjectsManagem
     },
   };
 
-  constructor(private readonly spacesManager: SpacesManager, private readonly activeSpace: Space) {
+  constructor(private readonly spacesManager: SpacesManager) {
     super();
   }
 
@@ -44,7 +43,6 @@ export class CopyToSpaceSavedObjectsManagementAction extends SavedObjectsManagem
         onClose={this.onClose}
         savedObject={this.record}
         spacesManager={this.spacesManager}
-        activeSpace={this.activeSpace}
         toastNotifications={toastNotifications}
       />
     );

x-pack/legacy/plugins/spaces/public/lib/spaces_manager.mock.ts

@@ -4,18 +4,21 @@
  * you may not use this file except in compliance with the Elastic License.
  */
 
+import { of, Observable } from 'rxjs';
+import { Space } from '../../common/model/space';
+
 function createSpacesManagerMock() {
   return {
+    onActiveSpaceChange$: (of(undefined) as unknown) as Observable<Space>,
     getSpaces: jest.fn().mockResolvedValue([]),
     getSpace: jest.fn().mockResolvedValue(undefined),
+    getActiveSpace: jest.fn().mockResolvedValue(undefined),
     createSpace: jest.fn().mockResolvedValue(undefined),
     updateSpace: jest.fn().mockResolvedValue(undefined),
     deleteSpace: jest.fn().mockResolvedValue(undefined),
     copySavedObjects: jest.fn().mockResolvedValue(undefined),
     resolveCopySavedObjectsErrors: jest.fn().mockResolvedValue(undefined),
     redirectToSpaceSelector: jest.fn().mockResolvedValue(undefined),
-    requestRefresh: jest.fn(),
-    on: jest.fn(),
   };
 }