@gisce/ooui 2.37.0-alpha.1 → 2.37.0-alpha.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gisce/ooui",
-  "version": "2.37.0-alpha.1",
+  "version": "2.37.0-alpha.2",
   "engines": {
     "node": "20.5.0"
   },

package/src/QRCode.ts

@@ -0,0 +1,21 @@
+import Field from "./Field";
+
+/**
+ * QRCode widget
+ */
+class QRCode extends Field {
+  get width(): number | undefined {
+    return this.parsedWidgetProps?.width;
+  }
+
+  get border(): boolean {
+    return this.parsedWidgetProps?.border ?? false;
+  }
+
+  get showValue(): boolean {
+    console.log(this.parsedWidgetProps);
+    return this.parsedWidgetProps?.showValue ?? false;
+  }
+}
+
+export default QRCode;

package/src/WidgetFactory.ts

@@ -44,6 +44,7 @@ import Email from "./Email";
 import Spinner from "./Spinner";
 import Carousel from "./Carousel";
 import ColorPicker from "./ColorPicker";
+import QRCode from "./QRCode";
 
 class WidgetFactory {
   /**
@@ -196,6 +197,9 @@ class WidgetFactory {
       case "colorPicker":
         this._widgetClass = ColorPicker;
         break;
+      case "qrcode":
+        this._widgetClass = QRCode;
+        break;
       default:
         break;
     }

package/src/index.ts

@@ -56,6 +56,7 @@ import Email from "./Email";
 import Spinner from "./Spinner";
 import Carousel from "./Carousel";
 import ColorPicker from "./ColorPicker";
+import QRCode from "./QRCode";
 
 import {
   Graph,
@@ -148,4 +149,5 @@ export {
   Spinner,
   Carousel,
   ColorPicker,
+  QRCode,
 };

package/src/spec/QRCode.spec.ts

@@ -0,0 +1,127 @@
+import WidgetFactory from "../WidgetFactory";
+import QRCode from "../QRCode";
+import { it, expect, describe } from "vitest";
+
+describe("A QRCode", () => {
+  it("should have an id corresponding to field name", () => {
+    const widgetFactory = new WidgetFactory();
+    const props = {
+      name: "qrcode",
+    };
+
+    const widget = widgetFactory.createWidget("qrcode", props);
+    expect(widget).toBeInstanceOf(QRCode);
+  });
+
+  it("should properly set label", () => {
+    const widgetFactory = new WidgetFactory();
+    const props = {
+      name: "qrcode",
+      string: "QR Code caption",
+    };
+    const widget = widgetFactory.createWidget("qrcode", props);
+
+    expect(widget.label).toBe("QR Code caption");
+  });
+
+  describe("width property", () => {
+    it("should be undefined by default", () => {
+      const widgetFactory = new WidgetFactory();
+      const props = {
+        name: "qrcode",
+      };
+      const widget = widgetFactory.createWidget("qrcode", props);
+
+      expect(widget.width).toBeUndefined();
+    });
+
+    it("should return width when widget_props.width is set", () => {
+      const widgetFactory = new WidgetFactory();
+      const props = {
+        name: "qrcode",
+        widget_props: {
+          width: 200,
+        },
+      };
+      const widget = widgetFactory.createWidget("qrcode", props);
+
+      expect(widget.width).toBe(200);
+    });
+  });
+
+  describe("border property", () => {
+    it("should be false by default", () => {
+      const widgetFactory = new WidgetFactory();
+      const props = {
+        name: "qrcode",
+      };
+      const widget = widgetFactory.createWidget("qrcode", props);
+
+      expect(widget.border).toBe(false);
+    });
+
+    it("should be true when widget_props.border is true", () => {
+      const widgetFactory = new WidgetFactory();
+      const props = {
+        name: "qrcode",
+        widget_props: {
+          border: true,
+        },
+      };
+      const widget = widgetFactory.createWidget("qrcode", props);
+
+      expect(widget.border).toBe(true);
+    });
+
+    it("should be false when widget_props.border is false", () => {
+      const widgetFactory = new WidgetFactory();
+      const props = {
+        name: "qrcode",
+        widget_props: {
+          border: false,
+        },
+      };
+      const widget = widgetFactory.createWidget("qrcode", props);
+
+      expect(widget.border).toBe(false);
+    });
+  });
+
+  describe("showValue property", () => {
+    it("should be false by default", () => {
+      const widgetFactory = new WidgetFactory();
+      const props = {
+        name: "qrcode",
+      };
+      const widget = widgetFactory.createWidget("qrcode", props);
+
+      expect(widget.showValue).toBe(false);
+    });
+
+    it("should be true when widget_props.showValue is true", () => {
+      const widgetFactory = new WidgetFactory();
+      const props = {
+        name: "qrcode",
+        widget_props: {
+          showValue: true,
+        },
+      };
+      const widget = widgetFactory.createWidget("qrcode", props);
+
+      expect(widget.showValue).toBe(true);
+    });
+
+    it("should be false when widget_props.showValue is false", () => {
+      const widgetFactory = new WidgetFactory();
+      const props = {
+        name: "qrcode",
+        widget_props: {
+          showValue: false,
+        },
+      };
+      const widget = widgetFactory.createWidget("qrcode", props);
+
+      expect(widget.showValue).toBe(false);
+    });
+  });
+});