Merge pull request #78 from gisce/separator-icon

Add icon to separator widget
gisce · May 3, 2023 · f0dbb00 · f0dbb00
2 parents 3669753 + 34e9ae5
commit f0dbb00
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 3 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@gisce/ooui",
-  "version": "0.18.1",
+  "version": "0.19.0",
   "main": "./dist/ooui.umd.js",
   "module": "./dist/ooui.es.js",
   "types": "./dist/index.d.ts",

diff --git a/src/Separator.ts b/src/Separator.ts
@@ -13,13 +13,24 @@ class Separator extends Widget {
     this._label = value;
   }
 
+  _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.string) {
         this._label = replaceEntities(props.string);
       }
+      if (props.icon) {
+        this._icon = props.icon;
+      }
     }
   }
 

diff --git a/src/spec/Separator.spec.ts b/src/spec/Separator.spec.ts
@@ -11,4 +11,13 @@ describe("A Separator", () => {
 
     expect(widget.label).toBe("Text");
   });
+  it("can have an icon property", () => {
+    const widgetFactory = new WidgetFactory();
+    const props = {
+      string: "Text",
+      icon: "home"
+    };
+    const widget = widgetFactory.createWidget("separator", props);
+    expect(widget.icon).toEqual("home");
+  });
 });