info tool

wax-prosemirror-components/index.js

@@ -6,7 +6,5 @@ export { default as Icon } from './src/helpers/Icon';
 export { default as ToolGroupComponent } from './src/components/ToolGroupComponent';
 export { default as ToolGroups } from './src/components/ToolGroups';
 
-export { default as EditorInfoTool } from './src/components/EditorInfo/CounterInfo/EditorInfoTool';
-
 export { default as Tabs } from './src/ui/tabs/Tabs';
 export { default as BlockLevelTools } from './src/ui/tabs/BlockLevelTools';

wax-prosemirror-services/src/BottomInfoService/CounterInfoService/CounterInfoTool.js

 import React from 'react';
 import { isEmpty } from 'lodash';
 import { injectable } from 'inversify';
-import { EditorInfoTool } from 'wax-prosemirror-components';
 import { Tools } from 'wax-prosemirror-core';
+import EditorInfoTool from './components/EditorInfoTool';
 
 @injectable()
 class CounterInfoTool extends Tools {
   title = 'Counter Info';
-  icon = 'highlight';
   name = 'CounterInfo';
 
   get run() {
@@ -15,7 +14,7 @@ class CounterInfoTool extends Tools {
   }
 
   get enable() {
-    return state => {
+    return () => {
       return true;
     };
   }
@@ -24,7 +23,7 @@ class CounterInfoTool extends Tools {
     if (isEmpty(view)) return null;
     // eslint-disable-next-line no-underscore-dangle
     return this._isDisplayed ? (
-      <EditorInfoTool key="CounterInfo" item={this.toJSON()} view={view} />
+      <EditorInfoTool item={this.toJSON()} key="CounterInfo" view={view} />
     ) : null;
   }
 }

wax-prosemirror-components/src/components/EditorInfo/CounterInfo/EditorInfoTool.js → wax-prosemirror-services/src/BottomInfoService/CounterInfoService/components/EditorInfoTool.js

@@ -14,7 +14,7 @@ import {
   DocumentHelpers,
   useOnClickOutside,
 } from 'wax-prosemirror-core';
-import MenuButton from '../../../ui/buttons/MenuButton';
+import { MenuButton } from 'wax-prosemirror-components';
 
 const Wrapper = styled.div`
   font-size: 0;