@gisce/ooui 2.37.0-alpha.1 → 2.37.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gisce/ooui",
-  "version": "2.37.0-alpha.1",
+  "version": "2.37.0",
   "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

@@ -3,7 +3,6 @@ import Page from "./Page";
 import Group from "./Group";
 import Button from "./Button";
 import ButtonGroup from "./ButtonGroup";
-import ActionButtons from "./ActionButtons";
 import Label from "./Label";
 import Char from "./Char";
 import Text from "./Text";
@@ -44,6 +43,7 @@ import Email from "./Email";
 import Spinner from "./Spinner";
 import Carousel from "./Carousel";
 import ColorPicker from "./ColorPicker";
+import QRCode from "./QRCode";
 
 class WidgetFactory {
   /**
@@ -77,9 +77,6 @@ class WidgetFactory {
       case "buttonGroup":
         this._widgetClass = ButtonGroup;
         break;
-      case "action_buttons":
-        this._widgetClass = ActionButtons;
-        break;
       case "selection":
         this._widgetClass = Selection;
         break;
@@ -196,6 +193,9 @@ class WidgetFactory {
       case "colorPicker":
         this._widgetClass = ColorPicker;
         break;
+      case "qrcode":
+        this._widgetClass = QRCode;
+        break;
       default:
         break;
     }

package/src/index.ts

@@ -27,7 +27,6 @@ import Page from "./Page";
 import Separator from "./Separator";
 import Button from "./Button";
 import ButtonGroup from "./ButtonGroup";
-import ActionButtons from "./ActionButtons";
 import Reference from "./Reference";
 import Binary from "./Binary";
 import Image from "./Image";
@@ -56,6 +55,7 @@ import Email from "./Email";
 import Spinner from "./Spinner";
 import Carousel from "./Carousel";
 import ColorPicker from "./ColorPicker";
+import QRCode from "./QRCode";
 
 import {
   Graph,
@@ -105,7 +105,6 @@ export {
   Separator,
   Button,
   ButtonGroup,
-  ActionButtons,
   Reference,
   Binary,
   Image,
@@ -148,4 +147,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);
+    });
+  });
+});

package/dist/ActionButtons.d.ts

@@ -1,5 +0,0 @@
-import Field from "./Field";
-declare class ActionButtons extends Field {
-}
-export default ActionButtons;
-//# sourceMappingURL=ActionButtons.d.ts.map

package/dist/ActionButtons.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionButtons.d.ts","sourceRoot":"","sources":["../src/ActionButtons.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAC;AAE5B,cAAM,aAAc,SAAQ,KAAK;CAAG;AAEpC,eAAe,aAAa,CAAC"}

package/src/ActionButtons.ts

@@ -1,5 +0,0 @@
-import Field from "./Field";
-
-class ActionButtons extends Field {}
-
-export default ActionButtons;