[Graph] clear legacy docs (#111083)

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>

x-pack/plugins/graph/README.md

@@ -17,18 +17,18 @@ Graph shows only up in the side bar if your server is running on a platinum or t
 
 ### Client `public/`
 
-Currently most of the state handling is done by a central angular controller. This controller will be broken up into a redux/saga setup step by step.
+Currently state handled by react/redux/saga and the core mutable `GraphWorkspace` instance, which managing the nodes and edges state. It should be rewritten in typescript and integrated into redux store.
 
-* `angular/` contains all code using javascript and angular. Rewriting this code in typescript and react is currently ongoing. When the migration is finished, this folder will go away
+* `apps/` contains all graph app routes
 * `components/` contains react components for various parts of the interface. Components can hold local UI state (e.g. current form data), everything else should be passed in from the caller. Styles should reside in a component-specific stylesheet
-* `services/` contains functions that encapsule other parts of Kibana. Stateful dependencies are passed in from the outside. Components should not rely on services directly but have callbacks passed in. Once the migration to redux/saga is complete, only sagas will use services.
+* `services/` contains the core workspace logic and functions that encapsule other parts of Kibana. Stateful dependencies are passed in from the outside. Components should not rely on services directly but have callbacks passed in. Once the migration to redux/saga is complete, only sagas will use services
 * `helpers/` contains side effect free helper functions that can be imported and used from components and services
 * `state_management/` contains reducers, action creators, selectors and sagas. It also exports the central store creator
   * Each file covers one functional area (e.g. handling of fields, handling of url templates...)
   * Generally there is no file separation between reducers, action creators, selectors and sagas of the same functional area
   * Sagas may contain cross-references between multiple functional areas (e.g. the loading saga sets fields and meta data). Because of this it is possible that circular imports occur. In this case the sagas are moved to a separate file `<functional area>.sagas.ts`.
-* `types/` contains type definitions for unmigrated functions in `angular/` and business objects
+* `types/` contains type definitions for unmigrated `GraphWorkspace` methods
-* `app.js` is the central entrypoint of the app. It initializes router, state management and root components. This will become `app.tsx` when the migration is complete
+* `router.tsx` is the central entrypoint of the app
 
 
 ### Server `server/`

x-pack/plugins/graph/public/_main.scss

@@ -21,7 +21,6 @@
  */
 
 .gphNoUserSelect {
-  padding-right: $euiSizeXS;
   user-select: none;
   -webkit-touch-callout: none;
   -webkit-tap-highlight-color: transparent;

x-pack/plugins/graph/public/components/_sidebar.scss

@@ -25,7 +25,7 @@
   border-radius: $euiBorderRadius;
   margin-bottom: $euiSizeXS;
 
-  & > span {
+  .kuiIcon {
     padding-right: $euiSizeXS;
   }
 }

x-pack/plugins/graph/public/components/workspace_layout/workspace_top_nav_menu.tsx

@@ -39,8 +39,6 @@ export const WorkspaceTopNavMenu = (props: WorkspaceTopNavMenuProps) => {
   const store = useStore();
   const location = useLocation();
   const history = useHistory();
-
-  // register things for legacy angular UI
   const allSavingDisabled = props.graphSavePolicy === 'none';
 
   // ===== Menubar configuration =========

x-pack/plugins/graph/public/services/workspace/graph_client_workspace.js

@@ -559,7 +559,7 @@ function GraphWorkspace(options) {
         }
         if (self.changeHandler) {
           // Hook to allow any client to respond to position changes
-          // e.g. angular adjusts and repaints node positions on screen.
+          // e.g. react adjusts and repaints node positions on screen.
           self.changeHandler();
         }
       });

x-pack/plugins/graph/public/state_management/fields.ts

@@ -65,7 +65,7 @@ export const hasFieldsSelector = createSelector(
 );
 
 /**
- * Saga making notifying angular when fields are selected to re-calculate the state of the save button.
+ * Saga making notifying react when fields are selected to re-calculate the state of the save button.
  *
  * Won't be necessary once the workspace is moved to redux
  */

x-pack/plugins/graph/public/state_management/legacy.test.ts

@@ -80,7 +80,7 @@ describe('legacy sync sagas', () => {
     expect(env.mockedDeps.notifyReact).toHaveBeenCalled();
   });
 
-  it('notifies angular when fields are selected', () => {
+  it('notifies react when fields are selected', () => {
     env.store.dispatch(selectField('field1'));
     expect(env.mockedDeps.notifyReact).toHaveBeenCalled();
   });