Issue #3272498: Allow markup display in Cygnet theme UI

Author: christopherdoherty

js/patternkit.jsoneditor.cygnet.es6.js

@@ -8,6 +8,7 @@ class cygnetTheme extends JSONEditor.AbstractTheme {
   getFormInputDescription (text) {
     const el = super.getFormInputDescription(text)
     el.classList.add('je-cygnet-form-input-label')
+    el.innerHTML = text
     return el
   }
 
@@ -28,6 +29,13 @@ class cygnetTheme extends JSONEditor.AbstractTheme {
     return el
   }
 
+  getDescription (text) {
+    const el = super.getDescription(text)
+    el.classList.add('je-cygnet-description')
+    el.innerHTML = text
+    return el
+  }
+
   // If no title, use the text as title so that we have can use the
   // title attr as a CSS selector to style the collapse/expand state.
   setButtonText (button, text, icon, title) {

js/patternkit.jsoneditor.js

@@ -285,6 +285,7 @@ var cygnetTheme = /*#__PURE__*/function (_JSONEditor$AbstractT) {
       var el = _get(_getPrototypeOf(cygnetTheme.prototype), "getFormInputDescription", this).call(this, text);
 
       el.classList.add('je-cygnet-form-input-label');
+      el.innerHTML = text;
       return el;
     }
   }, {
@@ -308,6 +309,15 @@ var cygnetTheme = /*#__PURE__*/function (_JSONEditor$AbstractT) {
 
       el.classList.add('je-cygnet-child-editor-holder');
       return el;
+    }
+  }, {
+    key: "getDescription",
+    value: function getDescription(text) {
+      var el = _get(_getPrototypeOf(cygnetTheme.prototype), "getDescription", this).call(this, text);
+
+      el.classList.add('je-cygnet-description');
+      el.innerHTML = text;
+      return el;
     } // If no title, use the text as title so that we have can use the
     // title attr as a CSS selector to style the collapse/expand state.