@gisce/ooui 2.5.0 → 2.6.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gisce/ooui",
-  "version": "2.5.0",
+  "version": "2.6.0",
   "engines": {
     "node": "20.5.0"
   },

package/src/Alert.ts

@@ -0,0 +1,65 @@
+import Field from "./Field";
+
+type AlertType = "success" | "warning" | "info" | "error" | undefined;
+
+class Alert extends Field {
+  /**
+   * Alert type
+   */
+  _alertType: AlertType = "info";
+  get alertType(): AlertType {
+    return this._alertType;
+  }
+
+  set alertType(value: AlertType) {
+    this._alertType = value;
+  }
+
+  _title: string = "";
+  get title(): string {
+    return this._title;
+  }
+
+  set title(value: string) {
+    this._title = value;
+  }
+
+  _text: string = "";
+  get text(): string {
+    return this._text;
+  }
+
+  set text(value: string) {
+    this._text = 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) {
+      this._nolabel = true;
+      if (props.alert_type) {
+        this._alertType = props.alert_type;
+      }
+      if (props.title) {
+        this._title = props.title;
+      }
+      if (props.text) {
+        this._text = props.text;
+      }
+      if (props.icon) {
+        this._icon = props.icon;
+      }
+    }
+  }
+}
+
+export default Alert;

package/src/WidgetFactory.ts

@@ -37,6 +37,7 @@ import Steps from "./Steps";
 import CodeEditor from "./CodeEditor";
 import Avatar from "./Avatar";
 import Time from "./Time";
+import Alert from "./Alert";
 
 class WidgetFactory {
   /**
@@ -167,6 +168,9 @@ class WidgetFactory {
       case "html_preview":
         this._widgetClass = HTMLPreview;
         break;
+      case "alert":
+        this._widgetClass = Alert;
+        break;
 
       default:
         break;

package/src/index.ts

@@ -49,6 +49,7 @@ import Steps from "./Steps";
 import CodeEditor from "./CodeEditor";
 import Time from "./Time";
 import HTMLPreview from "./HTMLPreview";
+import Alert from "./Alert";
 
 import {
   Graph,
@@ -130,4 +131,5 @@ export {
   CodeEditor,
   SearchFieldTypes,
   Time,
+  Alert,
 };

package/src/spec/Alert.spec.ts

@@ -0,0 +1,50 @@
+import { it, expect, describe, beforeEach } from "vitest";
+import WidgetFactory from "../WidgetFactory";
+
+describe("A Alert", () => {
+  let widgetFactory: WidgetFactory;
+
+  beforeEach(() => {
+    widgetFactory = new WidgetFactory();
+  });
+
+  it("should set alertType when provided in props", () => {
+    const widget = widgetFactory.createWidget("alert", { alert_type: "error" });
+    expect(widget.alertType).toBe("error");
+  });
+
+  it("should default to 'info' alertType when not provided in props", () => {
+    const widget = widgetFactory.createWidget("alert", {});
+    expect(widget.alertType).toBe("info");
+  });
+
+  it("should set title when provided in props", () => {
+    const widget = widgetFactory.createWidget("alert", { title: "Test Title" });
+    expect(widget.title).toBe("Test Title");
+  });
+
+  it("should default to empty string for title when not provided in props", () => {
+    const widget = widgetFactory.createWidget("alert", {});
+    expect(widget.title).toBe("");
+  });
+
+  it("should set text when provided in props", () => {
+    const widget = widgetFactory.createWidget("alert", { text: "Test Text" });
+    expect(widget.text).toBe("Test Text");
+  });
+
+  it("should default to empty string for text when not provided in props", () => {
+    const widget = widgetFactory.createWidget("alert", {});
+    expect(widget.text).toBe("");
+  });
+
+  it("should set icon when provided in props", () => {
+    const widget = widgetFactory.createWidget("alert", { icon: "Test Icon" });
+    expect(widget.icon).toBe("Test Icon");
+  });
+
+  it("should default to null for icon when not provided in props", () => {
+    const widget = widgetFactory.createWidget("alert", {});
+    expect(widget.icon).toBeNull();
+  });
+});