new track comment options toolgroup service

editors/editoria/src/config/config.js

@@ -40,6 +40,7 @@ import {
   TransformToolGroupService,
   TrackOptionsService,
   TrackOptionsToolGroupService,
+  TrackCommentOptionsToolGroupService,
 } from 'wax-prosemirror-services';
 
 import { DefaultSchema } from 'wax-prosemirror-utilities';
@@ -90,20 +91,7 @@ export default {
     },
     {
       templateArea: 'commentTrackToolBar',
-      toolGroups: [
-        {
-          name: 'Annotations',
-          more: [
-            'Superscript',
-            'Subscript',
-            'SmallCaps',
-            'Emphasis',
-            'Code',
-            'Underline',
-            'StrikeThrough',
-          ],
-        },
-      ],
+      toolGroups: ['TrackCommentOptions'],
     },
     {
       templateArea: 'BottomRightInfo',
@@ -183,7 +171,7 @@ export default {
     new BottomInfoService(),
     new TransformService(),
     new TransformToolGroupService(),
-    new TrackOptionsService(),
     new TrackOptionsToolGroupService(),
+    new TrackCommentOptionsToolGroupService(),
   ],
 };

wax-prosemirror-services/index.js

@@ -59,3 +59,4 @@ export { default as TextHighlightToolGroupServices } from './src/WaxToolGroups/T
 export { default as EditorInfoToolGroupServices } from './src/WaxToolGroups/BottomToolGroupService/InfoToolGroupService/EditorInfoToolGroupService';
 export { default as TransformToolGroupService } from './src/WaxToolGroups/TransformToolGroupService/TransformToolGroupService';
 export { default as TrackOptionsToolGroupService } from './src/WaxToolGroups/TrackOptionsToolGroupService/TrackOptionsToolGroupService';
+export { default as TrackCommentOptionsToolGroupService } from './src/WaxToolGroups/TrackCommentOptionsToolGroupService/TrackCommentOptionsToolGroupService';

wax-prosemirror-services/src/WaxToolGroups/TrackCommentOptionsToolGroupService/TrackCommentOptions.js

+import React, { useMemo } from 'react';
+import { injectable, inject } from 'inversify';
+import { BlockLevelTools, Tabs, ToolGroups } from 'wax-prosemirror-components';
+import { isEmpty } from 'lodash';
+import styled from 'styled-components';
+import { v4 as uuidv4 } from 'uuid';
+import ToolGroup from '../../lib/ToolGroup';
+
+const Empty = styled.div`
+  background: khaki;
+  height: 100%;
+`;
+
+@injectable()
+class TrackCommentOptions extends ToolGroup {
+  tools = [];
+  toolGroups = [];
+
+  constructor(@inject('TrackOptions') trackOptions, @inject('Text') text) {
+    super();
+    this.toolGroups = [
+      {
+        groups: [trackOptions, text],
+      },
+    ];
+  }
+
+  renderTools(view) {
+    if (isEmpty(view)) return null;
+
+    return <span>Options</span>;
+  }
+}
+
+export default TrackCommentOptions;

wax-prosemirror-services/src/WaxToolGroups/TrackCommentOptionsToolGroupService/TrackCommentOptionsToolGroupService.js

+import Service from '../../Service';
+import TrackCommentOptions from './TrackCommentOptions';
+
+class TrackCommentOptionsToolGroupService extends Service {
+  register() {
+    this.container.bind('TrackCommentOptions').to(TrackCommentOptions);
+  }
+}
+
+export default TrackCommentOptionsToolGroupService;