remove CharacterList from components

editors/demo/src/Editoria/config/config.js

@@ -53,6 +53,8 @@ import invisibles, {
   paragraph,
 } from '@guardian/prosemirror-invisibles';
 
+import CharactersList from './CharactersList';
+
 // const updateTitle = title => {
 //   console.log(title);
 // };
@@ -116,6 +118,7 @@ export default {
   // OrderedListService: { subList: false },
   // BulletListService: { subList: false },
   // JoinUpService: { subList: false },
+  SpecialCharactersService: CharactersList,
   SchemaService: EditoriaSchema,
   TitleService: { updateTitle },
   RulesService: [emDash, ellipsis],

wax-prosemirror-components/src/components/specialCharacters/SpecialCharactersComponent.js

@@ -11,7 +11,6 @@ import { grid, th, override } from '@pubsweet/ui-toolkit';
 import { v4 as uuidv4 } from 'uuid';
 import { WaxContext } from 'wax-prosemirror-core';
 import { filter, groupBy, debounce } from 'lodash';
-import CharactersList from './CharactersList';
 
 const Wrapper = styled.div`
   width: 400px;
@@ -109,10 +108,12 @@ const SpecialCharacter = styled.div`
 
 const SpecialCharactersComponent = ({ close }) => {
   const searchRef = useRef(null);
-  const { activeView } = useContext(WaxContext);
+  const { activeView, app } = useContext(WaxContext);
   const [searchValue, setSearchValue] = useState('');
   const [isFirstRun, setFirstRun] = useState(true);
 
+  const CharactersList = app.config.get('config.SpecialCharactersService');
+
   const [specialCharactersList, setSpecialCharactersList] = useState(
     CharactersList,
   );