Merge pull request #79 from gisce/group-icon

Add suport for group icon

package.json

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

src/Group.ts

@@ -1,8 +1,22 @@
 import ContainerWidget from "./ContainerWidget";
+import {replaceEntities} from "./helpers/attributeParser";
 
 class Group extends ContainerWidget {
+
+    _icon: string | null = null;
+    get icon(): string | null {
+      return this._icon;
+    }
+    set icon(value: string | null) {
+      this._icon = value;
+    }
     constructor(props: any) {
       super(props);
+      if (props) {
+        if (props.icon) {
+          this._icon = props.icon;
+        }
+      }
     }
 }
 

src/spec/Group.spec.ts

@@ -1,5 +1,6 @@
 import Group from "../Group";
 import WidgetImpl from "./fixtures/WidgetImpl";
+import WidgetFactory from "../WidgetFactory";
 
 describe("A Group", () => {
   it("should be constructed with 4 columns and a colspan of 4", () => {
@@ -29,4 +30,13 @@ describe("A Group", () => {
     group4.container.addWidget(new WidgetImpl({ name: "5" }));
     expect(group4.container.rows.length).toBe(2);
   });
+    it("can have an icon property", () => {
+    const widgetFactory = new WidgetFactory();
+    const props = {
+      string: "General",
+      icon: "home"
+    };
+    const widget = widgetFactory.createWidget("group", props);
+    expect(widget.icon).toEqual("home");
+  });
 });