Merge pull request #81 from gisce/markdown_widget

Add Markdown widget

Author: mguellsegarra

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@gisce/ooui",
-  "version": "0.19.2",
+  "version": "0.19.3",
   "main": "./dist/ooui.umd.js",
   "module": "./dist/ooui.es.js",
   "types": "./dist/index.d.ts",

package.json

@@ -0,0 +1,6 @@
+import Text from "./Text";
+
+class Markdown extends Text {}
+
+
+export default Markdown;

src/Markdown.ts

@@ -8,6 +8,7 @@ import Char from "./Char";
 import Text from "./Text";
 import Selection from "./Selection";
 import Many2one from "./Many2one";
+import Markdown from "./Markdown";
 import Boolean from "./Boolean";
 import Integer from "./Integer";
 import Widget from "./Widget";
@@ -96,6 +97,9 @@ class WidgetFactory {
       case "many2many":
         this._widgetClass = Many2many;
         break;
+      case "markdown":
+        this._widgetClass = Markdown;
+        break;
       case "one2many":
       case "one2many_list":
         this._widgetClass = One2many;

src/WidgetFactory.ts

@@ -16,6 +16,7 @@ import ProgressBar from "./ProgressBar";
 import Date from "./Date";
 import DateTime from "./DateTime";
 import Many2many from "./Many2many";
+import Markdown from "./Markdown";
 import One2many from "./One2many";
 import SearchFilter from "./SearchFilter";
 import Text from "./Text";
@@ -112,6 +113,7 @@ export {
   Tags,
   Tag,
   MultiCheckbox,
+  Markdown,
   Radio,
   Switch,
   Steps,

src/index.ts

@@ -0,0 +1,13 @@
+import WidgetFactory from "../WidgetFactory";
+
+describe("A Markdown widget", () => {
+  it("should have an id corresponding to field name", () => {
+    const widgetFactory = new WidgetFactory();
+    const props = {
+      name: "status",
+    };
+
+    const widget = widgetFactory.createWidget("markdown", props);
+    expect(widget.id).toBe("status");
+  });
+});