feat: use ViewContainer from atom-ide-base

lib/signature-help-manager.js

@@ -5,7 +5,7 @@
 
 const { CompositeDisposable, Disposable, Range, Point, TextEditor } = require("atom")
 import { ProviderRegistry } from "atom-ide-base/commons-atom/ProviderRegistry"
-const SignatureHelpView = require("./signature-help-view")
+import { ViewContainer } from "atom-ide-base/commons-ui/float-pane/ViewContainer"
 
 module.exports = class SignatureHelpManager {
   constructor() {
@@ -252,7 +252,7 @@ module.exports = class SignatureHelpManager {
         this.unmountDataTip()
 
         const grammar = editor.getGrammar().scopeName.toLowerCase()
-        const snippetHtml = await this.getSnippetHtml(signature.label, grammar)
+        const snippetHtml = await getSnippetHtml(signature.label, grammar)
         let doc = null
 
         if (parameter) {
@@ -266,10 +266,18 @@ module.exports = class SignatureHelpManager {
         } else {
           doc = ""
         }
-        const documentationHtml = await this.getDocumentationHtml(doc, grammar)
-        const signatureHelpView = new SignatureHelpView({
-          snippet: snippetHtml,
-          html: documentationHtml,
+        const documentationHtml = await getDocumentationHtml(doc, grammar)
+        const signatureHelpView = new ViewContainer({
+          snippet: {
+            element: snippetHtml,
+            containerClassName: "signature-container",
+            contentClassName: "signature-snippet",
+          },
+          html: {
+            element: documentationHtml,
+            containerClassName: "signature-marked-container",
+            contentClassName: "signature-marked",
+          },
         })
         this.signatureHelpDisposables = this.mountSignatureHelp(editor, position, signatureHelpView)
       }